使用JavaScript解决reCAPTCHA：完整教程

在这里插入图片描述

虽然reCAPTCHA有效地保护了网络内容，但有时它也会妨碍合法活动，例如研究、数据分析或其他与合规相关的自动化任务，这些任务需要与网络服务进行交互。

你将学到什么

在本博客中，我们将带你逐步了解如何使用JavaScript解决reCAPTCHA挑战。你将学习如何设置开发环境，使用Puppeteer与网页进行交互，以及如何实现对reCAPTCHA v2和v3的解决方案。在本教程结束时，你将对如何以编程方式解决reCAPTCHA挑战有深入的了解，从而能够将这些知识整合到你自己的项目中。

什么是reCAPTCHA？

reCAPTCHA是一种帮助区分人类用户与机器人的CAPTCHA，通过呈现对人类来说简单但对机器来说困难的挑战来实现这一目的。多年来，reCAPTCHA从需要用户输入变形文字，发展到更复杂的基于图像的谜题，再到如今几乎看不见的版本，该版本在后台运行，根据用户在网站上的行为打分。

对反复无法解决恼人的验证码感到苦恼吗？

体验Capsolver AI驱动的自动网络解锁技术，轻松解决验证码问题！

获取顶级验证码解决方案的优惠码：CapSolver：WEBS。兑换后，每次充值将获得额外的5%奖励，无上限。

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

reCAPTCHA的版本：

reCAPTCHA v2：这个版本广为人知，它的特点是“我不是机器人”复选框和基于图像的挑战。它要求用户点击图像或验证某些操作，使其有效地区分人类与机器人。
reCAPTCHA v3：与v2不同，reCAPTCHA v3是不可见的，在后台运行。它通过评估用户在网站上的互动来打分，得出用户可能是机器人的概率。网站可以根据该评分决定是否允许或阻止用户。
reCAPTCHA企业版：对于有更高安全需求的企业，reCAPTCHA企业版是一个选择。该版本针对复杂威胁提供了更高级别的保护，与企业级安全措施更深入地集成。它包括增强的风险分析、自定义评分以及更好的可扩展性，适用于处理敏感数据或执行关键操作的组织。

为什么用JavaScript解决reCAPTCHA？

对于从事网页抓取、自动化测试或表单自动化等项目的开发人员来说，遇到reCAPTCHA可能是一个重大障碍。在自动化场景中，每次手动解决reCAPTCHA是不现实的，而JavaScript在这种情况下派上了用场。通过利用JavaScript，特别是Puppeteer工具，开发人员可以以编程方式与reCAPTCHA挑战互动并加以解决。

常见的使用场景：

1. 网页抓取从网站提取数据通常需要与受reCAPTCHA保护的表单或页面交互。
2. 自动化测试为了确保网页应用的稳定性，可能需要自动化表单提交或与受CAPTCHA保护的页面进行互动。
3. 表单自动化自动化重复性任务，如填写并提交表单，通常需要绕过CAPTCHA才能完成工作流程。

前提条件

在深入代码之前，你需要准备一些前提条件，以便顺利完成本教程：

JavaScript的基础知识本教程假设你具备JavaScript的基础知识，包括熟悉变量、函数和异步编程等概念。
Node.js和npm我们将使用JavaScript运行时Node.js和npm（Node包管理器）来管理项目的依赖项。如果你还没有安装Node.js，可以从Node.js官方网站下载。
CapSolver API密钥为了有效地解决reCAPTCHA挑战，你需要访问像CapSolver这样的服务，该服务专门解决编程方式的CAPTCHA挑战。确保你已注册并从CapSolver获取API密钥，以便将其集成到你的解决方案中。

一旦你满足了这些前提条件，你就可以准备好环境并开始使用JavaScript和CapSolver解决reCAPTCHA挑战了。

使用JavaScript解决reCAPTCHA的步骤

获取站点密钥

在浏览器的请求日志中，查找请求/recaptcha/api2/reload?k=6Le-wvkSAAAAAPBMRTvw0Q4Muexq9bi0DJwx_mJ-，k=后面的值就是我们需要的站点密钥。或者你可以通过CapSolver扩展程序找到解决reCAPTCHA所需的所有参数。
URL是触发reCAPTCHA V2的页面地址。

安装requests库

pip install requests

示例代码

import requests
import time
from DrissionPage import ChromiumPage

# 创建ChromiumPage实例
page = ChromiumPage()

# 访问触发reCAPTCHA的示例页面
page.get("https://www.google.com/recaptcha/api2/demo")

# TODO: 设置你的配置
api_key = "your api key of capsolver"  # 你的CapSolver API密钥
site_key = "6Le-wvkSAAAAAPBMRTvw0Q4Muexq9bi0DJwx_mJ-"  # 目标网站的站点密钥
site_url = "https://www.google.com/recaptcha/api2/demo"  # 目标网站的页面URL

def capsolver():
    payload = {
        "clientKey": api_key,
        "task": {
            "type": 'ReCaptchaV2TaskProxyLess',
            "websiteKey": site_key,
            "websiteURL": site_url
        }
    }
    # 发送请求到CapSolver以创建任务
    res = requests.post("https://api.capsolver.com/createTask", json=payload)
    resp = res.json()
    task_id = resp.get("taskId")
    if not task_id:
        print("任务创建失败:", res.text)
        return
    print(f"获取到taskId: {task_id} / 获取结果中...")

    while True:
        time.sleep(3)  # 延迟
        payload = {"clientKey": api_key, "taskId": task_id}
        # 查询任务结果
        res = requests.post("https://api.capsolver.com/getTaskResult", json=payload)
        resp = res.json()
        status = resp.get("status")
        if status == "ready":
            return resp.get("solution", {}).get('gRecaptchaResponse')
        if status == "failed" or resp.get("errorId"):
            print("解决失败！响应:", res.text)
            return

def check():
    # 获取reCAPTCHA解决方案
    token = capsolver()
    # 设置reCAPTCHA响应值
    page.run_js(f'document.getElementById("g-recaptcha-response").value="{token}"')
    # 调用成功回调函数
    page.run_js(f'onSuccess("{token}")')
    # 提交表单
    page.ele('x://input[@id="recaptcha-demo-submit"]').click()

if __name__ == '__main__':
    check()