So kratzen Sie Webseiten mit Node.js und jQuery ab

Node.js wächst schnell; Einer der Hauptgründe dafür ist den Entwicklern zu verdanken, die erstaunliche Tools entwickeln, die die Produktivität mit Node erheblich verbessern. In diesem Artikel werden wir die grundlegende Installation von Express, ein Entwicklungsframework, durcharbeiten und ein Basisprojekt damit erstellen.

---

Was wir heute bauen werden

Node ist im Design ähnlich und wird von Systemen wie Rubys Event Machine oder Python's Twisted beeinflusst. Node führt das Ereignismodell ein wenig weiter aus - es präsentiert die Ereignisschleife als Sprachkonstrukt statt als Bibliothek.

In diesem Lernprogramm kratzen wir die YouTube-Startseite ab, erhalten alle Miniaturansichten in normaler Größe sowie Link- und Videodauerzeit, senden diese Elemente an eine jQueryMobile-Vorlage und geben die Videos mit YouTube Embed ein nette Arbeit beim Erkennen der Unterstützung von Gerätemedien (Flash / HTML5-Video).

Wir werden auch lernen, wie man mit der Anwendung beginnt npm und ausdrücken, npm's Modulinstallationsprozess, einfaches Express-Routing und die Verwendung von zwei Modulen von Node: anfordern und Jsdom.

Diejenigen von Ihnen, die mit Node.js noch nicht vertraut sind und wie Sie sie installieren, finden Sie auf der Homepage von node.js
und die npm GitHub-Projektseite.

Sie sollten sich auch auf unsere Serie "Node.js: Step by Step" beziehen.

Hinweis: Dieses Tutorial setzt voraus, dass Sie wissen, was Node.js ist und dass Sie bereits node.js und npm installiert haben.

---

Schritt 1: Express einrichten

Was genau ist Express? Nach Angaben der Entwickler ist es ein…

Wahnsinnig schnelles (und kleines) serverseitiges JavaScript-Webentwicklungs-Framework, das auf Node und Connect basiert.

Klingt cool, richtig? Verwenden wir npm, um express zu installieren. Öffnen Sie ein Terminalfenster und geben Sie den folgenden Befehl ein:

npm install express -g

Durchgehen -G Als Parameter für den Installationsbefehl weisen wir npm an, das Modul global zu installieren.

Ich benutze / home / knotenserver / nettuts In diesem Beispiel können Sie jedoch alles verwenden, was Sie möchten.

Nachdem wir unser Express-Projekt erstellt haben, müssen wir npm strukturieren, um die Abhängigkeiten von Express zu installieren.

cd nodetube npm install -d

Wenn es mit "ok" endet, können Sie loslegen. Sie können jetzt Ihr Projekt ausführen:

Knoten app.js

Wechseln Sie in Ihrem Browser zu http: // localhost: 3000.

---

Schritt 2: Erforderliche Module installieren

JSDOM

Eine JavaScript-Implementierung des W3C-DOM.

Gehen Sie zurück zu Ihrem Terminal und installieren Sie, nachdem Sie Ihren aktuellen Server (Strg + C) gestoppt haben Jsdom:

npm install jsdom

---

Anfordern

Vereinfachte HTTP-Anforderungsmethode.

Geben Sie Folgendes in das Terminal ein:

npm Installationsanforderung

Jetzt sollte alles eingerichtet sein. Nun ist es an der Zeit, sich mit dem eigentlichen Code auseinanderzusetzen!

---

Schritt 3: Erstellen eines einfachen Schabers

app.js

Lassen Sie uns zunächst alle unsere Abhängigkeiten einschließen. Öffne dein app.js Datei und fügen Sie in den allerersten Zeilen folgenden Code an:

/ ** * Modulabhängigkeiten. * / var express = required ('express'), jsdom = required ('jsdom'), request = required ('request'), URL = required ('url'), app = module.exports = express.createServer () ;

Sie werden feststellen, dass Express Code für uns erstellt hat. Was Sie in sehen app.js ist die grundlegendste Struktur für einen Knotenserver, der Express verwendet. In unserem vorherigen Codeblock haben wir Express aufgefordert, unsere kürzlich installierten Module aufzunehmen: Jsdom und anfordern. Außerdem enthalten wir das URL-Modul, mit dessen Hilfe wir die Video-URL analysieren können, die wir später von YouTube scrape.

Youtube.com kratzen

Innerhalb app.js, Suchen Sie nach dem Abschnitt "Routen" (um Zeile 40) und fügen Sie den folgenden Code hinzu (lesen Sie die Kommentare durch, um zu verstehen, was los ist):

app.get ('/ nodetube', function (req, res) // Teilen Sie der Anfrage mit, dass Sie youtube.com abrufen möchten, und senden Sie die Ergebnisse an eine Callback-Funktionsanforderung (uri: 'http://youtube.com.) ', function (err, response, body) var self = this; self.items = new Array (); // Ich habe das Gefühl, meine Ergebnisse in einem Array speichern zu wollen. // Nur eine grundlegende Fehlerprüfung if (err && response.statusCode! == 200) console.log ('Request error.'); // Sende den body-Parameter als HTML-Code, den wir in jsdom analysieren werden. // Außerdem wird jsdom angewiesen, in den Scripts jQuery anzuhängen und geladen von jQuery.com jsdom.env (html: body, scripts: ['http://code.jquery.com/jquery-1.6.min.js'], function (err, window) // Nur jQuery verwenden wie in einer regulären HTML-Seite var $ = window.jQuery; console.log ($ ('title'). text ()); res.end ($ ('title'). text ()););) ;);

In diesem Fall holen wir den Inhalt von der YouTube-Startseite ab. Sobald der Vorgang abgeschlossen ist, drucken wir den im Titel-Tag der Seite enthaltenen Text (