Cara Memecahkan CAPTCHA di BrowserCloud dengan API CapSolver

BrowserCloud adalah platform otomatisasi browser berbasis cloud berkinerja tinggi yang dirancang untuk otomatisasi web yang terukur dan terdistribusi. Ini memungkinkan pengembang untuk menjalankan ratusan browser Chrome headless secara paralel untuk kasus penggunaan seperti pengambilan data web, pengujian otomatis, pemantauan SEO, ekstraksi data, dan pembuatan konten. Dengan dukungan bawaan untuk Puppeteer, Selenium, dan Playwright, BrowserCloud menyederhanakan alur kerja otomatisasi yang kompleks dengan menawarkan rotasi proxy, manajemen sesi, dan pemantauan real-time.

Namun, CAPTCHA, sistem deteksi bot, dan tindakan anti-otomatisasi tingkat lanjut sering kali mengganggu tugas otomatisasi browser ini dengan menuntut interaksi seperti manusia untuk memverifikasi keaslian. Hambatan tersebut dapat memblokir skrip pengambilan data, memperlambat pipeline pengujian, dan merusak pengiriman formulir otomatis, yang mengakibatkan pemborosan waktu dan penurunan efisiensi.

CapSolver, layanan bypass deteksi CAPTCHA dan bot yang didukung AI, menyediakan solusi yang andal. Ini secara terprogram mendeteksi dan menyelesaikan berbagai jenis CAPTCHA—termasuk reCAPTCHA v2/v3, Cloudflare Turnstile, dan teka-teki berbasis gambar—memastikan alur kerja otomatisasi browser yang tidak terganggu.

Pada artikel ini, kami akan memberikan panduan integrasi langkah demi langkah untuk menghubungkan CapSolver dengan BrowserCloud menggunakan Puppeteer, bersama dengan contoh kode yang berfungsi penuh. Dengan mengikuti panduan ini, Anda akan dapat dengan mudah melewati tantangan CAPTCHA, mengalahkan tindakan anti-bot, dan memaksimalkan efisiensi skrip otomatisasi Anda.

Gambaran Umum & Kasus Penggunaan BrowserCloud

BrowserCloud adalah platform serbaguna yang mengelola grid browser Chrome berfitur lengkap pada infrastruktur berkinerja tinggi, menghilangkan kebutuhan untuk menangani dependensi browser lokal, kebocoran memori, atau pemeliharaan infrastruktur. Fitur kuncinya meliputi:

• Skalabilitas: Jalankan hingga 100 browser headless secara bersamaan untuk pemrosesan paralel.
• Dukungan Framework: Kompatibel dengan Puppeteer, Selenium, dan Playwright untuk otomatisasi yang fleksibel.
• Manajemen Proxy: Menawarkan rotasi proxy cerdas dan proxy premium untuk menghindari deteksi dan larangan IP.
• Pembuatan Konten: Buat PDF, tangkapan layar, dan gambar dari halaman web atau HTML khusus melalui API.
• Pemantauan Real-Time: Menyediakan alat untuk manajemen sesi dan debugging.

Kasus Penggunaan

BrowserCloud mendukung berbagai tugas otomatisasi, termasuk:

• Pengambilan Data Web: Ekstrak data dari situs web untuk riset pasar, pemantauan harga, atau agregasi konten, memanfaatkan dukungan proxy untuk menghindari blokir.
• Pengujian Otomatis: Lakukan pengujian end-to-end di berbagai browser dan konfigurasi untuk memastikan keandalan aplikasi.
• Rendering Konten: Buat ribuan laporan PDF, faktur, atau tangkapan layar otomatis dari URL untuk keperluan pelaporan atau pemasaran.
• Otomatisasi Tugas: Otomatiskan tugas berulang seperti pengiriman formulir, masuk akun, atau validasi tautan.

Kasus penggunaan ini sering kali menemukan CAPTCHA, sehingga integrasi CapSolver sangat penting untuk otomatisasi yang tidak terganggu.

Mengapa Pemecahan CAPTCHA Diperlukan

Situs web menggunakan CAPTCHA dan pertahanan anti-bot untuk melindungi dari akses otomatis, spam, dan aktivitas berbahaya, menimbulkan tantangan signifikan bagi tugas otomatisasi seperti pengambilan data web. CAPTCHA memerlukan interaksi seperti mengeklik kotak centang atau menyelesaikan teka-teki gambar, yang dapat menghentikan skrip BrowserCloud jika tidak ditangani. Jenis CAPTCHA umum meliputi:

Untuk pengambilan data web dan tugas otomatisasi lainnya, CAPTCHA dapat mencegah akses ke data penting, memerlukan intervensi manual yang menggagalkan tujuan otomatisasi. Meskipun rotasi proxy BrowserCloud membantu mengurangi pemicu CAPTCHA, hal itu mungkin tidak menghilangkannya sepenuhnya. API CapSolver menyediakan solusi yang andal dengan menyelesaikan CAPTCHA secara terprogram, memungkinkan skrip BrowserCloud untuk melewati hambatan ini dan terus mengekstrak data atau melakukan tugas dengan lancar.

Cara Menggunakan CapSolver untuk Menangani CAPTCHA

API CapSolver dapat diintegrasikan dengan BrowserCloud dalam skrip Puppeteer/Playwright/Selenium untuk menangani CAPTCHA secara efektif. Prosesnya meliputi:

1. Mendeteksi CAPTCHA: Identifikasi keberadaan CAPTCHA di halaman, seperti elemen reCAPTCHA.
2. Mengekstrak Informasi: Ambil detail yang diperlukan, seperti kunci situs dan URL halaman, yang diperlukan untuk pemecahan CAPTCHA.
3. Memanggil API CapSolver: Kirim permintaan ke CapSolver untuk membuat tugas dan dapatkan token solusi.
4. Menginjeksikan Solusi: Masukkan token ke halaman untuk melewati CAPTCHA.
5. Melanjutkan Otomatisasi: Lanjutkan dengan tugas seperti pengiriman formulir atau pengambilan data.

Integrasi ini memanfaatkan infrastruktur browser BrowserCloud yang terukur dan kemampuan pemecahan CAPTCHA CapSolver yang digerakkan oleh AI untuk memastikan alur kerja otomatisasi yang kuat.

Contoh Kode Lengkap + Penjelasan Langkah demi Langkah

Berikut adalah contoh kode lengkap yang menunjukkan cara mengintegrasikan CapSolver dengan BrowserCloud untuk menyelesaikan reCAPTCHA v2 di halaman demo. Kode ini didasarkan pada skrip yang disediakan, dengan sedikit peningkatan untuk kejelasan dan keandalan.

Prasyarat

Instal dependensi yang diperlukan:

npm install puppeteer node-fetch@2 dotenv

Buat file .env dengan kunci API Anda:

BROWSER_CLOUD_TOKEN=your_browsercloud_token
CAPSOLVER_API_KEY=your_capsolver_api_key

Contoh Kode

import puppeteer from 'puppeteer';
import fetch from 'node-fetch';
import dotenv from 'dotenv';
dotenv.config();

const BROWSER_CLOUD_TOKEN = process.env.BROWSER_CLOUD_TOKEN;
const CAPSOLVER_API_KEY = process.env.CAPSOLVER_API_KEY;

async function solveCaptcha(sitekey, pageUrl) {
    const createTaskRes = await fetch('https://api.capsolver.com/createTask', {
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        body: JSON.stringify({
            clientKey: CAPSOLVER_API_KEY,
            task: {
                type: 'ReCaptchaV2TaskProxyless',
                websiteURL: pageUrl,
                websiteKey: sitekey
            }
        })
    });
    const createTask = await createTaskRes.json();
    if (!createTask.taskId) throw new Error(`CapSolver: Gagal membuat tugas: ${JSON.stringify(createTask)}`);

    let solution = null;
    while (true) {
        await new Promise(resolve => setTimeout(resolve, 2000));
        const resultRes = await fetch('https://api.capsolver.com/getTaskResult', {
            method: 'POST',
            headers: { 'Content-Type': 'application/json' },
            body: JSON.stringify({
                clientKey: CAPSOLVER_API_KEY,
                taskId: createTask.taskId
            })
        });
        const result = await resultRes.json();
        if (result.status === 'ready') {
            solution = result.solution.gRecaptchaResponse;
            break;
        }
        if (result.status === 'failed') throw new Error(`CapSolver: Gagal menyelesaikan: ${JSON.stringify(result)}`);
    }
    if (!solution) throw new Error('CapSolver: Timeout menunggu solusi');
    return solution;
}

(async () => {
    try {
        const browser = await puppeteer.connect({
            browserWSEndpoint: `wss://chrome-v2.browsercloud.io?token=${BROWSER_CLOUD_TOKEN}`
        });

        const page = await browser.newPage();
        await page.goto('https://recaptcha-demo.appspot.com/recaptcha-v2-checkbox.php', { waitUntil: 'networkidle2' });

        const sitekey = await page.$eval('.g-recaptcha', el => el.getAttribute('data-sitekey'));
        console.log('Sitekey:', sitekey);

        const solution = await solveCaptcha(sitekey, page.url());
        console.log('Solusi CAPTCHA:', solution);

        await page.evaluate(token => {
            const textarea = document.getElementById('g-recaptcha-response');
            if (textarea) {
                textarea.value = token;
                textarea.innerHTML = token;
                textarea.style.display = '';
                textarea.dispatchEvent(new Event('input', { bubbles: true }));
            }
        }, solution);

        const submitBtn = await page.$('body > main > form > fieldset > button');
        if (submitBtn) {
            await Promise.all([
                page.waitForNavigation({ waitUntil: 'networkidle2' }),
                submitBtn.click()
            ]);
            console.log('Tombol kirim diklik!');
        } else {
            console.log('Tombol kirim tidak ditemukan!');
        }

        console.log('Konten halaman setelah pengiriman:', await page.content());

        await browser.close();
    } catch (error) {
        console.error('Error:', error);
    }
})();

Penjelasan Langkah demi Langkah

Catatan: Kode asli menggunakan page.waitForTimeout(3000) setelah mengklik tombol kirim, yang mungkin tidak dapat diandalkan untuk menunggu navigasi. Contoh ini memperbaikinya dengan menggunakan page.waitForNavigation() untuk memastikan halaman telah sepenuhnya dimuat setelah pengiriman.

Walkthrough Demo

Bagian ini menjelaskan eksekusi skrip pada halaman demo dengan kotak centang reCAPTCHA v2:

1. Terhubung ke BrowserCloud: Skrip membangun koneksi ke instance browser BrowserCloud menggunakan Puppeteer.
2. Navigasi ke Halaman Demo: Memuat halaman demo reCAPTCHA v2 (https://recaptcha-demo.appspot.com/recaptcha-v2-checkbox.php).
3. Deteksi dan Ekstrak Kunci Situs: Skrip mengidentifikasi elemen reCAPTCHA dan mengekstrak kunci situsnya.
4. Selesaikan CAPTCHA: Mengirim kunci situs dan URL halaman ke CapSolver, menerima token solusi setelah polling.
5. Suntikkan Token: Token disuntikkan ke textarea g-recaptcha-response, mensimulasikan verifikasi CAPTCHA yang berhasil.
6. Kirim Formulir: Skrip mengklik tombol kirim, memicu pengiriman formulir.
7. Verifikasi Keberhasilan: Setelah navigasi, konten halaman dicatat, menunjukkan pengiriman yang berhasil (misalnya, pesan konfirmasi).

Dalam praktiknya, Anda akan mengamati browser menavigasi ke halaman demo, kotak centang reCAPTCHA ditandai secara otomatis, dan formulir dikirimkan berhasil, semuanya tanpa intervensi manual.

Bagian FAQ

Kesimpulan

Integrasi CapSolver dengan BrowserCloud menciptakan kombinasi yang ampuh untuk mengotomatiskan tugas web yang menemukan CAPTCHA. Pemecahan CAPTCHA yang digerakkan oleh AI dari CapSolver memastikan bahwa skrip Puppeteer Anda di BrowserCloud dapat melewati tindakan anti-bot, sementara infrastruktur BrowserCloud yang terukur dan dukungan proxy meningkatkan keandalan otomatisasi. Ini sangat berharga untuk pengambilan data web, pengujian otomatis, dan pembuatan konten, di mana CAPTCHA adalah hambatan umum.

Untuk memulai, daftar untuk BrowserCloud dan CapSolver, dapatkan kunci API Anda, dan implementasikan contoh kode yang disediakan. Jelajahi dokumentasi CapSolver dan dokumentasi BrowserCloud untuk fitur lanjutan dan jenis tugas tambahan. Cobalah integrasi ini di proyek otomatisasi Anda berikutnya dan alami alur kerja yang lancar dan tidak terputus!

Bonus untuk Pengguna Browser: Gunakan kode promo BROWSERCLOUD saat mengisi ulang akun CapSolver Anda dan dapatkan kredit bonus eksklusif 6% — tanpa batas, tanpa kedaluwarsa.

Browser dan Alat yang Didukung

• BrowserCloud: Mendukung Puppeteer, Selenium, dan Playwright, menjalankan browser Chrome.

CapSolver: Kompatibel dengan klien apa pun yang memiliki kemampuan HTTP, termasuk ekstensi browser untuk Chrome dan Firefox.