Tutorial Puppeteer untuk Pemula

Puppeteer adalah sebuah library Node Js yang menyediakan API tingkat tinggi untuk mengontrol browser Chrome atau Chromium melalui protokol DevTools.

Puppeteer berjalan secara headless namun bisa dikonfigurasi dapat dijalan non-headless.

Apa yang dapat kita jalankan menggunakan puppeteer?

Sebagian besar hal yang dapat Anda lakukan secara manual di browser dapat dilakukan menggunakan Puppeteer!

Berikut adalah beberapa contoh yang bisa Anda lakukan:

Menghasilkan tangkapan layar dan PDF halaman.
Mengcrawl SPA (Single-Page Application) dan menghasilkan konten pra-render (yaitu "SSR" (Server-Side Rendering)).
Pengiriman formulir secara otomatis, pengujian UI, input keyboard, dll.
Buat lingkungan pengujian otomatis terbaru. Jalankan pengujian Anda langsung di Chrome versi terbaru menggunakan JavaScript dan fitur browser terbaru.
Tangkap jejak garis waktu situs Anda untuk membantu mendiagnosis masalah kinerja.
Menguji Ekstensi Chrome.

Untuk mulai menggunakan Puppeteer, Anda perlu menginstall library ini di nodejs menggunakan perintah

npm i puppeteer
# atau menggunakan "yarn add puppeteer"

Catatan: Saat Anda menginstal Puppeteer, maka akan otomatis mengunduh versi terbaru Chromium (~170MB Mac, ~282MB Linux, ~280MB Win) yang dijamin berfungsi dengan API.

Untuk melewati unduhan, mengunduh ke jalur lain, atau mengunduh peramban lain, lihat Variabel Environment.

puppeteer-core

Sejak versi 1.7.0 puppeteer-core mulai dipublish yang mana puppeteer-core tidak mendownload browser chromium secara default

npm i puppeteer-core
# or "yarn add puppeteer-core"

Dapat dikatakan puppeteer-core adalah versi ringan dari Puppeteer yang dapat dipakai dengan menggunakan browser bawaan yang sudah terinstall.

Penggunaan

Untuk memanggil library puppeter deklarasikan variable berikut

const puppeteer = require('puppeteer-core');

Atau Jika Anda menggunakan puppeteer-core

const puppeteer = require('puppeteer-core');

Puppeteer mencari variabel lingkungan tertentu untuk membantu operasinya. Jika Puppeteer tidak menemukannya di lingkungan selama langkah instalasi, varian huruf kecil dari variabel ini akan digunakan dari npm config.

Mulai menjalankan puppeteer

Buat sebuah file misalnya main.js

    const puppeteer = require('puppeteer');

    (async () => {
      const browser = await puppeteer.launch();
      const page = await browser.newPage();
      await page.goto('https://www.google.com');
      // other actions...
      await browser.close();
    })();

Selanjutnya jalankan program tersebut dengan mengetikkan perintah berikut di terminal