Sommario
JavaScript sta evolvendo in modo esponenziale, non solo posizionandosi come base per sviluppi dalla parte del Fine frontale con l'aiuto di diversi framework e tecnologie ma anche facendolo per il back-end, questo grazie all'introduzione della famosa piattaforma Nodo.js e tutti i benefici che ne derivano.Attualmente disponiamo di framework che ci aiutano a lavorare in modo efficiente con queste tecnologie e uno di questi è Sails.js, che non è altro che un framework MVC orientato al back-end e comprende concetti come REST, HTTP o WebSocket, che ci consente di sviluppare API, servire file HTML e gestire più richieste nelle nostre applicazioni.
1- Per eseguire gli esercizi e gli esempi proposti in questo tutorial dobbiamo avere un'installazione con la versione più recente di Nodo.js. Questo è molto facile da ottenere, in questo caso useremo l'installer finestre che otteniamo direttamente sul sito ufficiale di Nodo.js, funziona come qualsiasi programma di installazione e quindi genera un accesso diretto alla console Nodo.js dove possiamo eseguire gli script necessari. Se non sappiamo nulla di Nodo.js e vogliamo prima dare un'occhiata, ti consigliamo di dare un'occhiata al seguente tutorial.
2- Abbiamo bisogno di un editor di testo RTF nello stile di Testo sublime o Blocco note ++ essere in grado di scrivere il codice necessario per soddisfare gli esempi e gli esercizi che mostreremo.
3- Infine abbiamo bisogno dell'accesso a Internet per poter scaricare Sails.js ancora una volta.
L'installazione di Sails.js È semplice come eseguire una riga di comando nella nostra console Nodo.js. Lo apriamo e usiamo il gestore di pacchetti Nodo.js da installare digitando quanto segue:
npm -g installa le veleEseguiamo il nostro comando, che potrebbe richiedere alcuni minuti mentre verifica le dipendenze ed esegue l'installazione di tutto il necessario per il nostro framework:
Dopo aver terminato il processo, creiamo una nuova applicazione per verificare che tutto sia andato per il meglio con il seguente comando:
salpa nuovo progettoIl che dovrebbe darci un messaggio di successo con il nome della nostra applicazione, come possiamo vedere nell'immagine seguente:
Inoltre, se ci posizioniamo nella nostra applicazione ed elenchiamo la directory, possiamo vedere tutti i file generati da essa:
Infine, dobbiamo solo alzare il nostro server, per farlo mentre nell'applicazione eseguiamo il seguente comando:
sollevamento delle veleCon questo avremo già alzato il nostro server, regalandoci diversi messaggi interessanti come il ambiente che in questo caso è lo sviluppo e porta dove è in esecuzione l'applicazione, che è 1337, apriamo il browser di nostra preferenza e visitiamo il seguente indirizzo http: host locale: 1337 che dovrebbe assomigliare a questo:
INGRANDIRE
Come possiamo vedere abbiamo una vista che mostra la home per impostazione predefinita, che contiene, tra l'altro, i seguenti passaggi da eseguire per continuare il nostro percorso in questo framework. Avendo già verificato che tutto funzioni correttamente, faremo una parentesi per conoscere un po' la struttura della nostra applicazione e con cosa abbiamo a disposizione per lavorare.Sails.js È un framework abbastanza completo per il quale genera una serie di directory e file importanti per il nostro sviluppo, vediamo:
Questa è la directory in cui il controllori sì Modelli della nostra applicazione, oltre a una directory chiamata politiche è qui che vengono definite le regole di autorizzazione e di controllo degli accessi.
Abbiamo anche la directory risposte dove vengono gestite le risposte del server e infine Servizi Possiamo pensarla come la directory in cui si trovano le librerie, che contengono funzioni che ci aiutano a ottenere diverse funzionalità nella nostra applicazione.
Il risorse fare riferimento a quei file statici come js, css, immagini, ecc., che sono sul nostro server e che vogliamo che siano accessibili dall'esterno. Nel Sails.js questi file sono posti nella directory risorse, che ha una funzionalità per elaborare e sincronizzare questi file e inserirli in una cartella temporanea ogni volta che avviamo la nostra applicazione, dove il contenuto di questa cartella temporanea è quello Sails.js è incaricato di servire.
Quindi abbiamo la nostra directory di configurazione, che contiene due sottodirectory e un numero abbastanza elevato di file destinati alla configurazione della nostra applicazione. La prima directory è env, che ha due file, uno per definire i parametri quando si lavora in sviluppo e l'altro in produzione. La seconda directory si chiama Locale e ci permette di creare il nostro JSON con le diverse lingue gestite dall'applicazione.
Uno dei file più importanti nella directory config È quello chiamato connection.js che permette di gestire le diverse connessioni a Banche dati, le connessioni sono già definite e non ci resta che aggiungere i parametri di connessione. Questo è perché Sails.js viene già fornito di default con Linea di galleggiamento un potente ORM per la gestione di operazioni con database relazionali e non relazioni in quanto tali.
Ecco perché possiamo avere connessioni a un database MySQL:
someMysqlServer: {adapter: 'sails-mysql', host: 'YOUR_MYSQL_SERVER_HOSTNAME_OR_IP_ADDRESS', utente: 'YOUR_MYSQL_USER', password: 'YOUR_MYSQL_PASSWORD', database: 'YOUR_MYSQL_DB'},A un database noSQL come MongoDB:
someMongodbServer: {adapter: 'sails-mongo', host: 'localhost', port: 27017, // utente: 'username', // password: 'password', // database: 'your_mongo_db_name_here'},O anche PostgreSQL:
somePostgresqlServer: {adapter: 'sails-postgresql', host: 'YOUR_POSTGRES_SERVER_HOSTNAME_OR_IP_ADDRESS', utente: 'YOUR_POSTGRES_USER', password: 'YOUR_POSTGRES_PASSWORD', database: 'YOUR_POSTGRES_DB'}Dobbiamo solo installare le dipendenze per il Banca dati abbiamo bisogno e saremo pronti a lavorare con Sails.js rapidamente e facilmente.
Elenco compiti contiene alcune regole per la nostra applicazione ma per quanto riguarda il modo in cui vengono gestiti alcuni file, ad esempio il file pipeline.js definisce in quale ordine i nostri js, css e modelli dovrebbero essere compilati e quindi collegati e serviti dalle viste nella nostra applicazione.
Inoltre, in questa directory abbiamo alcune funzioni molto utili come un file che è responsabile dell'esecuzione del processo di minificazione al nostro css e anche uno che usa CoffeeScript per compilare il codice JavaScript.
Finalmente abbiamo le nostre viste, che non sono altro che modelli che vengono compilati sul server e sono serviti come pagine HTML, dove la maggior parte delle volte queste visualizzazioni sono il risultato di una richiesta HTTP servire lo stesso.
Avendo già familiarizzato un po' di più con il nostro framework e i file che abbiamo a nostra disposizione, continueremo con il caso pratico di questo tutorial e dimostreremo così la potenza e la versatilità di Sails.js.
Con la nostra applicazione creata la useremo per generare un API REST, per questo verifichiamo che non abbiamo ancora il nostro server in esecuzione, in tal caso lo fermiamo con CTRL + C. Quindi ci posizioniamo all'interno della nostra applicazione ed eseguiamo il seguente comando:
le vele generano l'utente APICon cui la console risponderà con un messaggio di successo sul nostro nuovo api creato, che genererà inoltre due nuovi file relativi a questo processo, un modello e, naturalmente, un controller.
INGRANDIRE
Ora che abbiamo fatto questo ci chiediamo: cosa facciamo adesso? Anche se può sembrare difficile credere che abbiamo generato un CRUD basic, non ci resta che provarlo, per questo alziamo nuovamente il nostro servizio con sollevamento delle vele e andiamo all'indirizzo che abbiamo fornito in precedenza, ma questa volta accediamo al nostro percorso utente, vediamo:Come possiamo vedere non abbiamo alcun utente, una situazione che possiamo cambiare rapidamente, Sails.js ci consente di creare i valori di cui abbiamo bisogno direttamente dal browser, per questo mettiamo quanto segue:
http: // localhost: 1337 / utente / crea? nome = Jonathan AcostaQuesta azione creerà il nostro primo utente nell'applicazione, se guardiamo dobbiamo definire l'attributo da includere usando quella notazione poiché elabora quei valori come un JSON, vediamo la risposta di Vele quando eseguiamo questo URL nel nostro browser:
Aggiungiamo altri utenti, ma ci rendiamo conto di aver scritto un nome sbagliato, non c'è problema possiamo modificarlo, per questo inseriamo quanto segue nel nostro URL e il valore verrà aggiornato senza alcun problema:
http: // localhost: 1337 / utente / aggiornamento / 5? nome = Manuel% 20PerezCome possiamo vedere, non varia molto dalla nostra operazione precedente, ciò che è importante notare è che dobbiamo inviare l'ID utente e il nuovo valore dell'attributo da modificare, con cui Vele Ci risponderai come segue:
Inoltre, se alcuni dei record che abbiamo inserito decidiamo che non è più utile per la nostra applicazione, possiamo eliminarli senza problemi, per questo facciamo solo quanto segue:
http: // localhost: 1337 / utente / distrugge / 5Consultiamo i nostri utenti e vediamo come il nostro utente con ID 5 non esiste più:
Queste che abbiamo appena fatto si chiamano scorciatoie o scorciatoieAi fini di questo tutorial e delle applicazioni che non sono in produzione possiamo farlo in questo modo, tuttavia si consiglia di disattivarli per sicurezza, per questo andiamo al nostro file progetti.js e cerchiamo l'opzione scorciatoie e assegniamo il valore false. Con questo quando si cerca di usare creare, aggiornare o distruggere dall'URL ci darà una pagina di errore 404:
INGRANDIRE
Con questo finiamo questo tutorial, dove abbiamo appena visto la punta dell'iceberg di Sails.js, un framework potente e versatile che ci consente di creare applicazioni in pochi secondi, dandoci il controllo totale sulla nostra applicazione, ottenendo risultati ottimali e professionali.Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo