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 Dein Thema # 2: Puppenspieler-Umgebungsvariablen
Tosca Dein Thema # 3: Übersicht über Puppenspieler-Web-Scraping und Puppenspieler-Testautomatisierung
Tosca Dein Thema # 4: Installieren Sie Puppenspieler
Tosca Dein Thema # 5: Beispiel eines Puppenspielerprojekts
In diesem Puppeteer-Tutorial lernen wir die Schritte zur Installation von Puppeteer mit seinen Abhängigkeiten kennen, z. B. die Installation von NodeJs, die Installation des Editors für Puppeteer usw. Außerdem werden wir nach der Installation ein Beispiel-Puppeteer-Projekt erstellen und ausführen.
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 auf Kostenlos erhalten und dann auf Installieren. hier um zum NodeJS-Download-Link zu navigieren. Hier laden wir das 64-Bit-Windows-Installationsprogramm (.mts) herunter.
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.
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 auf Kostenlos erhalten und dann auf Installieren. 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-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: Puppeteer ist das von Google entwickelte Komplettprodukt zur Steuerung der Chrome-Browser. Da es sich um das komplette Puppeteer-Produktpaket handelt, werden die neuesten Versionen des Chromium-Browsers während der Installation heruntergeladen. Danach wird die Installation von Puppeteer-Core gesteuert. Es ist möglich, die Puppeteer-Funktionen anzupassen, 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.
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 = waiting browser.newPage(); // Browser starten console.log('Step1 - Open Browser'); / /Nachricht anzeigen waiting pageNew .setViewport({ width: 1280, height: 800 }) waiting pageNew .goto('https://techiescience.com/'); //Öffne LambdaGeeks //Capture Screenshot waiting pageNew .screenshot({ path : 'screenshot_lambda.png' }); console.log('Schritt 2 – Durch LambdaGeeks navigieren und Screenshot machen'); wait browser.close(); console.log('Schritt 3 – Browser geschlossen'); });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.
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';
versuchen {
(async () => {
\t//Erstellen Sie eine Browser- und Seitenobjektinstanz und navigieren Sie zur URL
const browserWeb = waiting puppeteer.launch({ headless: false });
const pageWeb = Warten auf browserWeb.newPage()
Warten Sie auf pageWeb.setViewport({ width: 1280, height: 800 });
Warten Sie auf pageWeb.goto('https://www.amazon.in/');
\T
\t//Geben Sie die Amazon-Suchkriterien ein
\tlet searchBoxAmazon = waiting pageWeb.waitForXPath("//*/input[@id='twotabsearchtextbox']",{ sichtbar: true });
\tif (searchBoxAmazon === null)
\T{
\t\tconsole.log('Amazon-Bildschirm wird nicht angezeigt');
\T}
\telse{\t\t
\t\tawait searchBoxAmazon.type("Testing Book");
\t\tconsole.log('Suchkriterien wurden eingegeben');
\t} \t\t
\T
\t//Auf die Suchschaltfläche geklickt
\tlet btnSearchAmazon = waiting pageWeb.waitForXPath("//*/input[@id='nav-search-submit-button']",{ sichtbar: true });
\tif (btnSearchAmazon === null)
\T{
\t\tconsole.log('Suchschaltfläche wird nicht angezeigt');
\T}
\telse{
\t\tawait btnSearchAmazon.click();
\t\tconsole.log('Auf Suchschaltfläche geklickt');
\t}\t
\T
\t//Klicken Sie auf ein bestimmtes Suchergebnis
\tlet myBookAmazon = waiting pageWeb.waitForXPath("//*[contains(text(),'Selenium Testing Tools Cookbook Second Edition')]",{ sichtbar: true })
\tif (myBookAmazon === null)
\T{
\t\tconsole.log('Buch ist nicht verfügbar');
\T}
\telse{
\t\tawait myBookAmazon.click();
\t\tconsole.log('Klicken Sie auf ein bestimmtes Buch, um es zu bestellen');
\t} \t
\T
\t// Identifizieren Sie, ob die neue Registerkarte geöffnet wurde
\tconst pageTarget = pageWeb.target();
\tconst newTarget = waiting browserWeb.waitForTarget(target => target.opener() === pageTarget);
\t//holt das neue Seitenobjekt:
\tconst page2 = waiting newTarget.page();\t
\tawait page2.setViewport({ width: 1280, height: 800 });
\T
\t//Zum Warenkorb hinzufügen
\tlet addToCartAmazon = waiting page2.waitForXPath("//*/input[@id='add-to-cart-button']",{ sichtbar: true });
\tif (addToCartAmazon === null)
\T{
\t\tconsole.log('Die Schaltfläche „Zum Warenkorb hinzufügen“ ist nicht verfügbar.‘);
\T}
\telse{
\t\tconsole.log('Klicken Sie auf die Schaltfläche „Zum Warenkorb hinzufügen“);
\t\tawait addToCartAmazon.click();\t\t
\t} \t\t
\t//Überprüfen Sie den Prozess „Zum Warenkorb hinzufügen“\t
\tlet successMessageAmazon = waiting page2.waitForXPath("//*[contains(text(),'Added to Cart')]",{ sichtbar: true });
\tif (successMessageAmazon === null)
\T{
\t\tconsole.log('Artikel wurde nicht zum Warenkorb hinzugefügt');
\T}
\telse{
\t\tconsole.log('Artikel wurde erfolgreich zum Warenkorb hinzugefügt');\t\t
\t} \t
\T
\t// Erfassen Sie die Warenkorbnummer
\tlet cartCountAmazon = waiting page2.waitForXPath("//*/span[@id='nav-cart-count']",{ sichtbar: true});
\tlet valueCount = waiting page2.evaluate(el => el.textContent, cartCountAmazon)
\tconsole.log('Warenkorbanzahl: ' + valueCount);
\tcartCountAmazon.focus();
\tawait page2.screenshot({ path: ScreenshotFile });
\T
\tawait pageWeb.waitForTimeout(3000);
\tawait page2.close();
\tawait pageWeb.close();
Warten Sie auf browserWeb.close();
})()
} fangen (e) {
console.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.
Hallo, ich bin K. Mondal, ich bin mit einer führenden Organisation verbunden. Ich verfüge über mehr als 12 Jahre Berufserfahrung in verschiedenen Bereichen, z. B. Anwendungsentwicklung, Automatisierungstests, IT-Berater. Ich bin sehr daran interessiert, verschiedene Technologien zu erlernen. Ich bin hier, um meinen Wunsch zu erfüllen und arbeite derzeit als Autor und Website-Entwickler bei LambdaGeeks mit.
Lassen Sie uns über LinkedIn miteinander in Kontakt treten.
