最近发现一个集合了自动化和低代码为一体的浏览器插件,那就是automa。根据它官网的描述来说呢,那就是“一个通过连接块来自动化浏览器的扩展”。
下载安装
直接访问链接https://chrome.google.com/webstore/detail/automa/infppggnoaenmfagbfknfkancpbljcca(国内无法访问,请根据文章下方的下载地址下载对应插件进行安装)即可,添加这样插件就装好了。
初始化设置
这是你第一次打开插件的时候,你将来到一个welcomme页面,首先我们来设置一下语言,在Setting>Language中选择简体中文。
开始第一次的尝试
首先在工作流当中,选择新建工作流,然后我们来命名一个hello world的工作流,作为一个测试使用。新建完之后我们就进入了编辑页面,功能还是挺强大的。
主要的流程模块包括,General、Browser、Web interaction、Online services、Conditions,其中包含了各种各样的触发器,选择器、条件等等吧,算是一个功能比较完备的多状态机的设计流。
设计一个自动化流
首先我要随便设计的自动化流,1.打开新标签页输入链接跳转到百度,2.点击百度搜索框、输入hello world、点下搜索按钮,3.获取搜索结果页的所有结果标题、4.下载文件。
需求树立完之后,我来看一看我需要那些操作流,新建页面、表单、点击元素、判断元素是否存在、获取文本、导出数据。下图是我把所有需要的操作流,编排起来之后的样子,还挺好看的。
在表单和点击元素中,大量使用了css选择器,这里我们可以使用automa自带的选择器工具,去寻找需要的元素,当然你也可以打开控制台,自行寻找。
这里有两个注意点,我们如果想将获取的数据保存起来,需要先在表格中新建变量,然后在获取文本的控件中设置插入表格,并且点击新建的变量名,这要就可以将数据保存入表格中。
随后我们在导出数据中,设置需要导出的数据为表格即可。
总结
一个自动化玩具,可以简单做一些提交、数据获取、傻瓜式的操作,不过比较依赖当前网络速度。虽然有执行定时任务的能力,可以做一些挂机操作,但是相较于一些无头浏览器来说,可监控性还是比较差。适合做一些初期的项目尝试,例如抓抓数据,跑一些尝试demo等等,项目化那是不可能的,效率就直接卡死了。核心就是,适合个人玩玩,简单数据抓取,做点自动化操作节约劳动力。