Premiers pas avec Sails.js

JavaScript évolue de façon exponentielle, non seulement se positionnant comme base de développements du côté de la L'extrémité avant à l'aide de différents frameworks et technologies, mais aussi pour le Back-End, ceci grâce à l'introduction de la célèbre plateforme Node.js et tous les avantages qui en découlent.
Actuellement, nous avons des frameworks qui nous aident à travailler efficacement avec ces technologies, et l'un d'entre eux est Voiles.js, qui n'est rien de plus qu'un framework MVC orienté Back-End et englobe des concepts tels que REST, HTTP ou WebSockets, nous permettant du développement d'API, de servir des fichiers HTML à la gestion de plusieurs requêtes dans nos applications.
1- Pour réaliser les exercices et exemples proposés dans ce tutoriel nous devons avoir une installation avec la version la plus récente de Node.js. Ceci est très facile à obtenir, dans ce cas nous allons utiliser l'installateur les fenêtres que nous obtenons directement sur le site officiel de Node.js, cela s'exécute comme n'importe quel installateur et génère ensuite un accès direct à la console Node.js où nous pouvons exécuter les scripts nécessaires. Si nous ne savons rien de Node.js et nous voulons d'abord jeter un œil, nous vous recommandons de jeter un œil au tutoriel suivant.
2- Nous avons besoin d'un éditeur de texte riche dans le style de Texte sublime ou alors Bloc-notes ++ être capable d'écrire le code nécessaire pour réaliser les exemples et exercices que nous allons montrer.
3- Enfin, nous avons besoin d'un accès Internet pour pouvoir télécharger Voiles.js même une fois.
L'installation de Voiles.js C'est aussi simple que d'exécuter une ligne de commande dans notre console Node.js. Nous l'ouvrons et utilisons le gestionnaire de paquets Node.js à installer en tapant ce qui suit :

npm -g installer des voiles

Nous exécutons notre commande, ce qui peut prendre quelques minutes pendant qu'elle vérifie les dépendances et effectue l'installation de tout le nécessaire pour notre framework :

Après avoir terminé le processus, nous créons une nouvelle application pour vérifier que tout s'est bien passé avec la commande suivante :

voiles nouveau projet

Ce qui devrait nous donner un message de réussite avec le nom de notre application comme on peut le voir sur l'image suivante :

De plus, si nous nous positionnons dans notre application et listons le répertoire, nous pouvons voir tous les fichiers générés par celle-ci :

Enfin, nous n'avons qu'à lever notre serveur, pour ce faire pendant que dans l'application nous exécutons la commande suivante :

ascenseur de voiles

Avec cela, nous aurons déjà élevé notre serveur, nous donnant plusieurs messages intéressants tels que le ambiant qui dans ce cas est le développement et Port où l'application est en cours d'exécution, qui est 1337, nous ouvrons le navigateur de notre préférence et visitons l'adresse suivante http : hôte local : 1337 qui devrait ressembler à ceci :

AGRANDIR

Comme on peut le voir nous avons une vue qui affiche la maison par défaut, qui contient, entre autres, les étapes suivantes à effectuer pour continuer notre chemin dans ce cadre. Après avoir déjà vérifié que tout fonctionne correctement, nous allons faire une parenthèse pour en savoir un peu plus sur la structure de notre application et sur ce dont nous disposons pour travailler.
Voiles.js C'est un framework assez complet pour lequel il génère un certain nombre de répertoires et de fichiers importants pour notre développement, voyons :
Il s'agit du répertoire dans lequel le contrôleurs Oui Des modèles de notre application, en plus d'un répertoire appelé Stratégies c'est là que sont définies les règles d'autorisation et de contrôle d'accès.
Nous avons aussi l'annuaire réponses où les réponses du serveur sont gérées et enfin prestations de service Nous pouvons le considérer comme le répertoire où se trouvent les bibliothèques, qui contiennent des fonctions qui nous aident à réaliser différentes fonctionnalités dans notre application.
Les les atouts se référer à ces fichiers statiques tels que js, css, images, etc.., qui sont sur notre serveur et que nous souhaitons qu'ils soient accessibles en externe. Dans Voiles.js ces fichiers sont placés dans le répertoire les atouts, qui a une fonctionnalité pour traiter et synchroniser ces fichiers et les placer dans un dossier temporaire chaque fois que nous lançons notre application, où le contenu de ce dossier temporaire est quoi Voiles.js est chargé de servir.
Ensuite, nous avons notre répertoire config, qui contient deux sous-répertoires et un assez grand nombre de fichiers destinés à la configuration de notre application. Le premier répertoire est env, qui possède deux fichiers, l'un pour définir les paramètres lorsque l'on travaille en développement et l'autre en production. Le deuxième répertoire s'appelle local et nous permet de créer notre JSON avec les différentes langues gérées par l'application.
L'un des fichiers les plus importants du répertoire configuration C'est celui appelé connections.js qui permet de gérer les différentes connexions à Base de données, les connexions sont déjà définies et il suffit d'ajouter les paramètres de connexion. Ceci est dû au fait Voiles.js vient déjà par défaut avec Ligne de flottaison une puissante ORM pour gérer les opérations avec les bases de données relationnelles et non les relations en tant que telles.
C'est pourquoi nous pouvons avoir des connexions à une base de données MySQL:

someMysqlServer : {adaptateur : 'sails-mysql', hôte : 'YOUR_MYSQL_SERVER_HOSTNAME_OR_IP_ADDRESS', utilisateur : 'YOUR_MYSQL_USER', mot de passe : 'YOUR_MYSQL_PASSWORD', base de données : 'YOUR_MYSQL_DB'},

Vers une base de données noSQL comme MongoDB:

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

Ou PostgreSQL:

somePostgresqlServer : {adaptateur : 'sails-postgresql', hôte : 'YOUR_POSTGRES_SERVER_HOSTNAME_OR_IP_ADDRESS', utilisateur : 'YOUR_POSTGRES_USER', mot de passe : 'YOUR_POSTGRES_PASSWORD', base de données : 'YOUR_POSTGRES_DB'}

Nous n'avons qu'à installer les dépendances pour le Base de données nous avons besoin et nous serons prêts à travailler avec Voiles.js rapidement et facilement.
Annuaire Tâches contient des règles pour notre application mais quant à la façon dont certains fichiers sont traités, par exemple le fichier pipeline.js définit dans quel ordre nos js, css et modèles doivent être compilés, puis liés et servis par les vues de notre application.
De plus, dans ce répertoire, nous avons des fonctions très utiles telles qu'un fichier chargé d'effectuer le processus de minification de notre css et même un qui utilise CoffeeScript compiler du code JavaScript.
Enfin, nous avons nos vues, qui ne sont rien de plus que des modèles compilés sur le serveur et servis sous forme de pages HTML, où la plupart du temps ces vues sont le résultat d'une demande HTTP pour servir la même chose.
Après nous être déjà familiarisés un peu plus avec notre framework et les fichiers que nous avons à notre disposition, nous allons continuer avec le cas pratique de ce tutoriel et ainsi démontrer la puissance et la polyvalence de Voiles.js.
Avec notre application créée, nous l'utiliserons pour générer un API REST, pour cela nous vérifions que nous n'avons pas encore notre serveur en cours d'exécution, si c'est le cas nous l'arrêtons avec CTRL + C. Puis nous nous positionnons au sein de notre application et exécutons la commande suivante :

les voiles génèrent un utilisateur api

Avec lequel la console répondra avec un message de réussite sur notre nouveau api créé, qui générera en plus deux nouveaux fichiers liés à ce processus, un modèle et bien sûr un contrôleur.

AGRANDIR

Maintenant que nous avons fait cela, nous nous demandons : que faisons-nous maintenant ? Bien qu'il puisse sembler difficile de croire que nous avons généré un CRUD basique, il suffit d'essayer, pour cela nous augmentons à nouveau notre service avec ascenseur de voiles et nous allons à l'adresse que nous avons précédemment fournie, mais cette fois nous allons accéder à notre chemin utilisateur, voyons :

Comme nous pouvons le voir nous n'avons aucun utilisateur, une situation que nous pouvons changer rapidement, Sails.js nous permet de créer les valeurs dont nous avons besoin directement depuis le navigateur, pour cela nous mettons ce qui suit :

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

Cette action créera notre premier utilisateur dans l'application, si nous regardons, nous devons définir l'attribut à inclure en utilisant cette notation car il traite ces valeurs comme un JSON, voyons la réponse de Voiles lorsque nous exécutons cette URL dans notre navigateur :

Nous ajoutons d'autres utilisateurs, mais nous nous rendons compte que nous avons écrit un mauvais nom, il n'y a aucun problème, nous pouvons le modifier, pour cela nous mettons ce qui suit dans notre URL et la valeur sera mise à jour sans aucun problème :

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

Comme on peut le voir, cela ne varie pas beaucoup de notre opération précédente, ce qui est important de noter c'est qu'il faut envoyer l'ID utilisateur et la nouvelle valeur de l'attribut à modifier, avec laquelle Voiles Vous nous répondrez comme suit :

De plus, si certains des enregistrements que nous avons saisis, nous décidons qu'ils ne sont plus utiles pour notre application, nous pouvons les éliminer sans problème, pour cela nous faisons uniquement ce qui suit :

http://localhost:1337/user/detruire/5

Nous consultons nos utilisateurs et voyons comment notre utilisateur avec ID 5 n'existe plus :

Ceux que nous venons de faire s'appellent des raccourcis ou raccourcisPour les besoins de ce tutoriel et des applications qui ne sont pas en production, nous pouvons procéder de cette manière, cependant il est recommandé de les désactiver pour des raisons de sécurité, pour cela nous allons dans notre fichier blueprints.js et nous cherchons l'option raccourcis et nous attribuons la valeur false. Avec cela lorsque vous essayez d'utiliser créer, mettre à jour ou détruire par l'URL, cela nous donnera une page d'erreur 404 :

AGRANDIR

Avec cela, nous terminons ce tutoriel, où nous venons de voir la pointe de l'iceberg de Voiles.js, un cadre puissant et polyvalent qui nous permet de créer des applications en quelques secondes, nous donnant un contrôle total sur notre application, obtenant des résultats optimaux et professionnels.Avez-vous aimé et aidé ce tutoriel ?Vous pouvez récompenser l'auteur en appuyant sur ce bouton pour lui donner un point positif