我报名参加金石计划1期挑战——瓜分10万奖池，这是我的第n篇文章，点击查看活动详情

前言

现在越来越多重复性强的工作都慢慢被RPA替代了，国内外的RPA相关的公司产品也越来越多，国外的有UiPath,国内的有影刀，UIBot等，以上都是优秀的，用于多个领域的桌面端的RPA软件。 本篇文章只是实现一个简单的，针对网页的RPA流程自动化，比如实现一个EPIC的喜加一自动化，或者完成一个电商的自动抢购功能

技术选型

由于是要实现针对网页的自动化，所以这个RPA一定是独立于浏览器网页之外的，目前前端可以实现的有2种:

1. 使用Electron 做一个桌面软件，进行网页自动化
2. 使用chrome扩展的方式实现对网页的自动化

显然，第二种实现成本最低，也最轻量化，所以本文使用第二种方式进行实现。

对于chrome extension 开发，读者可以先参考这篇文章

插件的UI界面使用React进行开发，脚手架就用最近比较火的Vite搭建.

优秀产品借鉴🐶

这边以[影刀]（www.winrobot360.com/） Demo为例,大概就是这样

根据这个Demo，我们需要实现3个部分

1. 动作指令的实现，我们这里统一叫做元件
2. 播放器实现，用来运行这个一系列的元件
3. 编排元件的界面实现

产品图

简单来说，如图所示

完成目标所需的元件

1. 打开网站
2. 点击元素
3. 输入元素----输入账户密码
4. 等待元素----等待某个元素出现，或者是等待固定时间
5. 逻辑元素？---判断是否为登录状态
6. 。。。

尾声

这篇文章先到这，具体实现放到下一篇，敬请期待。