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

Tutorial Dalang - Sekilas Dalang

The Puppeteer adalah framework java bersumber terbuka yang dikembangkan dengan library 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 Puppeteer semakin meningkat pesat untuk otomatisasi pengujian. Prasyarat untuk mengikuti Tutorial Dalang, adalah pengetahuan dasar tentang baris perintah, JavaScript, konsep OOP dan struktur HTML DOM. Tutorial Dalang lengkap didistribusikan ke topik-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 

Pada artikel Tutorial Dalang kali ini, kami akan menjelaskan tentang Gambaran Umum 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:

Pada artikel pengantar Tutorial Dalang ini, kita telah belajar tentang gambaran Dalang dan Variabel Lingkungan Dalang. Dalam artikel tutorial Puppeteer berikutnya, kita akan belajar tentang gambaran umum Otomatisasi Dalang dan Tes Dalang. Silakan klik untuk mengunjungi portal referensi Tutorial Dalang ini. Juga, silakan klik   untuk mempelajari Selenium dari LambdaGeeks.

Tentang K Mondal

Tutorial Dalang– Panduan Pembelajaran yang Sangat Baik dari Tutorial Dalang 1 & 2Hai, saya K. Mondal, saya terkait dengan organisasi terkemuka. Saya memiliki pengalaman kerja lebih dari 12 tahun di berbagai domain misalnya, pengembangan aplikasi, pengujian otomasi, Konsultan IT. Saya sangat tertarik untuk mempelajari berbagai teknologi. Saya di sini untuk memenuhi aspirasi saya dan saat ini berkontribusi sebagai Penulis dan Pengembang Situs Web di LambdaGeeks.
Terhubung ke LinkedIn- https://www.linkedin.com/in/kumaresh-mondal/

Tinggalkan Komentar

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

en English
X