Cách gi?i CAPTCHA trong trình duy?t b?ng API CapSolver

import requests
import time
from browser_use import Controller, ActionResult
from playwright.async_api import Page

CAPSOLVER_API_KEY = 'YOUR_CAPSOLVER_API_KEY'

@controller.action('Solve CAPTCHA', domains=['*'])
async def solve_captcha(page: Page) -> ActionResult:
    if await page.query_selector('.g-recaptcha'):
        site_key = await page.evaluate("document.querySelector('.g-recaptcha').getAttribute('data-sitekey')")
        page_url = page.url

        # Create task with CapSolver
        response = requests.post('https://api.capsolver.com/createTask', json={
            'clientKey': CAPSOLVER_API_KEY,
            'task': {
                'type': 'ReCaptchaV2TaskProxyLess',
                'websiteURL': page_url,
                'websiteKey': site_key,
            }
        })
        task_id = response.json().get('taskId')
        if not task_id:
            return ActionResult(success=False, message='Failed to create CapSolver task')

        # Poll for solution
        while True:
            time.sleep(5)
            result_response = requests.post('https://api.capsolver.com/getTaskResult', json={
                'clientKey': CAPSOLVER_API_KEY,
                'taskId': task_id
            })
            result = result_response.json()
            if result.get('status') == 'ready':
                solution = result.get('solution', {}).get('gRecaptchaResponse')
                if solution:
                    await page.evaluate(f"document.getElementById('g-recaptcha-response').innerHTML = '{solution}';")
                    return ActionResult(success=True, message='CAPTCHA solved')
                else:
                    return ActionResult(success=False, message='No solution found')
            elif result.get('status') == 'failed':
                return ActionResult(success=False, message='CapSolver failed to solve CAPTCHA')
    return ActionResult(success=False, message='No CAPTCHA found')

pip install browser-use playwright requests
playwright install

OPENAI_API_KEY=your_openai_api_key
CAPSOLVER_API_KEY=your_capsolver_api_key

import os
import asyncio
import requests
from dotenv import load_dotenv
from browser_use import Agent, Controller, ActionResult
from browser_use.browser import BrowserSession
from browser_use.llm import ChatOpenAI
from playwright.async_api import Page

# Load environment variables from .env file
load_dotenv()

CAPSOLVER_API_KEY = os.getenv('CAPSOLVER_API_KEY')

controller = Controller()

@controller.action('Solve CAPTCHA', domains=['*'])
async def solve_captcha(page) -> ActionResult:
    if await page.query_selector('.g-recaptcha'):
        site_key = await page.evaluate("document.querySelector('.g-recaptcha').getAttribute('data-sitekey')")
        page_url = page.url

        response = requests.post('https://api.capsolver.com/createTask', json={
            'clientKey': CAPSOLVER_API_KEY,
            'task': {
                'type': 'ReCaptchaV2TaskProxyLess',
                'websiteURL': page_url,
                'websiteKey': site_key,
            }
        })

        task_id = response.json().get('taskId')
        print(task_id)
        if not task_id:
            return ActionResult(success=False, message='Failed to create CapSolver task')

        while True:
            await asyncio.sleep(5)
            result_response = requests.post('https://api.capsolver.com/getTaskResult', json={
                'clientKey': CAPSOLVER_API_KEY,
                'taskId': task_id
            })
            result = result_response.json()
            print(f"CAPTCHA result status: {result.get('status')}")
            if result.get('status') == 'ready':
                solution = result.get('solution', {}).get('gRecaptchaResponse')
                print(f"CAPTCHA solution: {solution}")
                if solution:
                    print("Submitting CAPTCHA solution...")
                    # Try both possible input fields for the CAPTCHA token
                    await page.evaluate(f"""
                        // Try the standard g-recaptcha-response field
                        var gRecaptchaResponse = document.getElementById('g-recaptcha-response');
                        if (gRecaptchaResponse) {{
                            gRecaptchaResponse.innerHTML = '{solution}';
                            var event = new Event('input', {{ bubbles: true }});
                            gRecaptchaResponse.dispatchEvent(event);
                        }}
                        
                        // Also try the recaptcha-token field
                        var recaptchaToken = document.getElementById('recaptcha-token');
                        if (recaptchaToken) {{
                            recaptchaToken.value = '{solution}';
                            var event = new Event('input', {{ bubbles: true }});
                            recaptchaToken.dispatchEvent(event);
                        }}
                    """)
                    
                    # Wait a moment for the token to be processed
                    await asyncio.sleep(2)
                    print("Token injected successfully! CAPTCHA solved.")
                    
                    # Method 2: Click submit button directly using the correct selector
                    print("Now clicking submit button...")
                    try:
                        # Use the specific button selector you provided
                        submit_button = await page.query_selector("body > main > form > fieldset > button")
                        if submit_button:
                            await submit_button.click()
                            print("? Submit button clicked successfully!")
                        else:
                            print("? Submit button not found!")
                            return ActionResult(success=False, message='Submit button not found')
                    except Exception as e:
                        print(f"? Error clicking submit button: {e}")
                        return ActionResult(success=False, message=f'Error clicking submit: {e}')
                    
                    print("CAPTCHA solved and form submitted successfully!")
                    return ActionResult(success=True, message='CAPTCHA solved and form submitted')
                   
                else:
                    return ActionResult(success=False, message='No solution found')
            elif result.get('status') == 'failed':
                return ActionResult(success=False, message='CapSolver failed to solve CAPTCHA')
    return ActionResult(success=False, message='No CAPTCHA found')

llm = ChatOpenAI(model="gpt-4o-mini")

async def main():
    try:
        print("? Starting browser-use CAPTCHA solver agent...")
        
        # Simple task instruction for CAPTCHA solving and form submission
        task = """Navigate to https://recaptcha-demo.appspot.com/recaptcha-v2-checkbox.php and solve the CAPTCHA, then submit the form.

STEP 1: Navigate to the reCAPTCHA demo page: https://recaptcha-demo.appspot.com/recaptcha-v2-checkbox.php

STEP 2: Wait for the page to fully load. You should see a form with input fields and a reCAPTCHA checkbox.

STEP 3: Look for a reCAPTCHA element (usually a checkbox that says "I'm not a robot" or similar).

STEP 4: Use the "solve_captcha" action to automatically solve the CAPTCHA and submit the form.

STEP 5: Report the final result.

Note: The solve_captcha action will handle both solving the CAPTCHA and submitting the form automatically."""
        
        # Create browser session first
        browser_session = BrowserSession()
        
        # Create agent with the browser session
        agent = Agent(
            task=task, 
            llm=llm, 
            controller=controller,
            browser_session=browser_session
        )
        
        print("? Running CAPTCHA solver agent...")
        result = await agent.run()
        print(f"? Agent completed: {result}")
        
        # Keep browser open to see results
        input('Press Enter to close the browser...')
        await browser_session.close()
        
    except Exception as e:
        print(f"? Error: {e}")

if __name__ == "__main__":
    asyncio.run(main())

1. **Cài ??t các ph? thu?c** | Cài ??t `browser-use`, `playwright`, và `requests` b?ng `pip install browser-use playwright requests`. Ch?y `playwright install` ?? cài ??t các trình duy?t c?n thi?t. |
2. **C?u hình m?i tr??ng** | T?o m?t file `.env` v?i các khóa API c?a OpenAI và CapSolver ?? l?u tr? th?ng tin ??ng nh?p m?t cách an toàn. |
3. **??nh ngh?a hành ??ng tùy ch?nh** | S? d?ng decorator `@controller.action` ?? ??nh ngh?a `solve_captcha`, ki?m tra xem có ph?n t? reCAPTCHA v2, trích xu?t khóa site, g?i API c?a CapSolver, và tiêm gi?i pháp vào trang. |
4. **Kh?i t?o Controller và Agent** | T?o m?t instance `Controller`, ??nh ngh?a hành ??ng tùy ch?nh, kh?i t?o LLM (ví d?: ChatOpenAI v?i GPT-4o-mini), và t?o agent `BrowserUse` v?i controller. |
5. **Ch?y Agent** | Cung c?p m?t task bao g?m h??ng d?n ?? gi?i quy?t CAPTCHA b?ng hành ??ng tùy ch?nh n?u g?p ph?i. Agent ?i?u h??ng ??n URL ???c ch? ??nh, phát hi?n CAPTCHA, g?i hành ??ng tùy ch?nh, và g?i form. |
6. **X? l? l?i** | Hành ??ng tùy ch?nh bao g?m x? l? l?i cho các tr??ng h?p mà task CapSolver th?t b?i ho?c kh?ng tìm th?y gi?i pháp, tr? v? các ??i t??ng `ActionResult` phù h?p. |
7. **D?n d?p** | Agent t? ??ng qu?n l? tài nguyên trình duy?t, ?óng trình duy?t khi task hoàn thành. |

Ví d? này t?p trung vào reCAPTCHA v2, nh?ng b?n có th? ?i?u ch?nh nó cho các lo?i CAPTCHA khác b?ng cách s?a ??i lo?i task (ví d?: `AntiTurnstileTaskProxyLess` cho Turnstile).

## H??ng d?n Demo
Ph?n này m? t? cách tích h?p ho?t ??ng b?ng m?t task m?u ?? ?i?u h??ng ??n m?t trang demo v?i h?p ki?m reCAPTCHA v2 và g?i form.

1. **Thi?t l?p Task**: Task h??ng d?n agent AI truy c?p `https://recaptcha-demo.appspot.com/recaptcha-v2-checkbox.php`, g?i form, và gi?i quy?t b?t k? CAPTCHA nào b?ng hành ??ng `solve_captcha`.
2. **Th?c thi Agent**: Agent Browser-use kh?i ch?y trình duy?t ???c ?i?u khi?n b?i Playwright và ?i?u h??ng ??n URL ???c ch? ??nh.
3. **Phát hi?n CAPTCHA**: Agent ki?m tra CAPTCHA b?ng cách tìm ki?m ph?n t? `.g-recaptcha`. N?u tìm th?y, nó kích ho?t hành ??ng `solve_captcha`.
4. **Th?c thi Hành ??ng Tùy ch?nh**: Hành ??ng `solve_captcha` trích xu?t khóa site và URL trang, t?o m?t task v?i API c?a CapSolver, và th?m dò gi?i pháp.
5. **Tiêm Gi?i pháp**: Khi nh?n ???c gi?i pháp, hành ??ng tiêm token vào tr??ng `g-recaptcha-response`.
6. **G?i Form**: Agent g?i form b?ng cách nh?p vào nút g?i, hoàn thành task.
7. **Hoàn thành Task**: Agent tr? v? k?t qu?, cho bi?t vi?c g?i form thành c?ng.

V? m?t hình ?nh, b?n s? th?y trình duy?t ?i?u h??ng ??n trang demo, h?p ki?m reCAPTCHA ???c ?ánh d?u t? ??ng sau khi gi?i pháp ???c tiêm, và form ???c g?i thành c?ng.

## Ph?n C?u h?i Th??ng g?p
| C?u h?i | C?u tr? l?i |
|----------|--------|
| **CapSolver có th? gi?i quy?t các lo?i CAPTCHA nào?** | CapSolver h? tr? reCAPTCHA v2/v3, Cloudflare Turnstile, và h?n th? n?a. Tham kh?o [tài li?u CapSolver](https://docs.capsolver.com) ?? bi?t danh sách ??y ??. |
| **Làm th? nào ?? t?i x? l? các lo?i CAPTCHA khác nhau?** | S?a ??i hành ??ng tùy ch?nh ?? phát hi?n lo?i CAPTCHA (ví d?: ki?m tra các ph?n t? ho?c thu?c tính c? th?) và s? d?ng lo?i task CapSolver phù h?p, ch?ng h?n nh? `AntiTurnstileTaskProxyLess` cho Turnstile. |
| **N?u CapSolver kh?ng gi?i quy?t ???c CAPTCHA thì sao?** | Th?c hi?n logic th? l?i trong hành ??ng tùy ch?nh ho?c th?ng báo cho ng??i dùng v? s? th?t b?i. Ghi nh?t k? l?i ?? g? l?i và xem xét các chi?n l??c d? phòng. |
| **T?i có th? s? d?ng CapSolver v?i các c?ng c? t? ??ng hóa khác kh?ng?** | Có, API c?a CapSolver t??ng thích v?i b?t k? c?ng c? nào h? tr? yêu c?u HTTP, bao g?m Selenium, Puppeteer và Playwright. |
| **T?i có c?n proxy v?i CapSolver kh?ng?** | Proxy có th? ???c yêu c?u ??i v?i CAPTCHA c? th? v? vùng ho?c b? ràng bu?c IP. CapSolver h? tr? s? d?ng proxy; xem tài li?u c?a h? ?? bi?t chi ti?t. |

## K?t lu?n
Tích h?p CapSolver v?i Browser-use cung c?p m?t gi?i pháp m?nh m? ?? x? l? CAPTCHA trong các tác v? t? ??ng hóa web. B?ng cách ??nh ngh?a m?t hành ??ng tùy ch?nh ?? gi?i quy?t CAPTCHA, b?n có th? ??m b?o r?ng các agent AI c?a b?n ?i?u h??ng các trang web li?n m?ch, ngay c? khi ph?i ??i m?t v?i các bi?n pháp ch?ng bot. S? k?t h?p này t?n d?ng tính d? s? d?ng c?a Browser-use và kh? n?ng gi?i quy?t CAPTCHA m?nh m? c?a CapSolver ?? t?o ra các quy trình t? ??ng hóa hi?u qu?.

?? b?t ??u, h?y ??ng k? [CapSolver](?utm_source=blog&utm_medium=integration&utm_campaign=browser-use) và khám phá [Browser-use](https://github.com/browser-use/browser-use). Làm theo h??ng d?n thi?t l?p và th?c hi?n ví d? m? ???c cung c?p. ?? bi?t thêm chi ti?t, h?y truy c?p [tài li?u CapSolver](https://docs.capsolver.com?utm_source=blog&utm_medium=integration&utm_campaign=browser-use) và [tài li?u Browser-use](https://docs.browser-use.com). H?y th? tích h?p này trong d? án t? ??ng hóa ti?p theo c?a b?n và tr?i nghi?m s? d? dàng trong vi?c gi?i quy?t CAPTCHA t? ??ng!

Thêm cho ng??i dùng Browser-use: S? d?ng m? khuy?n m?i **BROWSERUSE** khi n?p ti?n vào tài kho?n CapSolver c?a b?n và nh?n ???c 6% ti?n th??ng ??c quy?n — kh?ng gi?i h?n, kh?ng h?t h?n.
<img width="533" height="246" alt="image" src="https://github.com/user-attachments/assets/00c3b7c7-d4cd-4229-8cc9-abf067341dcc" />

### Trình duy?t và c?ng c? ???c h? tr?
- **Browser-use**: S? d?ng Playwright, h? tr? các trình duy?t Chromium, Firefox và WebKit.
- **CapSolver**: T??ng thích v?i b?t k? client có kh? n?ng HTTP nào, bao g?m c? ti?n ích m? r?ng trình duy?t cho Chrome và Firefox.

### Tìm hi?u thêm và khám phá các lo?i khung khác
- [Browser-use GitHub](https://github.com/browser-use/browser-use)
- [Trang web chính th?c c?a CapSolver](?utm_source=blog&utm_medium=integration&utm_campaign=browser-use)
- [Tài li?u Playwright](https://playwright.dev)
- [Tài li?u CapSolver](https://docs.capsolver.com?utm_source=blog&utm_medium=integration&utm_campaign=browser-use)
- [Tài li?u Browser-use](https://docs.browser-use.com)