1. 前言

大家好,我是安果!

之前推荐过很多优秀的 Web 自动化工具,比如:Selenium、Helium、Cypress、Pyppeteer 等

利用它们实现自动化的前提是必须安装依赖、下载浏览器驱动,并且还需要掌握一定的编码基础

那有没有一款针对零基础编码,低代码的工具,能够帮助我们完成 Web 端的自动化呢?

本篇文章将介绍另外一款自动化工具,即:Automa

2. Automa 介绍

Automa 是一款 Chrome 插件,它能针对 Chrome 浏览器完成一系列自动化操作,并且可以执行重复性任务、网页截图、数据爬虫等功能

类似于 Node Red 工业级可视化流程工具,Automa 通过拖拽构建流程,完成 UI 自动化

3. 功能介绍

安装 Automa 插件后,打开插件进入主页

厉害了!推荐一个 Web 端自动化神器 - Automa_编程语言_02

主页会展示自动化项目列表及运行日志,从左侧侧边栏可以进入到 Workflows 工作流程 Tab 中

右上角提供导入工作流「 Import workflow 」、新建工作流「 New workflow 」两个入口自

创建项目后,会进入到工作流编辑页面,这里用于构建自动化流程;左侧区域是操作区域,右侧区域是主流程构建区域

厉害了!推荐一个 Web 端自动化神器 - Automa_大数据_03

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 插件还提供了快速获取父元素、子元素选择器的功能

厉害了!推荐一个 Web 端自动化神器 - Automa_编程语言_04

4. 实战一下

下面通过「 百度一下 」讲讲怎么使用 Automa

首先,创建一个项目

这时主操作区域会包含一个操作「 Trigger 」,它作为一个「 启动节点 」,默认执行方式为 Manually,即:人工方式

PS:也可以配置为间隔执行、定时执行、访问某个网址触发、通过自定义快捷键运行等方式运行

然后,从左侧操作区域选择「 New Tab 」操作拖拽到右侧编辑区域,通过连接线连接「 启动节点 」

编辑这个节点,输入目标网站地址:https://www.baidu.com

再添加一个条件操作节点「 Element exists 」,以百度搜索输入框元素存在作为执行条件

厉害了!推荐一个 Web 端自动化神器 - Automa_python_05

接着,通过操作「 Forms 」向输入框中输入内容,使用「 Click element 」操作模拟点击搜索按钮

厉害了!推荐一个 Web 端自动化神器 - Automa_大数据_06

最后,使用「 Delay 」操作模拟在页面停留 0.5s,利用「 Take screenshot 」截取网页图片

完整的自动化流程图如下:

PS:文末提供了工作流文件,有需要的小伙伴可以直接导入测试

厉害了!推荐一个 Web 端自动化神器 - Automa_java_07

5. 最后

上面通过一个简单的自动化操作阐述了 Automa 使用的完整流程

Automa 提供的操作在 Web 自动化中基本可以满足实际工作要求

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。