rpa:小红书实例讲解界面选取和界面库选取两种选择方式的区别

上文有讲到rpa从安装到第一个小例子的运行,这篇文章我们讲解rpa的两种元素选择方式说明:界面选取和界面库选取。

首先,我们需要知道为什么需要选取元素,以及选取了元素之后有什么作用?

现在有一种这样的场景:我们需要知道小红书某个领域有哪些作者,我们就需要先打开小红书的官网,找到搜索框再输入关键字,比如:rpa。

这里就出现了两个元素,一个搜索框、一个是搜索按钮,我们分别把这两个元素定义为a、b,后续的流程为:打开小红书网站、在a中输入关键字、点击b。最后出现的结果又是一个新的元素,我们可以将之定义为c,接上流程就是获取c。

总结:

  • 界面选取:要获取元素时实时从界面上获取,讲究实时。
  • 界面库选取:将元素提前选择并入库,之后直接使用即可,讲究方便。

我们就以这样一个案例来讲解界面选取和界面库选取两种元素选择方式的区别。

大概的流程如下:打开小红书网址、找到输入框输入关键字、点击搜索按钮、点击搜索结果的用户分类,获取第一页所有用户并导出excel。

1、我们打开creator,新建一个新的流程:

2、新建一个打开浏览器和关闭浏览器的流程:

我们快速把开启和关闭浏览器的流程拉一下,记得把打开浏览器流程中的hWeb变量删除并在全局变量添加,在上文我们有说到,大致流程如下:

3、打开小红书网站:

在打开小红书这个流程中我们将打开网页这个命令拖到中间,并在加载链接输入:
www.xiaohongshu.com

我们尝试启动一下流程,效果如下:

4、OK,现在开始我们找到搜索框和搜索按钮:

我们新建一个流程,叫输入和搜索,我们在这个流程里在搜索框输入要搜索的内容和点击搜索按钮:

编辑这个流程,我们添加如下命令:

我们点一下未指定文字,并将鼠标移动到搜索框上,当输入框变成这样后,我们点击鼠标左键选中这个输入控件,这就是在界面的选取方式:

选取的完整录像看下面gif

选完后我们在写入文本这里写入:【rpa】:

我们试试效果:

OK!按我们预期输入了文字,接下来就是点击搜索了。

我们选择这个快级元素:

试试效果:

效果还是不错的,我们继续后续流程。

5、点击用户tab:

搜索时,默认的tab时全部,我们需要点击用户tab,切换到用户tab,再获取第一页所有用户,我们再加一个流程:

编辑:

选择用户tab块级元素:

我们再跑一遍流程:

OK,实现了我们想要的效果,最后就是获取数据并写入excel了。

6、获取数据并写入excel:

我们再新建一个流程:

在编辑之前,我们分析一下小红书的作者页长什么样:

打开一个作者的个人信息页,我们发现,有这样一串字符串,这个就是这个用户的唯一用户id,所以我们只需要拿到列表中的每个作者的用户id即可。

这里我们再分析下列表有没有这个id:

可以看到html中是有用户id的,这里我们用一个js来获取这个id,js代码如下:

执行结果:

以源代码模式编辑完整代码:

我们运行看一下效果:

最终出来的excel文件:

本文到此结束,有问题大家可以私信或者评论。

相关推荐
kyriewen3 小时前
Skills 榜前 10 我全装了:只有 3 个能直接用
前端·javascript·程序员
李剑一3 小时前
他是数字世界的开创者,41岁走完了被亏欠的天才人生,拯救千万人,却被祖国定罪
程序员
Hilaku12 小时前
CORS 到底在保护谁?90% 的前端理解错了跨域的本质
前端·javascript·程序员
挖掘狂人12 小时前
缓存和数据库的一致性,别停在 “延时双删”
java·后端·程序员
codigger12 小时前
缓存和数据库的一致性,别停在 “延时双删”
java·后端·程序员·后端开发
深蓝AI17 小时前
无头浏览器不必从 Chrome 改:Lightpanda 用 Zig 从零造,100 个页面只占 123MB 内存
人工智能·程序员
深蓝AI1 天前
桌面 Agent 缺的不是视觉:Vercel 开源 agent-desktop,用无障碍树 ref 替代截图坐标
人工智能·程序员
高晶1 天前
SPMI 控制器 RTL 设计与验证新手入门
设计模式·程序员·架构
kyriewen1 天前
我验了 7 种 sticky 失效说法:3 种根本不成立
前端·javascript·程序员
深蓝AI1 天前
编码 Agent 的界面味靠提示词压不住:Impeccable 用无模型规则拦同一套模板
前端·程序员