Erste Schritte mit Sails.js

JavaScript entwickelt sich exponentiell und positioniert sich nicht nur als Basis für Entwicklungen auf Seiten der Vorderes Ende mit Hilfe verschiedener Frameworks und Technologien, aber auch für die Back-End, dies dank der Einführung der berühmten Plattform Node.js und alle Vorteile, die damit verbunden sind.
Derzeit haben wir Frameworks, die uns helfen, effizient mit diesen Technologien zu arbeiten, und eine davon ist Segel.js, das nichts anderes als ein Back-End-orientiertes MVC-Framework ist und Konzepte wie REST, HTTP oder WebSockets, was uns von der Entwicklung von APIs über die Bereitstellung von HTML-Dateien bis hin zur Bearbeitung mehrerer Anfragen in unseren Anwendungen ermöglicht.
1- Um die in diesem Tutorial vorgeschlagenen Übungen und Beispiele ausführen zu können, benötigen wir eine Installation mit der neuesten Version von Node.js. Dies ist sehr einfach zu erhalten, in diesem Fall verwenden wir das Installationsprogramm Fenster die wir direkt auf der offiziellen Website von Node.js, dieser läuft wie jeder Installer und generiert dann einen direkten Zugriff auf die Konsole Node.js wo wir die notwendigen Skripte ausführen können. Wenn wir nichts wissen über Node.js und wir uns zuerst einen Überblick verschaffen wollen, empfehlen wir einen Blick auf das folgende Tutorial.
2- Wir brauchen einen Rich-Text-Editor im Stil von Erhabener Text oder Notizblock ++ in der Lage sein, den notwendigen Code zu schreiben, um die Beispiele und Übungen zu erfüllen, die wir zeigen werden.
3- Schließlich brauchen wir einen Internetzugang, um herunterladen zu können Segel.js sogar einmal.
Die Installation von Segel.js Es ist so einfach wie das Ausführen einer Befehlszeile in unserer Konsole Node.js. Wir öffnen es und verwenden den Paketmanager Node.js zu installieren, indem Sie Folgendes eingeben:

npm -g Segel installieren

Wir führen unseren Befehl aus, der einige Minuten dauern kann, während er die Abhängigkeiten überprüft und die Installation von allem, was für unser Framework erforderlich ist, durchführt:

Nach Abschluss des Vorgangs erstellen wir eine neue Anwendung, um mit dem folgenden Befehl zu überprüfen, ob alles reibungslos gelaufen ist:

segelt neues Projekt

Was uns eine Erfolgsmeldung mit dem Namen unserer Anwendung geben sollte, wie wir in der folgenden Abbildung sehen können:

Wenn wir uns außerdem in unserer Anwendung positionieren und das Verzeichnis auflisten, können wir alle davon generierten Dateien sehen:

Schließlich müssen wir nur unseren Server erhöhen, um dies zu tun, während wir in der Anwendung den folgenden Befehl ausführen:

Segel heben

Damit haben wir unseren Server bereits erhöht und uns einige interessante Nachrichten wie die Umgebungs was in diesem Fall Entwicklung ist und Hafen wo die Anwendung läuft, also 1337, öffnen wir den Browser unserer Wahl und besuchen die folgende Adresse http: localhost: 1337 das sollte so aussehen:

VERGRÖSSERN

Wie wir sehen, haben wir eine Ansicht, die standardmäßig das Zuhause anzeigt, die unter anderem die folgenden Schritte enthält, die auszuführen sind, um unseren Weg in diesem Rahmen fortzusetzen. Nachdem wir bereits überprüft haben, dass alles richtig funktioniert, werden wir eine Klammer setzen, um ein wenig über die Struktur unserer Anwendung zu erfahren und was wir zur Verfügung haben.
Segel.js Es ist ein ziemlich vollständiges Framework, für das es eine Reihe von Verzeichnissen und Dateien generiert, die für unsere Entwicklung wichtig sind.
Dies ist das Verzeichnis, in dem die Controller Ja Modelle unserer Anwendung, zusätzlich ein Verzeichnis namens Richtlinien Hier werden Berechtigungs- und Zugriffskontrollregeln definiert.
Wir haben auch das Verzeichnis Antworten wo die Serverantworten verwaltet werden und schließlich Dienstleistungen Wir können es uns als das Verzeichnis vorstellen, in dem sich die Bibliotheken befinden, die Funktionen enthalten, die uns helfen, verschiedene Funktionalitäten in unserer Anwendung zu erreichen.
Das Vermögenswerte beziehen Sie sich auf diese statischen Dateien wie js, css, Bilder usw., die sich auf unserem Server befinden und von außen zugänglich sein sollen. In Segel.js diese Dateien werden im Verzeichnis abgelegt Vermögenswerte, die eine Funktion zum Verarbeiten und Synchronisieren dieser Dateien hat und sie jedes Mal, wenn wir unsere Anwendung starten, in einem temporären Ordner ablegt, in dem der Inhalt dieses temporären Ordners ist Segel.js ist für die Bedienung zuständig.
Dann haben wir unser config-Verzeichnis, das zwei Unterverzeichnisse und eine ziemlich große Anzahl von Dateien enthält, die für die Konfiguration unserer Anwendung bestimmt sind. Das erste Verzeichnis ist env, die zwei Dateien enthält, eine zum Definieren der Parameter während der Entwicklung und die andere in der Produktion. Das zweite Verzeichnis heißt lokal und ermöglicht es uns, unsere JSON mit den verschiedenen Sprachen, die von der Anwendung behandelt werden.
Eine der wichtigsten Dateien im Verzeichnis Konfiguration Es ist diejenige namens connections.js, die es ermöglicht, die verschiedenen Verbindungen zu verwalten Datenbanken, die Verbindungen sind bereits definiert und wir müssen nur noch die Verbindungsparameter hinzufügen. Das ist weil Segel.js kommt bereits standardmäßig mit Wasserlinie ein mächtiger ORM zum Verwalten von Operationen mit relationalen Datenbanken und nicht mit Beziehungen als solchen.
Deshalb können wir Verbindungen zu einer Datenbank haben MySQL:

someMysqlServer: {Adapter: 'sails-mysql', Host: 'YOUR_MYSQL_SERVER_HOSTNAME_OR_IP_ADDRESS', Benutzer: 'YOUR_MYSQL_USER', Passwort: 'YOUR_MYSQL_PASSWORD', Datenbank: 'YOUR_MYSQL_DB'},

Zu einer noSQL-Datenbank wie MongoDB:

someMongodbServer: {adapter: 'sails-mongo', host: 'localhost', port: 27017, // user: 'username', // password: 'password', // database: 'your_mongo_db_name_here'},

Oder auch PostgreSQL:

somePostgresqlServer: {Adapter: 'sails-postgresql', Host: 'YOUR_POSTGRES_SERVER_HOSTNAME_OR_IP_ADDRESS', Benutzer: 'YOUR_POSTGRES_USER', Passwort: 'YOUR_POSTGRES_PASSWORD', Datenbank: 'YOUR_POSTGRES_DB'}

Wir müssen nur die Abhängigkeiten für die Datenbank wir brauchen und wir werden bereit sein, mit zu arbeiten Segel.js schnell und einfach.
Verzeichnis Aufgaben enthält einige Regeln für unsere Anwendung, aber wie einige Dateien behandelt werden, zum Beispiel die Datei pipe.js definiert, in welcher Reihenfolge unsere js, css und Templates kompiliert und dann verlinkt und von den Views in unserer Anwendung bedient werden sollen.
Darüber hinaus haben wir in diesem Verzeichnis einige sehr nützliche Funktionen wie eine Datei, die für die Durchführung des Minifizierungsprozesses auf unsere CSS und sogar eine, die verwendet KaffeeScript Code kompilieren JavaScript.
Endlich haben wir unsere Ansichten, die nichts anderes als Vorlagen sind, die auf dem Server kompiliert und als Seiten bereitgestellt werden HTML, wobei diese Ansichten meistens das Ergebnis einer Anfrage sind HTTP gleich zu dienen.
Nachdem wir uns bereits ein wenig mit unserem Framework und den uns zur Verfügung stehenden Dateien vertraut gemacht haben, fahren wir mit dem praktischen Fall dieses Tutorials fort und demonstrieren so die Leistungsfähigkeit und Vielseitigkeit von Segel.js.
Wenn unsere Anwendung erstellt wurde, verwenden wir sie, um eine REST-API, dafür überprüfen wir, dass unser Server noch nicht läuft, wenn ja, stoppen wir ihn mit STRG + C. Dann positionieren wir uns innerhalb unserer Anwendung und führen folgenden Befehl aus:

Segel generieren API-Benutzer

Womit die Konsole mit einer Erfolgsmeldung zu unserem neuen antwortet api erstellt, wodurch zusätzlich zwei neue Dateien zu diesem Prozess generiert werden, ein Modell und natürlich ein Controller.

VERGRÖSSERN

Nachdem wir dies getan haben, fragen wir uns: Was machen wir jetzt? Auch wenn es schwer zu glauben scheint, dass wir ein CRUD basic, wir müssen es nur ausprobieren, dafür erhöhen wir unseren Service nochmal mit Segel heben und wir gehen zu der Adresse, die wir zuvor angegeben haben, aber diesmal greifen wir auf unseren Benutzerpfad zu, mal sehen:

Wie wir sehen, haben wir keinen Benutzer, eine Situation, die wir schnell ändern können. Sails.js ermöglicht es uns, die Werte, die wir benötigen, direkt aus dem Browser zu erstellen, dafür setzen wir Folgendes:

http: // localhost: 1337 / user / create?name = Jonathan Acosta

Diese Aktion erstellt unseren ersten Benutzer in der Anwendung. Wenn wir nachsehen, müssen wir das einzuschließende Attribut mit dieser Notation definieren, da es diese Werte als a . verarbeitet JSON, mal sehen die antwort von Segel wenn wir diese URL in unserem Browser ausführen:

Wir fügen einige weitere Benutzer hinzu, stellen jedoch fest, dass wir einen falschen Namen geschrieben haben, es ist kein Problem, ihn zu ändern, dafür geben wir Folgendes in unsere URL ein und der Wert wird problemlos aktualisiert:

http: // localhost: 1337 / user / update / 5? name = Manuel% 20Perez

Wie wir sehen, unterscheidet es sich nicht sehr von unserer vorherigen Operation. Wichtig ist zu beachten, dass wir die Benutzer-ID und den neuen Wert des zu ändernden Attributs senden müssen, mit dem Segel Sie werden uns wie folgt antworten:

Wenn wir außerdem feststellen, dass einige der von uns eingegebenen Datensätze für unsere Anwendung nicht mehr nützlich sind, können wir sie problemlos löschen. Dazu tun wir nur Folgendes:

http: // localhost: 1337 / user / zerstören / 5

Wir beraten unsere Nutzer und sehen, wie es unseren Nutzer mit der ID 5 nicht mehr gibt:

Diese, die wir gerade gemacht haben, heißen Abkürzungen oder VerknüpfungenFür die Zwecke dieses Tutorials und Anwendungen, die nicht in Produktion sind, können wir dies auf diese Weise tun, es wird jedoch empfohlen, sie aus Sicherheitsgründen zu deaktivieren. Dazu gehen wir zu unserer Datei blueprints.js und wir suchen die Option Verknüpfungen und wir weisen den Wert false zu. Damit beim Versuch zu verwenden erstellen, aktualisieren oder zerstören Durch die URL erhalten wir eine 404-Fehlerseite:

VERGRÖSSERN

Damit beenden wir dieses Tutorial, in dem wir gerade die Spitze des Eisbergs von . gesehen haben Segel.js, ein leistungsstarkes und vielseitiges Framework, das es uns ermöglicht, Anwendungen in Sekundenschnelle zu erstellen, uns die vollständige Kontrolle über unsere Anwendung zu geben und optimale und professionelle Ergebnisse zu erzielen.Hat dir dieses Tutorial gefallen und geholfen?Sie können den Autor belohnen, indem Sie diesen Knopf drücken, um ihm einen positiven Punkt zu geben