1. 前言
大家好，我是安果！
之前推荐过很多优秀的 Web 自动化工具，比如：Selenium、Helium、Cypress、Pyppeteer 等
利用它们实现自动化的前提是必须安装依赖、下载浏览器驱动，并且还需要掌握一定的编码基础
那有没有一款针对零基础编码，低代码的工具，能够帮助我们完成 Web 端的自动化呢？
本篇文章将介绍另外一款自动化工具，即：Automa
2. Automa 介绍
Automa 是一款 Chrome 插件，它能针对 Chrome 浏览器完成一系列自动化操作，并且可以执行重复性任务、网页截图、数据爬虫等功能
项目地址：
https://github.com/kholid060/automa
插件地址：
https://chrome.google.com/webstore/detail/automa/infppggnoaenmfagbfknfkancpbljcca
类似于 Node Red 工业级可视化流程工具，Automa 通过拖拽构建流程，完成 UI 自动化
3. 功能介绍
安装 Automa 插件后，打开插件进入主页
image
主页会展示自动化项目列表及运行日志，从左侧侧边栏可以进入到 Workflows 工作流程 Tab 中
右上角提供导入工作流「 Import workflow 」、新建工作流「 New workflow 」两个入口自
创建项目后，会进入到工作流编辑页面，这里用于构建自动化流程；左侧区域是操作区域，右侧区域是主流程构建区域
image
Automa 提供 4 类操作，分别是：
-
通用操作：Trigger 触发、Delay 延迟、导出数据（ JSON / CSV / Plain text 纯文本 ）、Repeat task 重复任务
-
浏览器操作：Active tab、New tab、Go back 后退、Go forward 前进、Close tab 关闭、Take screenshot 截图
-
Web 元素操作：Click element 点击、Get text 获取文本、Scroll element 滚动、Link 链接、Attribute value 元素属性值、Forms 提交表单、JS 脚本执行、Trigger event 触发事件
-
条件操作：Conditions 条件判断、Element exists 元素存在
需要指出的是，Automa 还提供了网页元素选择器定位功能，只需要点击插件界面的「 Element Selector 」图标，然后选择目标控件，左下角就会显示控件的的选择器
PS：另外 Automa 插件还提供了快速获取父元素、子元素选择器的功能
image
4. 实战一下
下面通过「 百度一下 」讲讲怎么使用 Automa
首先，创建一个项目
这时主操作区域会包含一个操作「 Trigger 」，它作为一个「 启动节点 」，默认执行方式为 Manually，即：人工方式
PS：也可以配置为间隔执行、定时执行、访问某个网址触发、通过自定义快捷键运行等方式运行
然后，从左侧操作区域选择「 New Tab 」操作拖拽到右侧编辑区域，通过连接线连接「 启动节点 」
编辑这个节点，输入目标网站地址：https://www.baidu.com
再添加一个条件操作节点「 Element exists 」，以百度搜索输入框元素存在作为执行条件
image
接着，通过操作「 Forms 」向输入框中输入内容，使用「 Click element 」操作模拟点击搜索按钮
image
最后，使用「 Delay 」操作模拟在页面停留 0.5s，利用「 Take screenshot 」截取网页图片
完整的自动化流程图如下：
PS：文末提供了工作流文件，有需要的小伙伴可以直接导入测试
image
5. 最后
上面通过一个简单的自动化操作阐述了 Automa 使用的完整流程
Automa 提供的操作在 Web 自动化中基本可以满足实际工作要求，另外在工作流程中可以拖入「 JavaScript 」操作来完成一些复杂的自动化场景
文中提到的实例流程文件我已经上传到后台，回复关键字「 automa」即可以获取
如果你觉得文章还不错，请大家 点赞、分享、留言 下，因为这将是我持续输出更多优质文章的最强动力！
网友评论