JavaScript ist führend in der Webentwicklung, seine Fülle an Echtzeit-Verarbeitungsroutinen und die damit einhergehende Vielseitigkeit haben es in den letzten 5 Jahren zu einer der am schnellsten wachsenden Sprachen gemacht.
Seit der Veröffentlichung von Node.js Es wurde viel über das Erstellen von Anwendungen gesagt, die eine einzige Sprache verwenden, und heute ist es möglich, Front-End-Frameworks wie z AngularJS oder Backbone.js, auch mit Datenbanken wie MongoDB oder CouchDB und schließlich serverseitig mit den leistungsstarken Node.js.
Aber um mit großen Anwendungen von Grund auf zu arbeiten Node.js Wir müssen viele sich wiederholende und komplexe Dinge tun, da kommt es ins Spiel Express.js, das nichts anderes als ein MVC-Framework ist, das uns hilft, die Ausarbeitung unserer Logik zu vereinfachen Backend, und verlassen sich auf Node.js führt zu großen Anwendungen, die vollständig in JavaScript.
AnforderungenUnsere Anforderungen sind ziemlich einfach, wir müssen nur haben Node.js installiert und läuft auf unserem System, wenn wir die neueste Version haben, müssen wir sicherstellen, dass wir dies auch haben npm verfügbar, das ist das Tool, mit dem wir die verschiedenen Pakete installieren können, die wir wie im Fall des Frameworks benötigen. Express.js.
1. Express.js
Dieses Framework wurde mit einigen Funktionen entwickelt, die von anderen Frameworks inspiriert wurden, wie z Schienen oder Sinatra, das heißt, wenn ihn ein erfahrener Entwickler in die Finger bekommt, kann er sich mit bereits bekannten Konzepten wohlfühlen, aber mit der Kraft von Node.js und nur verwenden JavaScript die Entwicklungsgeschwindigkeit wird vervielfacht.
Bevor wir uns weiter mit dem Thema befassen, schauen wir uns zunächst die wichtigsten Eigenschaften von . an Express.js:
MinimumDie Idee hinter dem Framework ist, sich nicht auf andere Dinge einzulassen, die nicht zwischen unserer Anwendung und dem Server vermitteln, dafür verkompliziert es unser Leben nicht mit Tausenden von Komponenten, sondern versorgt uns nur mit dem Nötigsten.
FlexibelDurch die Eigenschaft, minimal zu sein, erhalten Sie eine große Flexibilität, da der Entwickler seine Arbeitsweise wählen kann und eigene Lösungen implementieren oder vorgefertigte Lösungen wie z ORM für verschiedene Arten von Datenbanken.
Für Anwendungen gemachtDer Zweck von Express.js ist es, den Aufbau von Webanwendungen zu erleichtern, seien es Seiten, Dienste SICH AUSRUHEN, oder sogar hybride Anwendungen.
2. Das Gerüst
Dies ist ein Begriff, den wir vielleicht aus gesehen haben Schienen und anderen Frameworks ist es weit verbreitet in Express.js und es ist nichts anderes als das Framework, das eine Struktur und einen Basiscode generiert, auch genannt Boilerplate was uns hilft, unsere Bewerbung zu starten.
Auf diese Weise können wir aus einem Befehl den Rahmen eines Projekts erstellen und so vergessen, sich alle notwendigen Ordner und Basisdateien merken zu müssen. Da dies etwas so Allgemeines ist, müssen wir natürlich viele Dinge neu schreiben oder unsere eigenen Ordner erstellen, aber einen Ausgangspunkt zu haben, ist perfekt.
3. Express.js installieren
Die Installation des Frameworks ist dank der erforderlichen Schritte recht einfach npm, zum installieren Express.js wir müssen nur zur Befehlskonsole gehen, wo wir ausführen können npm und geben Sie folgenden Befehl ein:
npm install express --saveDadurch wird unser System den gesamten erforderlichen Code herunterladen, um unsere Projekte zu generieren und auch die verschiedenen Tools zu verwenden, die es enthält Express.js Zu unserer Verfügung steht in der Konsole etwa Folgendes, wenn die Installation erfolgreich war.
Wir können feststellen, dass mehrere zugehörige Pakete installiert wurden und dass die Version von Express.js Zum Zeitpunkt des Schreibens dieses Tutorials ist das 4.11.2, hier ist es wichtig darauf hinzuweisen, dass es ab Version 4 eine große Änderung gab, daher ist es wichtig, wenn wir nach Informationen suchen, um sicherzustellen, dass es sich um Version 4 handelt.
Unsere erste AppFür unsere erste Anwendung werden wir eine Webseite mit zwei Abschnitten erstellen, da wir das Tool gerade erst kennenlernen, jeder Abschnitt wird einen kleinen Text haben, das Wichtigste ist, dass wir einen kleinen Server erstellen und damit umgehen müssen Anfragen unserer Nutzer.
4. Der Kellner
Das erste, was wir tun müssen, ist einen Ordner zu erstellen, in den unsere Anwendung geht, und darin eine Datei namens . zu erstellen index.js, dieser Name wird im Allgemeinen als Konvention platziert, es kann jedoch jeder andere Name sein. Tatsächlich werden wir die Dinge ändern und den Namen unserer Datei platzieren halloexpress.js.
Sobald wir unsere Datei haben, beginnen wir mit der Aufnahme äußern Gebrauchsanweisung benötigen, damit stehen uns alle Werkzeuge des Frameworks zur Verfügung, dann werden wir die Methoden anwenden einstellen() Ja benutzen (), wobei wir mit dem ersten den Port festlegen, über den unser Server auf Verbindungen warten soll, und mit dem zweiten legen wir fest, was passieren soll, wenn wir einen 404-Fehler oder einen 500-Fehler erhalten.
Endlich mit der Methode hören () Wir werden unsere Anwendung starten, wenn wir unsere Datei ausführen. Sehen wir uns den folgenden Code an:
var express = require ('express'); var app = express(); app.set ('port', process.env.PORT || 3001); app.use (function (req, res) {res.type ( 'text / plain'); res.status (404); res.send ('404 - Not Found');}); app.use (function (err, req, res, next) {console.error (err. stack); res.type ('text / plain'); res.status (500); res.send ('500 - Etwas stimmt nicht!');}); app.listen (app.get ('port') , function () {console.log ('Express wurde unter http gestartet: // localhost:' + app.get ('port') + '; drücke Strg-C, um den Server zu schließen.');});Jetzt müssen wir nur noch folgenden Befehl in die Konsole schreiben:
Knoten helloexpress.jsDamit hebt unser Server ab. Das Problem ist, dass wir nichts sehen werden, weil wir die Routen der Anwendung nicht festgelegt haben, aber wenn wir den folgenden Bildschirm sehen, sehen wir, dass es funktioniert, weil unsere Nachricht, die wir für 404 platziert haben, herausgekommen ist.
VERGRÖSSERN
5. Inklusive der Routen
Um ein Ergebnis über die von uns generierte 404-Seite hinaus zu erhalten, müssen wir Routen einschließen, was nichts anderes ist, als unserer Anwendung mitzuteilen, dass ein Benutzer eine Route mit einer Methode anfordert HTTP Insbesondere wird ein von uns definiertes Ergebnis zurückgegeben, also eine Route bekommen Es ist nicht dasselbe wie eine Route Post und daher können uns beide, obwohl sie unter derselben Leitung stehen, unterschiedliche Ergebnisse liefern.
Also lass uns ein paar Routen erstellen bekommen, dieser Code muss direkt vor dem Code platziert werden, der den 404 generiert, also werden wir unsere Datei ändern halloexpress.js und jetzt sollte es wie folgt lauten:
var express = require ('express'); var app = express(); app.set ('port', process.env.PORT || 3001); app.get ('/', function (req, res) { res.type ('text / plain'); res.send ('Hallo, willkommen bei meiner ersten App');}); app.get ('/ other path', function (req, res) {res.type ( ' text / plain '); res.send (' Dies ist ein anderer Pfad unserer App ');}); app.use (function (req, res) {res.type (' text / plain '); res.status ( 404); res.send ('404 - Not Found');}); app.use (function (err, req, res, next) {console.error (err.stack); res.type ('text / plain '); res.status (500); res.send (' 500 - Etwas stimmt nicht! ');}); app.listen (app.get (' port '), function () {console.log (' Express gestartet bei http: // localhost: '+ app.get (' port ') +'; drücke Strg-C, um den Server herunterzufahren. ');});Wie können wir die Methode bemerken? bekommen erhält die Route und dann eine anonyme Funktion, innerhalb dieser senden wir in diesem Fall die Art der Antwort Text / Klartext und dann senden wir den Inhalt, wenn wir unser Beispiel im Browser ausführen, erhalten wir schließlich so etwas wie Folgendes:
VERGRÖSSERN
Die Routen Post Sie funktionieren ähnlich, nur dann müssen wir eine Behandlung für die Parameter, die eingeschlossen werden können, einbauen, aber wir sollten uns zu diesem Zeitpunkt nicht zu viele Gedanken darüber machen. Wir konnten dann überprüfen, wie wir das Ergebnis beeinflusst haben, was der Benutzer direkt sehen kann.
WichtigEs ist wichtig zu beachten, dass wir jedes Mal, wenn wir etwas an unserem Code ändern, die Anwendung schließen und erneut starten müssen, damit die Änderungen wirksam werden. Dieser Anfang mag sehr einfach erscheinen und es ist die Idee, dass wir uns daran gewöhnen können, so zu arbeiten, dass wir den Server und seine Funktionsweise verstehen, da wir auf diese Weise die gewünschten Anwendungen mit dem Code erstellen können, den wir wirklich wollen und das ist die Magie von Express.js.
Von hier aus können wir beginnen, mit den Arten von Antworten und den Inhalten zu experimentieren, die wir bereitstellen möchten, aber die wirkliche Leistung kommt, wenn wir mit der Implementierung einer Vorlagen-Engine beginnen. Dies ist jedoch in diesem Tutorial bereits ein etwas fortgeschritteneres Thema.
Damit haben wir dieses Tutorial abgeschlossen und eine kleine Anwendung erstellt, mit der wir unsere ersten Schritte machen können Express.js, wenn wir es gewusst haben Node.js Wir sehen sofort, dass die Dinge etwas direkter und einfacher sind. Aber die wahre Stärke werden wir sehen, wenn wir beginnen, andere Tools wie Vorlagen oder Modelle zu implementieren.
