Menu

Cara menggunakan plugin Anti-Captcha dalam Puppeteer atau Selenium

Puppeteer dan Selenium adalah dua mesin utama untuk otomatisasi browser dan plugin kami terintegrasi dengan lancar dalam keduanya. Dalam artikel ini, kami akan menunjukkan cara menggunakannya dalam Puppeteer dan Selenium untuk bahasa pemrograman NodeJS dan Python. Jika Anda memilih salah satu dari keduanya, kami sangat menyarankan NodeJS+Puppeteer untuk lingkungan natifnya.

1. Instal dependensi. Untuk NodeJS, instal saja npm package yang diberikan di bawah ini. Untuk Python, instal package dan unduh "chromedriver" yang bisa dieksekusi dari halaman ini. Versi driver harus sesuai dengan versi Chrome yang terinstal di sistem Anda.

Javascript
Python
npm install adm-zip puppeteer puppeteer-extra puppeteer-extra-plugin-stealth

2. Unduh plugin dalam versi ZIP untuk Chrome dan unzip ke folder proyek Anda. Versi aktualnya terletak di sini. Anda juga dapat melakukannya secara terprogram:

Javascript
Python
//npm install adm-zip
const https = require('https')
const fs = require('fs');
const AdmZip = require("adm-zip");

const pluginURL = 'https://antcpt.com/anticaptcha-plugin.zip';

(async () => {
    // mengunduh plugin
    await new Promise((resolve) => {
        https.get(pluginURL, resp => resp.pipe(fs.createWriteStream('./plugin.zip').on('close', resolve)));
    })
    // unzip
    const zip = new AdmZip("./plugin.zip");
    await zip.extractAllTo("./plugin/", true);
})();

3. Selanjutnya, konfigurasi kunci API Anda dalam berkas ./plugin/js/config_ac_api_key.js. Anda dapat menemukan kunci API Anda di area pelanggan. Saldo Anda harus positif agar dapat melakukannya.

Javascript
Python
const apiKey = 'API_KEY_32_BYTES';
if (fs.existsSync('./plugin/js/config_ac_api_key.js')) {
    let confData = fs.readFileSync('./plugin/js/config_ac_api_key.js', 'utf8');
    confData = confData.replace(/antiCapthaPredefinedApiKey = ''/g, `antiCapthaPredefinedApiKey = '${apiKey}'`);
    fs.writeFileSync('./plugin/js/config_ac_api_key.js', confData, 'utf8');
} else {
    console.error('plugin configuration not found!')
}

4. Inisialisasi browser dengan plugin. Untuk Puppeteer, kami menyarankan plugin 'puppeteer-extra-plugin-stealth' untuk 'puppeteer-extra' package, yang menyembunyikan semua tanda dari browser Chromium terotomatisasi web.

Javascript
Python
//npm install puppeteer puppeteer-extra puppeteer-extra-plugin-stealth
const puppeteer = require('puppeteer-extra');
const StealthPlugin = require('puppeteer-extra-plugin-stealth');
puppeteer.use(StealthPlugin());

(async () => {
    const browser = await puppeteer.launch({
        headless: false,
        ignoreDefaultArgs: [
            "--disable-extensions",
            "--enable-automation"
        ],
        args: [
            '--disable-web-security',
            '--disable-features=IsolateOrigins,site-per-process',
            '--allow-running-insecure-content',
            '--disable-blink-features=AutomationControlled',
            '--no-sandbox',
            '--mute-audio',
            '--no-zygote',
            '--no-xshm',
            '--window-size=1920,1080',
            '--no-first-run',
            '--no-default-browser-check',
            '--disable-dev-shm-usage',
            '--disable-gpu',
            '--enable-webgl',
            '--ignore-certificate-errors',
            '--lang=en-US,en;q=0.9',
            '--password-store=basic',
            '--disable-gpu-sandbox',
            '--disable-software-rasterizer',
            '--disable-background-timer-throttling',
            '--disable-backgrounding-occluded-windows',
            '--disable-renderer-backgrounding',
            '--disable-infobars',
            '--disable-breakpad',
            '--disable-canvas-aa',
            '--disable-2d-canvas-clip-aa',
            '--disable-gl-drawing-for-tests',
            '--enable-low-end-device-mode',
            '--disable-extensions-except=./plugin',
            '--load-extension=./plugin'
        ]
    });
    const page = await browser.newPage();
})();

5. Navigasi ke halaman target dan isilah form jika perlu. Plugin akan mengambil Recaptcha secara otomatis dan mulai menyelesaikannya.

Javascript
Python
(async () => {
    const url = 'https://anti-captcha.com/demo/?page=recaptcha_v2_textarea';
    const login = 'Test login';
    const password = 'Test password';

    try {
        await page.goto(url, {
            waitUntil: "networkidle0"
        });
    } catch (e) {
        console.error('err while loading the page: '+e);
    }
    // menonaktifkan kesalahan saat waktu navigasi habis
    await page.setDefaultNavigationTimeout(0);

    await page.$eval('#login', (element, login) => {
        element.value = login;
    }, login);
    await page.$eval('#password', (element, password) => {
        element.value = password;
    }, password);

})();

6. Selanjutnya adalah bagian yang agak rumit. Beberapa web form mewajibkan pengguna untuk menekan tombol kirim setelah menyelesaikan Recaptcha, sementara lainnya memanfaatkan callback dan mengirimkannya secara otomatis. Dalam kasus pertama, kita ingin menekan tombol kirim tepat setelah Recaptcha diselesaikan. Untuk melakukannya di waktu yang tepat, tunggu saja selector .antigate_solver.solved untuk muncul, lalu tekan tombol kirim.

Javascript
Python
// menunggu selector "solved" muncul
await page.waitForSelector('.antigate_solver.solved').catch(error => console.log('failed to wait for the selector'));
console.log('{{ $t('articles.how-to-integrate.code-comments.recaptcha-solved') }}');

// menekan tombol kirim
await Promise.all([
    page.click('#submitButton'),
    page.waitForNavigation({ waitUntil: "networkidle0" })
]);
console.log('tugas selesai, form dengan recaptcha terlewati');

Itu saja. Form sudah terisi, Recaptcha diselesaikan dan terlewati. Contoh kode lengkap:

Javascript
Python
// first run the following to install required npm packages:
//
// npm install adm-zip follow-redirects puppeteer puppeteer-extra puppeteer-extra-plugin-stealth
//
//
const https = require('follow-redirects').https;
const fs = require('fs');
const AdmZip = require("adm-zip");

const apiKey = 'YOUR_API_KEY_HERE!';
const pluginURL = 'https://antcpt.com/anticaptcha-plugin.zip';
const url = 'https://anti-captcha.com/demo/?page=recaptcha_v2_textarea';
const login = 'Test login';
const password = 'Test password';
let page = null;


const puppeteer = require('puppeteer-extra');
const StealthPlugin = require('puppeteer-extra-plugin-stealth');
puppeteer.use(StealthPlugin());

(async () => {
    // mengunduh plugin
    await new Promise((resolve) => {
        https.get(pluginURL, resp => resp.pipe(fs.createWriteStream('./plugin.zip').on('close', resolve)));
    })
    // unzip
    const zip = new AdmZip("./plugin.zip");
    await zip.extractAllTo("./plugin/", true);

    // mengatur kunci API dalam berkas konfigurasi
    await new Promise((resolve, reject) => {
        if (fs.existsSync('./plugin/js/config_ac_api_key.js')) {
            let confData = fs.readFileSync('./plugin/js/config_ac_api_key.js', 'utf8');
            confData = confData.replace(/antiCapthaPredefinedApiKey = ''/g, `antiCapthaPredefinedApiKey = '${apiKey}'`);
            fs.writeFileSync('./plugin/js/config_ac_api_key.js', confData, 'utf8');
            resolve();
        } else {
            console.error('plugin configuration not found!')
            reject();
        }
    });

    // mengatur pilihan peluncuran browser
    const options = {
        headless: false,
        ignoreDefaultArgs: [
            "--disable-extensions",
            "--enable-automation"
        ],
        args: [
            '--disable-web-security',
            '--disable-features=IsolateOrigins,site-per-process',
            '--allow-running-insecure-content',
            '--disable-blink-features=AutomationControlled',
            '--no-sandbox',
            '--mute-audio',
            '--no-zygote',
            '--no-xshm',
            '--window-size=1920,1080',
            '--no-first-run',
            '--no-default-browser-check',
            '--disable-dev-shm-usage',
            '--disable-gpu',
            '--enable-webgl',
            '--ignore-certificate-errors',
            '--lang=en-US,en;q=0.9',
            '--password-store=basic',
            '--disable-gpu-sandbox',
            '--disable-software-rasterizer',
            '--disable-background-timer-throttling',
            '--disable-backgrounding-occluded-windows',
            '--disable-renderer-backgrounding',
            '--disable-infobars',
            '--disable-breakpad',
            '--disable-canvas-aa',
            '--disable-2d-canvas-clip-aa',
            '--disable-gl-drawing-for-tests',
            '--enable-low-end-device-mode',
            '--disable-extensions-except=./plugin',
            '--load-extension=./plugin'
        ]
    }

    try {
        // meluncurkan browser dengan plugin
        const browser = await puppeteer.launch();
        page = await browser.newPage();
    } catch (e) {
        console.log('could not launch browser: '+e.toString())
        return;
    }

    // navigasi ke halaman target
    try {
        await page.goto(url, {
            waitUntil: "networkidle0"
        });
    } catch (e) {
        console.error('err while loading the page: '+e);
    }

    // menonaktifkan kesalahan saat waktu navigasi habis
    await page.setDefaultNavigationTimeout(0);

    // mengisi form
    await page.$eval('#login', (element, login) => {
        element.value = login;
    }, login);
    await page.$eval('#password', (element, password) => {
        element.value = password;
    }, password);

    // menunggu selector "solved" muncul
    await page.waitForSelector('.antigate_solver.solved').catch(error => console.log('failed to wait for the selector'));
    console.log('{{ $t('articles.how-to-integrate.code-comments.recaptcha-solved') }}');

    // menekan tombol kirim
    await Promise.all([
        page.click('#submitButton'),
        page.waitForNavigation({ waitUntil: "networkidle0" })
    ]);
    console.log('recaptcha diselesaikan');

})();

Bonus: Ada trik untuk menjalankan plugin dalam mode headless karena Chrome tidak mendukung otomatisasi browser dengan plugin. Gunakan utilitas bernama Xvfb yang menyediakan desktop virtual untuk aplikasi Anda.

# menginstal package
apt-get install -y xvfb

# mengatur variabel tampilan
export DISPLAY=:0

# mulai Xvfb daemon di latar belakang (hanya sekali)
/usr/bin/Xvfb :0 -screen 0 1024x768x24 &

# menunggu sebentar untuk membiarkannya muncul (hanya sekali)
sleep 5

# menambahkan prefiks "xvfb-run" ke script "node" atau "python"
xvfb-run node myscript.js
# atau
xvfb-run python myscript.py