一、案例说明
本案例基于火语言RPA实现滑块验证码的自动登录,通过脚本替代人工操作,完成**"打开浏览器→ 访问当当登录页→ 输入账号→ 触发滑块验证码→ 云码打码识别→ 模拟滑块拖动→ 提交登录"** 的全流程自动化。
二、案例逻辑
点击 "获取验证码"/"登录" 按钮触发滑块→ 滑块背景截图→ 云码打码识别滑块距离→ 模拟人工轨迹拖动滑块。
三、操作细则
1、打开浏览器, 初始化浏览器;

2、浏览网页, 输入网址URL:https://login.dangdang.com/?returnurl=https%3A%2F%2Fwww.dangdang.com%2F#

3、鼠标/元素点击, 点击页面验证码登录;
点击类型:选定元素
目标元素:BODY > div > div.container > div > div > div.con > div > div > div.pass > h3 > a:nth-child(3)


4、获得/失去焦点, 获得账号输入框焦点;
目标元素:BODY > div > div.container > div > div > div.con > div > div > div.pass > div > div.inputs.mt38 > div.l > input[type=text]

5、模拟键盘输入, 输入登录账号,该账号仅为演示,需自行填入正确账号;

6、鼠标/元素点击, 点击同意用户协议;
点击类型:选定元素
目标元素:BODY > div > div.container > div > div > div.con > div > div > div.pass > div > div.agreement.error-status > input


7、鼠标/元素点击, 点击发送验证码
点击类型:选定元素
目标元素:BODY > div > div.container > div > div > div.con > div > div > div.pass > div > div.mt22 > div > div > div.r > a

8、网页/元素截图, 截图网页打码元素;
截图类型:元素截图
目标元素:#bgImg
保存到指定路径
输出到变量:元素截图

9、云码打码, 识别滑块局滑动距离;
填入云码密钥;
识别类型:通用单图滑块(截图)
图片路径:元素截图
输出变量:坐标
识别结果:验证码

10、鼠标拖拽元素, 拖拽打码坐标;
拖动元素:#sliderBtn
拖动到:目标位置
X坐标:+{``{坐标}}

四、注意事项
鼠标拖拽元素,普通数字表示移动到的x坐标点,数字前加+表示向右增加,数字前加-表示向左减少的坐标值。
案例分享: https://www.huoyuyan.com/share.html?key=eyJhdXRvQ29kZSI6IkZhbHNlIiwia2V5IjoiOTc0ZDMzNTNiNjI2NDUyNWE2N2EzYzM0NmQyOGM2NmEifQ== 提取码: WKw4(云码打码密钥需自行写入)