Tự động hóa trình duyệt Playwright: Hướng dẫn giải CAPTCHA

npm install playwright capsolver

const CapSolver = require('capsolver');
const capSolver = new CapSolver({ apiKey: 'YOUR_API_KEY' });

const { chromium } = require('playwright');

async function solveRecaptchaV2Example() {
    // Khởi tạo CapSolver
    const CapSolver = require('capsolver');
    const solver = new CapSolver({ apiKey: 'YOUR_API_KEY' });

    // Khởi động trình duyệt
    const browser = await chromium.launch({ headless: false });
    const page = await browser.newPage();

    try {
        // Điều hướng đến trang đích
        await page.goto('https://example.com/login');

        // Phát hiện reCAPTCHA v2
        const siteKey = await page.evaluate(() => {
            const element = document.querySelector('[data-sitekey]');
            return element ? element.getAttribute('data-sitekey') : null;
        });

        if (siteKey) {
            console.log('Phát hiện reCAPTCHA v2, đang giải...');

            // Giải qua CapSolver
            const solution = await solver.recaptcha({
                websiteURL: page.url(),
                websiteKey: siteKey,
                isEnterprise: false
            });

            // Thiết lập token giải pháp
            await page.evaluate((token) => {
                const textarea = document.getElementById('g-recaptcha-response');
                if (textarea) textarea.value = token;
            }, solution.gRecaptchaResponse);

            // Kích hoạt callback nếu tồn tại
            const callback = await page.evaluate(() => {
                const el = document.querySelector('[data-callback]');
                return el ? el.getAttribute('data-callback') : null;
            });

            if (callback) {
                await page.evaluate((cb) => {
                    eval(cb + '()');
                }, callback);
            }

            console.log('reCAPTCHA v2 đã vượt qua thành công');
        }

        // Tiếp tục với tự động hóa của bạn
        await page.fill('#username', 'user@example.com');
        await page.fill('#password', 'password123');
        await page.click('#login-btn');

    } catch (error) {
        console.error('Lỗi:', error.message);
    } finally {
        await browser.close();
    }
}

solveRecaptchaV2Example();

const { chromium } = require('playwright');

async function solveRecaptchaV3Example() {
    // Khởi tạo CapSolver
    const CapSolver = require('capsolver');
    const solver = new CapSolver({ apiKey: 'YOUR_API_KEY' });

    // Khởi động trình duyệt
    const browser = await chromium.launch({ headless: false });
    const page = await browser.newPage();

    try {
        await page.goto('https://example.com/dashboard');

        // Trích xuất key reCAPTCHA v3
        const siteKey = await page.evaluate(() => {
            const scripts = document.querySelectorAll('script[src*="recaptcha"]');
            for (const script of scripts) {
                const src = script.src;
                const keyMatch = src.match(/k=([^&]+)/);
                if (keyMatch) return keyMatch[1];
            }
            return null;
        });

        if (siteKey) {
            console.log('Phát hiện reCAPTCHA v3');

            // Giải với yêu cầu điểm số
            const solution = await solver.recaptcha({
                websiteURL: page.url(),
                websiteKey: siteKey,
                isEnterprise: false,
                pageAction: 'homepage'
            });

            console.log('Token nhận được, điểm số:', solution.score);

            // Lưu token cho các yêu cầu API
            await page.evaluate((token) => {
                window.__captchaToken = token;
            }, solution.gRecaptchaResponse);

            // Sử dụng token trong các yêu cầu tiếp theo
            const response = await page.evaluate(async (token) => {
                const res = await fetch('/api/user-profile', {
                    headers: { 'X-Recaptcha-Token': token }
                });
                return await res.json();
            }, solution.gRecaptchaResponse);

            console.log('Dữ liệu nhận được:', response);
        }

    } catch (error) {
        console.error('Lỗi:', error.message);
    } finally {
        await browser.close();
    }
}

solveRecaptchaV3Example();

const { chromium } = require('playwright');

async function solveCloudflareTurnstileExample() {
    // Khởi tạo CapSolver
    const CapSolver = require('capsolver');
    const solver = new CapSolver({ apiKey: 'YOUR_API_KEY' });

    // Khởi động trình duyệt với cài đặt bảo mật
    const browser = await chromium.launch({ headless: false });
    const context = await browser.newContext({
        viewport: { width: 1920, height: 1080 },
        userAgent: 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36'
    });
    const page = await context.newPage();

    try {
        await page.goto('https://example-protected.com/', {
            waitUntil: 'domcontentloaded',
            timeout: 30000
        });

        // Kiểm tra xem có thách thức Cloudflare không
        const isCFChallenge = await page.evaluate(() => {
            return document.title.includes('Just a moment') ||
                   document.querySelector('#cf-challenge') !== null;
        });

        if (isCFChallenge) {
            console.log('Phát hiện thách thức Cloudflare');

            // Chờ thách thức hiển thị
            await page.waitForTimeout(2000);

            // Phát hiện widget Turnstile
            const siteKey = await page.evaluate(() => {
                const turnstile = document.querySelector('.cf-turnstile');
                return turnstile ? turnstile.getAttribute('data-sitekey') : null;
            });

            if (siteKey) {
                console.log('Phát hiện Turnstile, đang giải...');

                // Giải Turnstile
                const solution = await solver.turnstile({
                    websiteURL: page.url(),
                    websiteKey: siteKey
                });

                console.log('Token nhận được');

                // Chèn token vào trang
                await page.evaluate((token) => {
                    // Tạo hoặc cập nhật trường token
                    let tokenField = document.querySelector('[name="cf-turnstile-response"]');
                    if (!tokenField) {
                        tokenField = document.createElement('input');
                        tokenField.type = 'hidden';
                        tokenField.name = 'cf-turnstile-response';
                        document.body.appendChild(tokenField);
                    }
                    tokenField.value = token;

                    // Kích hoạt bất kỳ callback nào
                    const turnstile = document.querySelector('.cf-turnstile');
                    if (turnstile && turnstile.dataset.callback) {
                        window[turnstile.dataset.callback](token);
                    }
                }, solution.token);

                // Chờ thách thức được giải
                await page.waitForTimeout(3000);
                console.log('Turnstile Cloudflare đã vượt qua');
            }
        }

        // Xác minh trang đã tải
        const title = await page.title();
        console.log('Tiêu đề trang:', title);

    } catch (error) {
        console.error('Lỗi:', error.message);
    } finally {
        await browser.close();
    }
}

solveCloudflareTurnstileExample();

const { chromium } = require('playwright');
const CapSolver = require('capsolver');

class PlaywrightAutomation {
    constructor(apiKey) {
        this.solver = new CapSolver({ apiKey });
    }

    async detectAndSolve(page) {
        // Kiểm tra reCAPTCHA v2
        const reCaptchaV2Key = await page.evaluate(() => {
            const el = document.querySelector('[data-sitekey]');
            return el?.getAttribute('data-sitekey');
        });

        // Kiểm tra Cloudflare Turnstile
        const turnstileKey = await page.evaluate(() => {
            const el = document.querySelector('.cf-turnstile');
            return el?.getAttribute('data-sitekey');
        });

        if (reCaptchaV2Key) {
            console.log('Giải reCAPTCHA v2...');
            return await this.solveRecaptchaV2(page, reCaptchaV2Key);
        }

        if (turnstileKey) {
            console.log('Giải Cloudflare Turnstile...');
            return await this.solveTurnstile(page, turnstileKey);
        }

        return null;
    }

    async solveRecaptchaV2(page, siteKey) {
        const solution = await this.solver.recaptcha({
            websiteURL: page.url(),
            websiteKey: siteKey
        });

        await page.evaluate((token) => {
            const textarea = document.getElementById('g-recaptcha-response');
            if (textarea) textarea.value = token;
        }, solution.gRecaptchaResponse);

        return solution;
    }

    async solveTurnstile(page, siteKey) {
        const solution = await this.solver.turnstile({
            websiteURL: page.url(),
            websiteKey: siteKey
        });

        await page.evaluate((token) => {
            let tokenField = document.querySelector('[name="cf-turnstile-response"]');
            if (!tokenField) {
                tokenField = document.createElement('input');
                tokenField.type = 'hidden';
                tokenField.name = 'cf-turnstile-response';
                document.body.appendChild(tokenField);
            }
            tokenField.value = token;
        }, solution.token);

        return solution;
    }

    async run(url, steps) {
        const browser = await chromium.launch({ headless: false });
        const page = await browser.newPage();

        try {
            await page.goto(url);

            // Kiểm tra và giải CAPTCHA nếu cần
            await this.detectAndSolve(page);

            // Thực hiện các bước tự động hóa của bạn
            for (const step of steps) {
                await step(page);
            }

        } finally {
            await browser.close();
        }
    }
}

// Ví dụ sử dụng
const automation = new PlaywrightAutomation('YOUR_API_KEY');

automation.run('https://example.com/form', [
    (page) => page.fill('#name', 'John Doe'),
    (page) => page.fill('#email', 'john@example.com'),
    (page) => page.click('#submit')
]).then(() => console.log('Tự động hóa hoàn tất'))
  .catch(err => console.error('Lỗi:', err));