Tutorial Dalang– Panduan Pembelajaran yang Sangat Baik dari Tutorial Dalang 1 & 2

The Dalang adalah kerangka kerja java open-source yang dikembangkan dengan perpustakaan node-js. Dalang memiliki kemampuan untuk bekerja sebagai alat pengikis web. Ini juga dapat digunakan sebagai otomatisasi pengujian untuk aplikasi berbasis web seperti driver web selenium. Popularitas Dalang semakin meningkat pesat untuk otomatisasi tes. Prasyarat untuk mengikuti Tutorial Dalang, adalah pengetahuan dasar tentang baris perintah, JavaScript, konsep OOP dan struktur DOM HTML. yang lengkap Tutorial dalang didistribusikan ke dalam topik yang disebutkan dalam daftar isi di bawah ini. 

Tutorial Dalang

Tutorial Tosca # 1: Sekilas Dalang

Tosca Tutorial # 2: Variabel Lingkungan Dalang

Tosca Tutorial # 3: Sekilas tentang Otomatisasi Dalang Web dan Tes Dalang

Tosca Tutorial # 4: Pasang Puppeteer 

Dalam artikel ini Tutorial Dalang, kami akan menjelaskan tentang Ikhtisar Dalang dan Variabel Lingkungan Dalang. 

Sekilas Dalang

The Puppeteer adalah framework java bersumber terbuka yang dikembangkan dengan library node-js. Puppeteer dapat mengontrol browser Chrome melalui protokol devtool dengan bantuan antarmuka aplikasi tingkat tinggi (API). Puppeteer mampu mengontrol browser chrome headful dan headless. 

Kerangka Puppeteer diperkenalkan oleh Google. Sesuai fungsinya, ini bukan konsep baru. Tapi itu membuat pekerjaan menjadi lebih mudah. Pada dasarnya, ini merangkum daftar kegiatan melalui paket yang dipadatkan.

Tutorial Dalang - Dalang
Tutorial Dalang – Dalang

Bagaimana Puppeteers bekerja?

  • Dalang menggunakan pustaka Node JS.
  • Node JS memungkinkan untuk menggunakan API tingkat tinggi.
  • API tersebut mampu mengontrol browser Chrome melalui protokol devtool.
  • Secara default, Puppeteer bekerja dengan browser Chrome headless tetapi dapat berinteraksi dengan browser Chrome headful juga dengan mengubah konfigurasi default.

Protokol DevTools Chrome:

Dengan menggunakan Chrome DevTools Protocol, alat seperti Puppeteer dapat menginstrumentasi, memeriksa, men-debug, dan membuat profil browser berbasis blink seperti Chromium, Chrome, dll.

Di sini, instrumentasi browser dibagi menjadi beberapa domain seperti DOM, Debugger, Jaringan, dll. Setiap domain menjelaskan semua perintah berbeda yang didukung dan peristiwa yang dihasilkan.

Fitur Dalang:

  • Proses manual melalui browser Chrome dapat diotomatiskan.
  • Itu dapat menangkap tangkapan layar dari halaman web apa pun dan menghasilkan gambar atau file pdf dari tangkapan layar.
  • Aplikasi satu halaman dapat dikembangkan dari rendering sisi server menggunakan Puppeteer.
  • Itu dapat mengotomatiskan pengiriman formulir web, pengujian UI, input keyboard, dll., Dengan pos pemeriksaan.
  • Ini memberikan lebih banyak kontrol atas browser Chrome.
  • Mode tanpa kepala default sangat cepat.
  • Mendukung web scraping.
  • Kemampuan untuk mengukur rendering dan waktu muat menggunakan alat analisis kinerja Chrome.

Dalang vs Inti-Dalang:

Sejak Puppeteer versi v1.7.0, di bawah dua paket, tersedia di setiap rilis -

  • paket inti dalang
  • paket dalang

Paket Inti Dalang:

Inti dalang adalah pustaka Node berbasis java yang mampu melakukan operasi apa pun yang mendukung protokol DevTools. Puppeteer-core tidak mengunduh Chromium selama pemasangan. Sebagai perpustakaan, Puppeteer-core sepenuhnya didorong melalui antarmuka terprogramnya. Selain itu, fitur Puppeteer-core tidak dapat disesuaikan oleh semua variabel PUPPETEER_ * env. Perintah dasar untuk menginstal Puppeteer-core - 

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

Saat menggunakan puppeteer-core, pernyataan include akan terlihat seperti di bawah ini -

const puppeteer = require('puppeteer-core')

Kapan menggunakan Puppeteer-Core:

  • Untuk mengembangkan proyek Puppeteer agar menggunakan browser Chrome yang ada melalui protokol DevTools yang tidak memerlukan unduhan chromium tambahan.
  • Untuk mengembangkan produk atau pustaka pengguna akhir lain di atas protokol DevTools. Misalnya, satu proyek dapat membuat pembuat tangkapan layar menggunakan puppeteer-core dan menulis skrip setup.js khusus yang mengunduh headless_shell alih-alih Chromium untuk menghemat penyimpanan.

Paket Dalang:

Dalang adalah produk lengkap untuk otomatisasi browser Chrome atau Chromium. Selama instalasi, itu mengunduh versi terbaru Chromium, dan setelah itu, itu didorong oleh inti dalang. Sebagai produk pengguna akhir, Puppeteer mendukung semua variabel PUPPETEER_ * env untuk menyesuaikan perilakunya. Perintah dasar untuk menginstal Puppeteer - 

npm install puppeteer
# or "yarn add puppeteer"

Saat menggunakan Puppeteer, sertakan pernyataan yang akan terlihat seperti di bawah ini -

puppeteer = require(‘puppeteer’)

Perbedaan antara Puppeteer dan Puppeteer-core:

  • Puppeteer-core tidak mengunduh browser Chromium secara otomatis selama pemasangan.
  • Puppeteer-core tidak mempertimbangkan semua variabel PUPPETEER_ * env.
  • Di sebagian besar proyek, kami menggunakan paket produk Puppeteer.

Chrome Tanpa Kepala:

Headless chrome artinya Puppeteer berinteraksi dengan browser chrome sebagai aplikasi latar belakang, yang berarti UI chrome tidak terlihat di layar. Secara default, Puppeteer meluncurkan aplikasi sebagai headless chrome. Contoh kode untuk meluncurkan Headless Chrome - 

Dalam contoh ini, kami membuka headless chrome, yaitu UI Chrome tidak akan terlihat. Itu bisa dilakukan dengan meneruskan flag headless sebagai true ke metode Puppeteer.launch ().

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch({ headless: true });
  // Specify statements for Headless Chrome operations  
  await browser.close();
})();

Chrome Headful:

Headful chrome berarti Dalang berinteraksi dengan browser chrome yang UI chrome-nya terlihat di layar. Secara default, Puppeteer meluncurkan aplikasi sebagai headless chrome. Contoh kode untuk meluncurkan Headful Chrome - 

Dalam contoh ini, kami membuka chrome, yang terlihat oleh kami. Itu bisa dilakukan dengan meneruskan flag headless sebagai false ke metode Puppeteer.launch ().

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch({ headless: false});
  // Specify statements for Headless Chrome operations  
  await browser.close();
})();

Variabel Lingkungan Dalang

Dalang bekerja dengan variabel lingkungan yang telah ditentukan untuk mendukung operasinya. Jika Puppeteer tidak menemukan variabel lingkungan selama penginstalan, varian huruf kecil dari variabel ini akan digunakan dari konfigurasi npm (mengelola file Konfigurasi NPM). Variabel lingkungan tidak dipertimbangkan oleh paket inti dalang. Variabel lingkungan Puppeteer yang paling penting adalah - 

  • PUPPETEER_SKIP_CHROMIUM_DOWNLOAD: Ini menginstruksikan untuk tidak mengunduh paket Chromium selama langkah pemasangan.
  • PUPPETEER_DOWNLOAD_HOST: Ini menimpa awalan URL yang dapat digunakan untuk mengunduh Chromium. 
  • PUPPETEER_DOWNLOAD_PATH: Ini menimpa jalur folder unduhan. Jalur default adalah - “ /.local-chromium/ ”di mana adalah akar paket dalang.
  • HTTP_PROXY, HTTPS_PROXY, NO_PROXY: Variabel ini menentukan setelan proxy untuk mengunduh Chromium selama pemasangan.
  • PUPPETEER_CHROMIUM_REVISION: Ini mendefinisikan versi tertentu dari Chromium yang akan digunakan oleh Dalang.
  • PUPPETEER_EXECUTABLE_PATH: Ini menentukan jalur yang dapat dieksekusi untuk digunakan dalam metode Puppeteer.launch. 
  • PUPPETEER_PRODUCT: Ini mendefinisikan browser mana yang akan digunakan oleh Puppeteer. Nilainya harus chrome atau firefox. 

Kesimpulan:

Dalam artikel pengantar tentang Tutorial Dalang ini, kita telah belajar tentang Tinjauan Dalang dan Variabel Lingkungan Dalang. Dalam artikel berikutnya dari Tutorial dalang, kita akan belajar tentang ikhtisar Pengikisan Web Dalang dan Otomasi Uji Dalang. Silahkan klik disini untuk mengunjungi portal referensi Tutorial Dalang ini. Juga, silakan klik disini untuk mempelajari Selenium dari LambdaGeeks.

Tinggalkan Komentar

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai *

Gulir ke Atas