Thursday, January 11, 2024

无代码Web UI自动化工具Automa:自动化填写表单、执行重复性任务、屏幕截图、抓取网页信息等功能

 Automa 是一个免费、开源的浏览器插件,适用于firefox和Chrome ,它通过目前流行的 No Code 无代码方式,只需要拖拽模块就实现了浏览器自动化,比如自动网站登录、填写表格、执行重复性任务、截图或读取网站数据。


 
真是一款非常酷的工具,堪称那种:只有你想不到的,没有你做不到的。
下载安装
火狐浏览器插件地址:https://addons.mozilla.org/en-US/firefox/addon/automa/
谷歌浏览器插件地址:https://chrome.google.com/webstore/detail/automa/infppggnoaenmfagbfknfkancpbljcca/related
开源项目地址:https://github.com/AutomaApp/automa
官网:https://www.automa.site/
第一次打开插件的时候,你将来到一个welcomme页面,首先我们来设置一下语言,在Setting>Language中选择简体中文。
 
开始第一次的尝试
首先在工作流当中,选择新建工作流,然后我们来命名一个hello world的工作流,作为一个测试使用。新建完之后我们就进入了编辑页面,功能还是挺强大的。
 
主要的流程模块包括,General、Browser、Web interaction、Online services、Conditions,其中包含了各种各样的触发器,选择器、条件等等吧,算是一个功能比较完备的多状态机的设计流。
设计一个自动化流
首先我要随便设计的自动化流,1.打开新标签页输入链接跳转到百度,2.点击百度搜索框、输入hello world、点下搜索按钮,3.获取搜索结果页的所有结果标题、4.下载文件。
需求树立完之后,我来看一看我需要那些操作流,新建页面、表单、点击元素、判断元素是否存在、获取文本、导出数据。下图是我把所有需要的操作流,编排起来之后的样子,还挺好看的。

 
在表单和点击元素中,大量使用了css选择器,这里我们可以使用automa自带的选择器工具,去寻找需要的元素,当然你也可以打开控制台,自行寻找。
 
 
这里有两个注意点,我们如果想将获取的数据保存起来,需要先在表格中新建变量,然后在获取文本的控件中设置插入表格,并且点击新建的变量名,这要就可以将数据保存入表格中。
 
随后我们在导出数据中,设置需要导出的数据为表格即可。
 
总结
一个自动化玩具,可以简单做一些提交、数据获取、傻瓜式的操作,不过比较依赖当前网络速度。虽然有执行定时任务的能力,可以做一些挂机操作,但是相较于一些无头浏览器来说,可监控性还是比较差。适合做一些初期的项目尝试,例如抓抓数据,跑一些尝试demo等等,项目化那是不可能的,效率就直接卡死了。核心就是,适合个人玩玩,简单数据抓取,做点自动化操作节约劳动力。

No comments:

YouTube Channel