1. 前言
大家好，我是安果！
之前推薦過很多優(yōu)秀的 Web 自動化工具，比如：Selenium、Helium、Cypress、Pyppeteer 等
利用它們實現(xiàn)自動化的前提是必須安裝依賴、下載瀏覽器驅(qū)動，并且還需要掌握一定的編碼基礎(chǔ)
那有沒有一款針對零基礎(chǔ)編碼，低代碼的工具，能夠幫助我們完成 Web 端的自動化呢？
本篇文章將介紹另外一款自動化工具，即：Automa
2. Automa 介紹
Automa 是一款 Chrome 插件，它能針對 Chrome 瀏覽器完成一系列自動化操作，并且可以執(zhí)行重復(fù)性任務(wù)、網(wǎng)頁截圖、數(shù)據(jù)爬蟲等功能
項目地址：
https://github.com/kholid060/...
插件地址：
https://chrome.google.com/web...
類似于 Node Red 工業(yè)級可視化流程工具，Automa 通過拖拽構(gòu)建流程，完成 UI 自動化
3. 功能介紹
安裝 Automa 插件后，打開插件進入主頁
主頁會展示自動化項目列表及運行日志，從左側(cè)側(cè)邊欄可以進入到 Workflows 工作流程 Tab 中
右上角提供導(dǎo)入工作流「 Import workflow 」、新建工作流「 New workflow 」兩個入口自
創(chuàng)建項目后，會進入到工作流編輯頁面，這里用于構(gòu)建自動化流程；左側(cè)區(qū)域是操作區(qū)域，右側(cè)區(qū)域是主流程構(gòu)建區(qū)域
Automa 提供 4 類操作，分別是：
通用操作：Trigger 觸發(fā)、Delay 延遲、導(dǎo)出數(shù)據(jù)（ JSON / CSV / Plain text 純文本 ）、Repeat task 重復(fù)任務(wù)瀏覽器操作：Active tab、New tab、Go back 后退、Go forward 前進、Close tab 關(guān)閉、Take screenshot 截圖Web 元素操作：Click element 點擊、Get text 獲取文本、Scroll element 滾動、Link 鏈接、Attribute value 元素屬性值、Forms 提交表單、JS 腳本執(zhí)行、Trigger event 觸發(fā)事件條件操作：Conditions 條件判斷、Element exists 元素存在需要指出的是，Automa 還提供了網(wǎng)頁元素選擇器定位功能，只需要點擊插件界面的「 Element Selector 」圖標(biāo)，然后選擇目標(biāo)控件，左下角就會顯示控件的的選擇器
PS：另外 Automa 插件還提供了快速獲取父元素、子元素選擇器的功能
4. 實戰(zhàn)一下
下面通過「 百度一下 」講講怎么使用 Automa
首先，創(chuàng)建一個項目
這時主操作區(qū)域會包含一個操作「 Trigger 」，它作為一個「 啟動節(jié)點 」，默認執(zhí)行方式為 Manually，即：人工方式
PS：也可以配置為間隔執(zhí)行、定時執(zhí)行、訪問某個網(wǎng)址觸發(fā)、通過自定義快捷鍵運行等方式運行
然后，從左側(cè)操作區(qū)域選擇「 New Tab 」操作拖拽到右側(cè)編輯區(qū)域，通過連接線連接「 啟動節(jié)點 」
編輯這個節(jié)點，輸入目標(biāo)網(wǎng)站地址：https://www.baidu.com
再添加一個條件操作節(jié)點「 Element exists 」，以百度搜索輸入框元素存在作為執(zhí)行條件
接著，通過操作「 Forms 」向輸入框中輸入內(nèi)容，使用「 Click element 」操作模擬點擊搜索按鈕
最后，使用「 Delay 」操作模擬在頁面停留 0.5s，利用「 Take screenshot 」截取網(wǎng)頁圖片
完整的自動化流程圖如下：
PS：文末提供了工作流文件，有需要的小伙伴可以直接導(dǎo)入測試
5. 最后
上面通過一個簡單的自動化操作闡述了 Automa 使用的完整流程
Automa 提供的操作在 Web 自動化中基本可以滿足實際工作要求，另外在工作流程中可以拖入「 JavaScript 」操作來完成一些復(fù)雜的自動化場景
文中提到的實例流程文件我已經(jīng)上傳到后臺，回復(fù)關(guān)鍵字「 automa」即可以獲取
如果你覺得文章還不錯，請大家 點贊、分享、留言 下，因為這將是我持續(xù)輸出更多優(yōu)質(zhì)文章的最強動力！
推薦閱讀
移動端自動化 AutoJS 快速入門指南（上）
小技巧 | Get 到一個 Web 自動化方案，絕了！
阿里最強 Python 自動化工具開源了！
聊聊 PC 端自動化最佳方案 - Pywinauto
聊聊 PC 端自動化最佳方案 - WinAppDriver
