Primii pași cu Sails.js

JavaScript evoluează exponențial, nu numai poziționându - se ca bază pentru evoluțiile din partea În față cu ajutorul diferitelor cadre și tehnologii, dar și făcând acest lucru pentru Back-End, asta datorită introducerii celebrei platforme Node.js și toate beneficiile care îi vin inerente.
În prezent, avem cadre care ne ajută să lucrăm eficient cu aceste tehnologii, iar una dintre acestea este Sails.js, care nu este altceva decât un cadru MVC orientat spre back-end și cuprinde concepte precum REST, HTTP sau WebSockets, permițându-ne de la dezvoltarea API-urilor, servirea fișierelor HTML până la gestionarea mai multor cereri din aplicațiile noastre.
1- Pentru a efectua exercițiile și exemplele propuse în acest tutorial trebuie să avem o instalare cu cea mai recentă versiune de Node.js. Acest lucru este foarte ușor de obținut, în acest caz vom folosi programul de instalare Windows pe care le primim direct pe site-ul oficial al Node.js, acesta rulează ca orice instalator și apoi generează un acces direct la consolă Node.js unde putem executa scripturile necesare. Dacă nu știm nimic despre Node.js și vrem să aruncăm o privire mai întâi, vă recomandăm să aruncați o privire la următorul tutorial.
2- Avem nevoie de un editor de text bogat în stilul Text sublim sau NotePad ++ pentru a putea scrie codul necesar pentru a îndeplini exemplele și exercițiile pe care le vom arăta.
3- În cele din urmă, avem nevoie de acces la Internet pentru a putea descărca Sails.js macar odata.
Instalarea de Sails.js Este la fel de simplu ca rularea unei linii de comandă în consola noastră Node.js. O deschidem și folosim managerul de pachete Node.js pentru a instala introducând următoarele:

npm -g instalați velele

Executăm comanda noastră, care poate dura câteva minute în timp ce verifică dependențele și efectuează instalarea a tot ceea ce este necesar pentru cadrul nostru:

După finalizarea procesului, creăm o nouă aplicație pentru a verifica dacă totul a mers fără probleme cu următoarea comandă:

lansează un nou proiect

Ceea ce ar trebui să ne ofere un mesaj de succes cu numele aplicației noastre așa cum putem vedea în următoarea imagine:

În plus, dacă ne poziționăm în aplicația noastră și listăm directorul, putem vedea toate fișierele generate de aceasta:

În cele din urmă, trebuie doar să ne ridicăm serverul, pentru a face acest lucru în timp ce în aplicație executăm următoarea comandă:

ridica pânzele

Cu aceasta ne-am ridicat deja serverul, oferindu-ne mai multe mesaje interesante, cum ar fi înconjurător care în acest caz este dezvoltarea și port unde rulează aplicația, adică 1337, deschidem browserul preferat și vizităm următoarea adresă http: localhost: 1337 care ar trebui să arate astfel:

MARI

După cum putem vedea, avem o vizualizare care afișează în mod implicit casa, care conține, printre altele, pașii următori pentru a continua calea noastră în acest cadru. După ce am verificat deja că totul funcționează corect, vom face o paranteză pentru a cunoaște puțin despre structura aplicației noastre și cu ce avem la dispoziție pentru a lucra.
Sails.js Este un cadru destul de complet pentru care generează o serie de directoare și fișiere importante pentru dezvoltarea noastră, să vedem:
Acesta este directorul în care controlere Da Modele din aplicația noastră, în plus un director numit politici unde sunt definite regulile de autorizare și control al accesului.
De asemenea, avem directorul răspunsuri unde sunt gestionate răspunsurile serverului și în cele din urmă Servicii Ne putem gândi la acesta ca la directorul în care se află bibliotecile, care conțin funcții care ne ajută să realizăm diferite funcționalități în aplicația noastră.
active consultați acele fișiere statice precum js, css, imagini etc.., care sunt pe serverul nostru și că dorim ca acestea să fie accesibile extern. În Sails.js aceste fișiere sunt plasate în director active, care are o funcționalitate pentru procesarea și sincronizarea acestor fișiere și plasarea lor într-un folder temporar de fiecare dată când lansăm aplicația noastră, unde conținutul acestui folder temporar este ceea ce Sails.js se ocupă de servire.
Apoi avem directorul nostru de configurare, care conține două subdirectoare și un număr destul de mare de fișiere destinate configurării aplicației noastre. Primul director este env, care are două fișiere, unul pentru a defini parametrii atunci când lucrăm în dezvoltare și celălalt în producție. Al doilea director se numește local și ne permite să ne creăm JSON cu diferitele limbi gestionate de aplicație.
Unul dintre cele mai importante fișiere din director config Este cel numit connections.js care permite gestionarea diferitelor conexiuni la Baze de date, conexiunile sunt deja definite și trebuie doar să adăugăm parametrii conexiunii. Asta pentru ca Sails.js vine deja implicit cu Linia de plutire un puternic ORM pentru gestionarea operațiunilor cu baze de date relaționale și nu relații ca atare.
De aceea putem avea conexiuni la o bază de date MySQL:

someMysqlServer: {adapter: 'sails-mysql', host: 'YOUR_MYSQL_SERVER_HOSTNAME_OR_IP_ADDRESS', utilizator: 'YOUR_MYSQL_USER', parolă: 'YOUR_MYSQL_PASSWORD', bază de date: 'YOUR_MYSQL_DB'},

La o bază de date noSQL ca MongoDB:

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

Sau chiar PostgreSQL:

somePostgresqlServer: {adaptor: 'sails-postgresql', gazdă: 'YOUR_POSTGRES_SERVER_HOSTNAME_OR_IP_ADDRESS', utilizator: 'YOUR_POSTGRES_USER', parolă: 'YOUR_POSTGRES_PASSWORD', bază de date: 'YOUR_POSTGRES_D

Trebuie doar să instalăm dependențele pentru Bază de date avem nevoie și vom fi gata să lucrăm cu Sails.js repede și ușor.
Director sarcini conține câteva reguli pentru aplicația noastră, dar în ceea ce privește modul în care sunt tratate unele fișiere, de exemplu fișierul pipeline.js definește în ce ordine ar trebui să fie compilate js, css și șabloanele noastre și apoi legate și deservite de vizualizările din aplicația noastră.
În plus, în acest director avem câteva funcții destul de utile, cum ar fi un fișier care este responsabil pentru efectuarea procesului de minificare la noi css și chiar unul care folosește CoffeeScript pentru a compila codul JavaScript.
În cele din urmă avem opiniile noastre, care nu sunt altceva decât șabloane care sunt compilate pe server și sunt servite ca pagini HTML, unde de cele mai multe ori aceste vizualizări sunt rezultatul unei cereri HTTP a sluji la fel.
După ce ne-am familiarizat deja un pic mai mult cu cadrul nostru și fișierele pe care le avem la dispoziție, vom continua cu cazul practic al acestui tutorial și vom demonstra astfel puterea și versatilitatea Sails.js.
Cu aplicația noastră creată o vom folosi pentru a genera un API REST, pentru aceasta verificăm că nu avem încă rulat serverul nostru, dacă da, îl oprim cu CTRL + C. Apoi ne poziționăm în aplicația noastră și executăm următoarea comandă:

pânzele generează utilizator api

Cu care consola va răspunde cu un mesaj de succes despre noul nostru api creat, care va genera suplimentar două fișiere noi legate de acest proces, un model și bineînțeles un controler.

MARI

Acum că am făcut acest lucru ne întrebăm: Ce facem acum? Deși poate părea dificil să credem că am generat un CRUD de bază, trebuie doar să o încercăm, pentru aceasta ne ridicăm din nou serviciul ridica pânzele și mergem la adresa pe care am furnizat-o anterior, dar de data aceasta vom accesa calea noastră de utilizator, să vedem:

După cum putem vedea, nu avem niciun utilizator, situație pe care o putem schimba rapid, Sails.js ne permite să creăm valorile de care avem nevoie direct din browser, pentru aceasta punem următoarele:

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

Această acțiune va crea primul nostru utilizator în aplicație, dacă ne uităm trebuie să definim atributul pentru a include utilizarea acelei notații, deoarece procesează acele valori ca JSON, să vedem răspunsul lui Vele când rulăm această adresă URL în browserul nostru:

Mai adăugăm câțiva utilizatori, dar ne dăm seama că am scris un nume greșit, nu există nicio problemă, îl putem modifica, pentru aceasta punem următoarele în adresa URL și valoarea va fi actualizată fără nicio problemă:

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

După cum putem vedea, nu variază prea mult de la operația noastră anterioară, ceea ce este important de reținut este că trebuie să trimitem ID-ul de utilizator și noua valoare a atributului de modificat, cu care Vele Ne veți răspunde după cum urmează:

În plus, dacă unele înregistrări pe care le-am introdus decidem că nu mai este utilă pentru aplicația noastră, o putem elimina fără probleme, pentru aceasta facem doar următoarele:

http: // localhost: 1337 / user / destroy / 5

Ne consultăm utilizatorii și vedem cum utilizatorul nostru cu ID 5 nu mai există:

Acestea pe care tocmai le-am făcut se numesc comenzi rapide sau comenzi rapideÎn scopul acestui tutorial și al aplicațiilor care nu sunt în producție, putem face acest lucru, cu toate acestea este recomandat să fie dezactivate pentru securitate, pentru aceasta mergem la fișierul nostru blueprints.js și căutăm opțiunea comenzi rapide și atribuim valoarea false. Cu asta când încerci să folosești creați, actualizați sau distrugeți prin adresa URL ne va oferi o pagină de eroare 404:

MARI

Cu aceasta încheiem acest tutorial, unde tocmai am văzut vârful aisbergului Sails.js, un cadru puternic și versatil care ne permite să construim aplicații în câteva secunde, oferindu-ne control total asupra aplicației noastre, obținând rezultate optime și profesionale.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv