Puppenspieler installieren - Ein hervorragender Lernleitfaden für Puppenspieler Tutorial 4 & 5


Puppeteer ist eine Open-Source-Knoten-js-Bibliothek, die für Web-Scraping-Tools verwendet werden kann. Es kann auch zur Testautomatisierung in Webanwendungen verwendet werden. Heutzutage nimmt die Verwendung von Puppeteer im Bereich automatisierter Softwaretests rapide zu. Grundlegende Kenntnisse der Befehlszeilen-, Javascript- und HTML-DOM-Struktur sind erforderlich, um das Puppenspiel-Tutorial zu verstehen. Das gesamte Tutorial ist in die folgenden Artikel unterteilt. 

Puppenspieler Tutorial

Tosca Tutorial # 1: Puppenspieler Übersicht

Tosca Lernprogramm # 2: Puppenspieler-Umgebungsvariablen

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

Tosca Lernprogramm # 4: Installieren Sie Puppenspieler

Tosca Lernprogramm # 5: Beispiel eines Puppenspielerprojekts

In diesem Puppeteer-Tutorial erfahren Sie, wie Sie Puppeteer mit seinen Abhängigkeiten installieren, z. B. NodeJs installieren, Editor für Puppeteer installieren usw. Nach der Installation erstellen wir ein Puppeteer-Beispielprojekt und führen es aus.

Installieren Sie Puppenspieler

Um mit der Entwicklung von Puppeteer-Skripten zu beginnen, müssen die folgenden Komponenten installiert und konfiguriert werden: 

1. Installieren Sie NodeJS

2. Installieren Sie den Editor

3. Installieren Sie Puppenspieler

Installieren Sie NodeJS:

NodeJs ist eine kostenlose Open Source-Serverumgebung, die auf verschiedenen Plattformen ausgeführt werden kann. Auf der Serverseite wird Javascript verwendet. Der Puppenspieler ist eine Art von NodeJS-Anwendung. Der erste Schritt bei der Einrichtung von Puppeteer ist die Installation des NodeJS-Frameworks. Das NodeJS-Framework ist für mehrere Plattformen verfügbar, einschließlich Windows, Ubuntu, macOS usw. In diesem Zusammenhang werden wir an der Version für das 64-Bit-Windows-Betriebssystem arbeiten. Die Schritte zum Installieren von NodeJS sind:

Schritt 1 # NodeJS herunterladen: Klicken Sie hier um zum NodeJS-Download-Link zu navigieren. Hier laden wir das 64-Bit-Windows-Installationsprogramm (.mts) herunter. 

Puppenspieler-Tutorial - Installieren Sie NodeJs
Puppenspieler-Tutorial - Installieren Sie NodeJs

Schritt 2# Installieren Sie NodeJS: Nach Abschluss des Downloads müssen wir NodeJs installieren, indem wir auf die Installationsdatei (.msi) doppelklicken. Während der Installation müssen wir gemäß den Anweisungen vorgehen.

Schritt 3# Überprüfen Sie NodeJS: Nach Abschluss der Installation müssen wir die Eingabeaufforderung öffnen und den Befehl als "Knoten" eingeben. Wenn die folgenden Details angezeigt werden, ist die Installation korrekt. Wenn ein Fehler auftritt, bedeutet dies, dass die Installation nicht korrekt ist.

Puppenspieler-Tutorial - Überprüfen Sie die NodeJs
Puppenspieler-Tutorial - Überprüfen Sie die NodeJs

Installieren Sie den Editor für Puppenspieler:

Ein Editor ist nichts anderes als ein Werkzeug, das uns hilft, unsere Puppeteer-Codes zu schreiben, zu kompilieren und auszuführen. Dort sind viele Tools verfügbar, die als Java-Code-Editor verwendet werden können, darunter Visual Studio Code, Note Pad ++, Edit Plus usw. Auch wir können Puppenspieler-Code in der Standardanwendung „Note Pad“ schreiben. In diesem „Puppeteer installieren“ Lernprogrammverwenden wir VSCode, da es kostenlos und leicht mit der NodeJS-Anwendung kompatibel ist. VSCode ist nichts anderes als eine Komponente von Visual Studio, das kostenlos erhältlich ist. Schritte zum Installieren von VSCode sind – 

Schritt 1 # Downloadd VSCode: Klicken Sie hier um den Download-Link zu öffnen und die gewünschte Version von VSCode Installer gemäß dem Betriebssystem herunterzuladen.

Schritt 2 # VSCode installieren: Installieren Sie VSCode wie jede andere Software aus der Installationsdatei im System. Fahren Sie während der Installation nur mit der empfohlenen Einstellung fort.

Schritt 2 # Überprüfen Sie den VSCode: Öffnen Sie nach Abschluss der Installation die Anwendung, um zu überprüfen, ob sie korrekt installiert ist.

Puppenspieler-Tutorial - Editor für Puppenspieler
Puppenspieler-Tutorial - Editor für Puppenspieler

Puppenspieler-Pakete installieren:

Ab der Version v1.7.0 von Puppenspieler enthält jede Version unten zwei Pakete -

  • Puppenspieler-Kernpaket
  • Puppenspieler-Paket

Beide Versionen von Puppeteer können mit den Konsolenbefehlen installiert werden. Die Befehle zum Installieren von Puppeteer sind - 

Installieren Sie das Puppeteer-Core-Paket: Es ist eine Sammlung der Node JS-Bibliothek, die in Java entwickelt wurde. Es kann am devtools-Protokoll arbeiten. Der Chromium-Browser wird während der Installation des Puppeteer-Core-Pakets nicht heruntergeladen. Die programmatische Schnittstelle von Puppeteer steuert die Puppenspieler-Kernbibliothek vollständig an. Eine weitere wichtige Einschränkung besteht darin, dass die Puppenspieler-Kernfunktionen nicht durch Ändern einer der Umgebungsvariablen PUPPETEER_ * geändert werden können. 

Installationsbefehl: npm Puppenspieler-Core installieren

Hinweis: Das Node JS-Tool muss vor der Installation des Puppeteer-Core-Pakets installiert werden.

Installieren Sie das Puppenspieler-Produktpaket: Puppenspieler ist das komplette Produkt, das von Google zur Steuerung der Chrome-Browser entwickelt wurde. Als komplettes Puppeteer-Produktpaket werden die neuesten Versionen des Chrom-Browsers während der Installation heruntergeladen. Danach wird die Installation vom Puppenspielerkern gesteuert. Sie können die Puppeteer-Funktionen anpassen, indem Sie die Umgebungsvariablen PUPPETEER_ * ändern. 

Installationsbefehl: npm Puppenspieler installieren

In diesem Tutorial „Puppeteer installieren“ werden wir an der Installation des Puppeteer-Pakets arbeiten, da es zwischen diesen beiden Versionen nicht viele Unterschiede gibt.

Beispiel eines Puppenspielerprojekts

Der Puppenspieler ist sowohl mit Headful-Browsern (ohne Headless) als auch mit Headless-Chrome-Browsern kompatibel. Im Falle von Headless werden die Browseraktivitäten im Hintergrund ausgeführt, dh die Benutzeroberfläche des Browsers ist für uns nicht sichtbar. Es macht die Sache (Steuerung des Browsers) in einem Schritt einfacher und einfacher. Dies bedeutet, dass dasselbe (Steuern der Browser) mit mehreren komplexen Schritten ausgeführt werden kann.

Die Schritte zum Einrichten eines Puppenspieler-Beispielprojekts sind nachstehend aufgeführt: 

Schritt 1 # Erstellen Sie eine Ordnerstruktur für das Puppenspiel-Beispielprojekt: Erstellen Sie ein Beispielstammverzeichnis mit dem Namen "SampleProject" in einem vordefinierten Pfad. Dieses Stammverzeichnis wird als Beispiel für ein Puppenspielerprojekt verwendet. Als nächstes müssen wir nach dem Öffnen der Eingabeaufforderung zu diesem Stammverzeichnis navigieren.

Schritt 2 # Puppenspieler installieren: Mit dem folgenden Befehl können wir das vollständige Puppeteer-Paket im Stammverzeichnis installieren. Dieser Befehl lädt grundsätzlich alle Open-Source-NodeJS-Bibliotheken in der Beispielprojekt Mappe. Der Installationsvorgang dauert abhängig von der Netzwerkgeschwindigkeit einige Zeit. Es werden ungefähr 350 MB Daten heruntergeladen. Nach der Installation wird der Ordner node_modules, der verschiedene Puppeteer-Komponenten und die Datei package-lock.json enthält, im Stammverzeichnis des Pupeteer-Beispielprojekts erstellt.

Puppenspieler-Tutorial - Installationsprotokoll
Puppenspieler-Tutorial - Installationsprotokoll

Schritt 3 # Beispiel eines Puppenspielskripts erstellen: Jetzt schreiben wir ein Beispielskript für Puppenspieler, das aufgerufen wird die LambdaGeeks Website, zeigt nach jedem Schritt Konsolenmeldungen an und erfasst den Screenshot. In diesem Beispiel wird im Hintergrund ein kopfloser Chrom-Browser aufgerufen. Das Beispiel-Puppenspiel-Skript lautet - 

const puppeteer = require('puppeteer'); // Puppeteer-Bibliothek einschließen puppeteer.launch({headless:true}).then(async browser => { const pageNew = await browser.newPage(); // Browser starten console.log('Step1 - Browser öffnen'); / /Nachricht anzeigen await pageNew .setViewport({ width: 1280, height: 800 }) await pageNew .goto('https://lambdageeks.com/'); //LambdaGeeks öffnen //Screenshot aufnehmen await pageNew .screenshot({ path : 'screenshot_lambda.png' }); console.log('Step2 - LambdaGeeks navigieren und Screenshot machen'); await browser.close(); console.log('Step3 - Browser Closed'); });

Dieser Code muss im Stammverzeichnis des Beispiel-Puppenspieler-Projekts mit dem Dateinamen gespeichert werden sample_script.js. Bei Puppenspieler-Core müssen wir am Anfang des Skripts "Puppenspieler-Kern" anstelle von "Puppenspieler" einfügen. Für einen kopflosen Browser müssen wir den Code ersetzen. “{headless:true}” with “{headless:false}”.

Schritt 4 # Beispiel eines Puppenspielskripts ausführen: Das Beispielskript kann an der Eingabeaufforderung mit dem folgenden Befehl ausgeführt werden:

npm-Knoten sample_script.js

Nach der Ausführung wird der Screenshot erfasst und im Stammverzeichnis als "'screenhot_lambda.png" gespeichert.

Puppenspieler-Tutorial - Beispiel für ein Puppenspieler-Projekt
Puppenspieler-Tutorial - Beispiel für ein Puppenspieler-Projekt

Jetzt zeigen wir ein weiteres Beispiel für ein Puppenspieler-Skript in der Amazon-Webanwendung. Dieses Skript führt die folgenden Schritte zusammen mit den Überprüfungen in den einzelnen Schritten aus.

  • Rufen Sie die Amazon-Anwendung auf.
  • Suchen Sie ein vordefiniertes Buch.
  • Fügen Sie das gesuchte Buch in den Warenkorb.
  • Öffnen Sie den Warenkorb und prüfen Sie, ob das Buch im Warenkorb verfügbar ist.
  • Bildschirm erfassen und Browser schließen.

Wir werden nur das folgende Skript durchgehen. Im nächsten Artikel erfahren Sie mehr über die verschiedenen Schritte, die Sie ausführen müssen. Das Beispielskript wird unten gezeigt -

/** * @name Suche in Amazon */ const puppeteer = require('puppeteer'); const reportPathDir = 'C:\\LambdaGeeks\\puppteer_proj_sample\\output\\'; const screenshotFile = 'screen1.png'; try { (async () => { //Browser- und Seitenobjektinstanz erstellen und zur URL navigieren const browserWeb = await puppeteer.launch({ headless: false }); const pageWeb = await browserWeb.newPage() await pageWeb.setViewport ({ width: 1280, height: 800 }); await pageWeb.goto('https://www.amazon.in/'); //Amazon-Suchkriterien eingeben let searchBoxAmazon = await pageWeb.waitForXPath("//* /input[@id='twotabsearchtextbox']",{ sichtbar: wahr }); if (searchBoxAmazon === null) { console.log('Amazon-Bildschirm wird nicht angezeigt'); } else{ await searchBoxAmazon.type(" Testing Book"); console.log('Suchkriterien wurden eingegeben'); } //Auf Suchschaltfläche geklickt lassen btnSearchAmazon = await pageWeb.waitForXPath("//*/input[@id='nav-search-submit- button']",{ sichtbar: true }); if (btnSearchAmazon === null) { console.log('Suchschaltfläche wird nicht angezeigt'); } else{ await btnSearchAmazon.click(); console.log('Clicked on search button'); } //Klicken Sie auf ein bestimmtes Suchergebnis let myBookAmazon = await pageWeb.waitForXPath ("//*[contains(text(),'Selenium Testing Tools Cookbook Second Edition')]",{ sichtbar: wahr }) if (myBookAmazon === null) { console.log('Buch ist nicht verfügbar') ; } else{ await myBookAmazon.click(); console.log('Klicken Sie auf ein bestimmtes Buch, um es zu bestellen'); } // Feststellen, ob der neue Tab geöffnet wurde const pageTarget = pageWeb.target(); const newTarget = await browserWeb.waitForTarget(target => target.opener() === pageTarget); //Neues Seitenobjekt abrufen: const page2 = await newTarget.page(); warte auf page2.setViewport ({ Breite: 1280, Höhe: 800 }); //Zum Warenkorb hinzufügen let addToCartAmazon = await page2.waitForXPath("//*/input[@id='add-to-cart-button']",{ sichtbar: wahr }); if (addToCartAmazon === null) { console.log('Die Schaltfläche "Zum Warenkorb hinzufügen" ist nicht verfügbar'); } else{ console.log('Klicken Sie auf die Schaltfläche "In den Einkaufswagen"); warte auf addToCartAmazon.click(); } //Überprüfen Sie den Prozess zum Hinzufügen zum Einkaufswagen let successMessageAmazon = await page2.waitForXPath("//*[contains(text(),'Added to Cart')]",{ sichtbar: wahr }); if (successMessageAmazon === null) { console.log('Artikel wurde nicht zum Einkaufswagen hinzugefügt'); } else{ console.log('Artikel wurde erfolgreich zum Einkaufswagen hinzugefügt'); } // Erfassen Sie die Nummer des Einkaufswagens, lassen Sie cartCountAmazon = await page2.waitForXPath("//*/span[@id='nav-cart-count']", {sichtbar: wahr}); let valueCount = await page2.evaluate(el => el.textContent, cartCountAmazon) console.log('Cart count: ' + valueCount); cartCountAmazon.focus(); warte auf page2.screenshot({ path: screenshotFile }); warte auf pageWeb.waitForTimeout (3000); warte auf page2.close(); warte auf pageWeb.close(); warte auf browserWeb.close(); })() } catch (e) { Konsole.log(e) }

Hinweis: In den nächsten Artikeln werden die Details zum Schreiben von Skripten erläutert.

Fazit:

In diesem Einführungsartikel über "Puppenspieler installieren" aus dem "Puppenspieler-Tutorial" haben wir die detaillierten Schritte zum Installieren verschiedener Puppenspieler-Pakete von Grund auf erläutert. Das Puppenspieler-Setup umfasst verschiedene Komponenteninstallationen wie NodeJs installieren, VSCode installieren, Puppenspieler installieren, Puppenspieler-Beispielprojekt erstellen und ausführen. Im nächsten Puppenspieler-Tutorial werden detaillierte Schritte zur Verwendung des Puppenspielers als Web-Scraping-Tool erläutert. bitte klicken  hier aus dem Referenzportal zu lesen.

K. Mondal

Hallo, ich bin K. Mondal, ich bin mit einer führenden Organisation verbunden. Ich habe mehr als 12 Jahre Berufserfahrung in verschiedenen Bereichen, zB Anwendungsentwicklung, Automatisierungstests, IT-Berater. Ich interessiere mich sehr für das Erlernen verschiedener Technologien. Ich bin hier, um meinen Anspruch zu erfüllen und trage derzeit als Autor und Website-Entwickler bei LambdaGeeks bei. Verbinden Sie sich mit LinkedIn – https://www.linkedin.com/in/kumaresh-mondal/

Neueste Beiträge