Puppenspieler-Tutorial – Ein ausgezeichneter Lernleitfaden für Puppenspieler-Tutorial 1 und 2

Der Puppeteer ist ein Open-Source-Java-Framework, das mit der Node-JS-Bibliothek entwickelt wird. Der Puppenspieler kann als Web-Scraping-Tool fungieren. Es kann auch als Testautomatisierung für webbasierte Anwendungen verwendet werden, genau wie der Selenium-Webtreiber. Die Popularität von Puppeteer für die Testautomatisierung nimmt rasant zu. Die Voraussetzungen für das Durcharbeiten des Puppeteer-Tutorials sind Grundkenntnisse der Befehlszeile, JavaScript, des OOPs-Konzepts und der HTML-DOM-Struktur. Das Ganze Puppenspieler-Tutorial gliedert sich in Themen, die im unten stehenden Inhaltsverzeichnis genannt werden. 

Puppenspieler Tutorial

Tosca Tutorial # 1: Puppenspieler Übersicht

Tosca Dein Thema # 2: Puppenspieler-Umgebungsvariablen

Tosca Dein Thema # 3: Übersicht über Puppenspieler-Web-Scraping und Puppenspieler-Testautomatisierung

Tosca Dein Thema # 4: Installieren Sie Puppenspieler 

In diesem Artikel von Puppenspieler Tutorial, erklären wir Ihnen die Puppeteer-Übersicht und die Puppeteer-Umgebungsvariablen. 

Puppenspieler Übersicht

Der Puppenspieler ist ein Open-Source-Java-Framework, das mit der Node-Js-Bibliothek entwickelt wurde. Puppeteer kann den Chrome-Browser mithilfe der API (High-Level Application Interface) über das Devtool-Protokoll steuern. Der Puppenspieler kann sowohl kopflose als auch kopflose Chrome-Browser steuern. 

Das Puppenspieler-Framework wird von Google eingeführt. Gemäß der Funktionalität ist es kein neues Konzept. Aber es erleichtert die Arbeit. Grundsätzlich fasst es eine Liste von Aktivitäten durch ein komprimiertes Paket zusammen.

Puppenspieler Tutorial - Puppenspieler
Puppenspieler Tutorial – Puppenspieler

Wie arbeiten Puppenspieler?

  • Puppenspieler verwendet die Node JS-Bibliothek.
  • Der Node JS ermöglicht die Verwendung der High-Level-APIs.
  • Die APIs können den Chrome-Browser über das devtool-Protokoll steuern.
  • Standardmäßig funktioniert Puppeteer mit kopflosen Chrome-Browsern, kann jedoch auch mit kopflosen Chrome-Browsern interagieren, indem die Standardkonfiguration geändert wird.

Chrome DevTools-Protokoll:

Mithilfe des Chrome DevTools-Protokolls können Tools wie Puppeteer die blinkbasierten Browser wie Chromium, Chrome usw. instrumentieren, überprüfen, debuggen und profilieren.

Hier ist die Instrumentierung des Browsers in eine Reihe von Domänen wie DOM, Debugger, Netzwerk usw. unterteilt. In jeder Domäne werden die verschiedenen unterstützten Befehle und die generierten Ereignisse erläutert.

Eigenschaften von Puppenspieler:

  • Die manuellen Prozesse über den Chrome-Browser können automatisiert werden.
  • Es kann Screenshots von jeder Webseite erfassen und das Bild oder die PDF-Datei des Screenshots generieren.
  • Mit dem Puppenspieler kann eine Einzelseitenanwendung für das serverseitige Rendern entwickelt werden.
  • Es kann die Übermittlung von Webformularen, UI-Tests, Tastatureingaben usw. mit Prüfpunkten automatisieren.
  • Es bietet mehr Kontrolle über den Chrome-Browser.
  • Der Standard-Headless-Modus ist sehr schnell.
  • Es unterstützt Web Scraping.
  • Möglichkeit zum Messen des Renderings und des Ladezeitpunkts mithilfe von Chrome-Tools zur Leistungsanalyse.

Puppenspieler gegen Puppenspieler-Kern:

Seit Puppeteer Version v1.7.0 sind unter zwei Paketen in jeder Version verfügbar -

  • Puppenspieler-Kernpaket
  • Puppenspieler-Paket

Puppenspieler-Kernpaket:

Puppenspielerkern ist eine Java-basierte Knotenbibliothek, die alle Vorgänge ausführen kann, die das DevTools-Protokoll unterstützen. Der Puppeteer-Core lädt Chromium während der Installation nicht herunter. Als Bibliothek wird Puppeteer-Core vollständig über seine programmatische Schnittstelle gesteuert. Außerdem können die Funktionen von Puppeteer-Core nicht von allen PUPPETEER_ * env-Variablen angepasst werden. Der grundlegende Befehl zum Installieren von Puppeteer-Core - 

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

Wenn Sie Puppenspieler-Core verwenden, sehen Include-Anweisungen wie folgt aus:

const puppeteer = require('puppeteer-core')

Wann man Puppeteer-Core benutzt:

  • Entwicklung eines Puppeteer-Projekts zur Verwendung eines vorhandenen Chrome-Browsers über das DevTools-Protokoll, bei dem kein zusätzlicher Chrom-Download erforderlich ist.
  • So entwickeln Sie ein anderes Endbenutzerprodukt oder eine andere Endbenutzerbibliothek über das DevTools-Protokoll hinaus. Beispielsweise kann ein Projekt einen Screenshot-Generator mit Puppeteer-Core erstellen und ein benutzerdefiniertes setup.js-Skript schreiben, das headless_shell anstelle von Chromium herunterlädt, um Speicherplatz zu sparen.

Puppenspieler-Paket:

Puppenspieler ist ein vollständiges Produkt für die Chrome- oder Chromium-Browserautomatisierung. Während der Installation wird die neueste Version von Chromium heruntergeladen und danach vom Puppenspieler-Core gesteuert. Als Endbenutzerprodukt unterstützt Puppeteer alle Variablen PUPPETEER_ * env, um sein Verhalten anzupassen. Der grundlegende Befehl zum Installieren von Puppeteer - 

npm install puppeteer
# or "yarn add puppeteer"

Fügen Sie bei Verwendung von Puppeteer Anweisungen ein, die wie folgt aussehen:

puppeteer = require(‘puppeteer’)

Unterschied zwischen Puppenspieler und Puppenspieler-Kern:

  • Puppeteer-Core lädt den Chromium-Browser während der Installation nicht automatisch herunter.
  • Puppenspieler-Kern berücksichtigt nicht alle PUPPETEER_ * env-Variablen.
  • In den meisten Projekten verwenden wir das Puppeteer-Produktpaket.

Kopfloses Chrom:

Headless Chrome bedeutet, dass der Puppenspieler mit einem Chrome-Browser als Hintergrundanwendung interagiert. Dies bedeutet, dass die Chrome-Benutzeroberfläche auf dem Bildschirm nicht sichtbar ist. Standardmäßig startet Puppeteer die Anwendung als Headless Chrome. Codebeispiel zum Starten von Headless Chrome - 

In diesem Beispiel öffnen wir das kopflose Chrom, dh die Chrome-Benutzeroberfläche ist nicht sichtbar. Dies kann durch Übergeben des Headless-Flags als true an die Puppeteer.launch-Methode () erfolgen.

const puppeteer = require('puppeteer');

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

Kopfvolles Chrom:

Headful Chrome bedeutet, dass der Puppenspieler mit einem Chrome-Browser interagiert, für den die Chrome-Benutzeroberfläche auf dem Bildschirm sichtbar ist. Standardmäßig startet Puppeteer die Anwendung als Headless Chrome. Codebeispiel zum Starten von Headful Chrome - 

In diesem Beispiel öffnen wir das Chrom, das für uns sichtbar ist. Dies kann durch Übergeben des Headless-Flags als false an die Puppeteer.launch () -Methode erfolgen.

const puppeteer = require('puppeteer');

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

Puppenspieler-Umgebungsvariablen

Puppenspieler arbeitet mit vordefinierten Umgebungsvariablen, um seine Operationen zu unterstützen. Wenn Puppeteer die Umgebungsvariablen während der Installation nicht findet, wird eine Variante dieser Variablen in Kleinbuchstaben aus der npm-Konfiguration verwendet (verwaltet die NPM-Konfigurationsdatei). Die Umgebungsvariablen werden vom Puppeteer-Core-Paket nicht berücksichtigt. Die wichtigsten Puppenspieler-Umgebungsvariablen sind - 

  • PUPPETEER_SKIP_CHROMIUM_DOWNLOAD: Es wird angewiesen, gebündeltes Chromium während des Installationsschritts nicht herunterzuladen.
  • PUPPETEER_DOWNLOAD_HOST: Es überschreibt das URL-Präfix, mit dem Chromium heruntergeladen werden kann. 
  • PUPPETEER_DOWNLOAD_PATH: Der Pfad des Download-Ordners wird überschrieben. Der Standardpfad lautet - “ /.local-chromium/ ”wo ist die Paketwurzel des Puppenspielers.
  • HTTP_PROXY, HTTPS_PROXY, NO_PROXY: Diese Variablen definieren die Proxy-Einstellungen zum Herunterladen von Chromium während der Installation.
  • PUPPETEER_CHROMIUM_REVISION: Es definiert eine bestimmte Version von Chromium, die vom Puppenspieler verwendet werden soll.
  • PUPPETEER_EXECUTABLE_PATH: Es gibt einen ausführbaren Pfad an, der in der Puppeteer.launch-Methode verwendet werden soll. 
  • PUPPETEER_PRODUCT: Definiert, welcher Browser von Puppeteer verwendet werden soll. Der Wert muss entweder Chrom oder Firefox sein. 

Fazit:

In diesem einführenden Artikel zum Puppeteer-Tutorial haben wir etwas über die Puppeteer-Übersicht und die Puppeteer-Umgebungsvariablen gelernt. Im nächsten Artikel der Puppenspieler-Tutorial, lernen wir die Übersicht über Puppeteer Web Scraping und Puppeteer Test Automation kennen. bitte klicken hier um das Referenzportal für dieses Puppenspiel-Tutorial zu besuchen. Bitte klicken Sie auch hier Selen von LambdaGeeks zu lernen.

Hinterlasse einen Kommentar