Tutto ok.
Quindi iniziamo distribuendo un'applicazione davvero semplice.
Di nuovo ci saranno solo due percorsi per i modelli davvero molto semplici.
La prima cosa che voglio fare è creare questa applicazione.
Quindi lo farò molto velocemente.
Ho creato una nuova cartella chiamata distribuzione demo.
La prima cosa che farò è NPM e.
E ho intenzione di passare attraverso la maggior parte di questi abbastanza rapidamente.
J. S. come mio punto di partenza.
Altrimenti è tutto ciò che dobbiamo fare.
La prossima cosa che farò è NPM install Express e anche tu fai E. J. dash dash di sicurezza e dash dash.
Il salvataggio è particolarmente importante in questo momento quando stiamo implementando.
il nostro pacchetto che Jason vada avanti e aprirlo vogliamo assicurarci
che abbia tutte le nostre dipendenze, perché quello che succede è che manderemo il nostro codice e
il nostro pacchetto che Jason ha usato per il suo Roku usando in realtà è come lo faremo
lo manderemo ai server di Heroku e poi Heroku eseguirà l'installazione di NPM e installerà tutto ciò che c'è nel pacchetto, Jason.
Vogliamo assicurarci che
Quindi in questo caso Ejay us ed express Quindi se ci manca qualcosa se non abbiamo espresso
in questo pacchetto che Jason Heroku non saprebbe installarlo.
Quindi la chiave è che in realtà non stiamo inviando la directory dei moduli del nodo.
Questo non va fino a Roku perché non c'è motivo di farlo che sia un
punto di NPM invece di inviare questi file giganti e le intere directory dell'intero modulo di Express.
Tutto ciò che facciamo è inviare il pacchetto che Jason che contiene le istruzioni o la ricetta di cui abbiamo bisogno Express ne
abbiamo bisogno.
Sì.
Una sorta di lista della spesa e poi Heroku andrà a scaricare tutto questo.
Quindi vogliamo solo assicurarci che tutto sia qui.
In questo caso è davvero breve e semplice, ma quando arriviamo al campo di Yelp vogliamo fare un controllo
approfondito per assicurarci che tutto sia lì.
Se dimentichi qualcosa non è la fine del mondo.
Ti mostrerò come farlo lo romperò deliberatamente.
Una volta sistemato il campo, puoi vedere come lo aggiusti.
Va bene, quindi la prossima cosa che voglio fare è creare la mia app J J. S. e poi creerò anche la directory
di View.
E poi, mentre sono qui, facciamo delle viste e facciamo solo il papà a casa E. J. Sì.
E l'altro chiamerà su quel E. J. Sì.
Grande.
Quindi solo due visualizzazioni.
Li riempiremo con cose davvero semplici.
Quindi, cosa stiamo per distribuire di nuovo.
Un'applicazione con due percorsi due modelli che saranno orribili.
Knowsley valuta solo il minimo indispensabile.
Ma si potrebbe prendere questo e sai distribuire un sito
portfolio o implementare un sito blog o qualunque cosa tu faccia che non richiede un backend mongo.
Quindi apriamolo e iniziamo con la
loro app J e in alto.
La prima
cosa che vuoi fare è dire che express equals richiede express e quindi lo faremo equivale a Express che esegue quella funzione.
Mentre siamo qui diremo
all'inizio del motore di visualizzazione di Ejay e quindi tutto ciò che dovremmo aver bisogno di fare ora è dichiarare le nostre corde.
Quindi iniziamo con apt ottenere solo la home page
o il percorso del percorso e faremo solo un rendering di riposo.
E sarà proprio quello che è il nostro modello
di casa redstart a rendere la casa così come farebbe la stessa cosa tranne che per lo slosh e il rendering.
Mi sembra giusto.
Quindi due percorsi con due modelli diversi.
Ora dobbiamo compilare quei modelli.
Quindi, prima facciamo
a casa e riempiendolo.
Quindi farò semplicemente
una home page H-1 e potremo aggiungere qualcosa in seguito, ma iniziamo con quello
e facciamo la stessa cosa per H-1 su Paige.
Tutto ok.
Quindi inizieremo lì.
E l'ultima cosa di cui
abbiamo bisogno prima di poter avviare il nostro server è il nostro dopo ascolto alla fine.
Va bene quindi questa
è la nostra app super semplice che dovrebbe essere rivista da molto presto nella parte Express di questo corso.
Quindi assicuriamoci che le cose funzionino.
Prova a eseguire le app di nodo.
Sì.
Non abbiamo messo un messaggio.
Quindi funziona solo non
sembra molto bello o in realtà non ci dice che sta funzionando, ma è quindi andiamo e anteprima la nostra applicazione.
Oop sembra che abbiamo un piccolo problema, non è stato specificato alcun motore predefinito, non è stata fornita alcuna estensione.
Cosa abbiamo all'inizio.
Visualizza il motore.
E naturalmente l'ho incasinato.
Non dovrebbe essere un trattino il loro motore dello spazio visivo.
Destra.
Quindi proviamo ancora una volta.
Spero che alcuni di voi catturati possano rinfrescarsi.
Puoi anche fare un rapido Questo qui per aprire nel browser.
Potete vedere qui che la nostra applicazione pensa che possiamo effettivamente sbarazzarci di tutto ciò.
Eccoci.
E se vado allo slash, vado sulla pagina.
Quindi sono due involucri super semplici e questo è tutto ciò che faremo.
Forse aggiungeremo un link.
Quindi se andiamo a casa aggiungiamo un tag di ancoraggio A-Trak dovrebbe essere solo una barra.
Vai alla pagina About e poi lo rimettiamo in copia o lo copiamo
alla pagina About e abbiamo un link per il solo percorso.
Andare a casa.
OK.
Quindi controlliamo che funzioni.
Vai alla pagina Informazioni.
Andare a casa.
Grande.
Quindi abbiamo due percorsi.
La nostra applicazione è fatta.
Impressionante applicazione giusta.
Quindi chiuderò qui quaggiù credo.
Eccoci.
E la prossima cosa che faremo in realtà è lavorare sulla distribuzione di questo.
Quindi abbiamo finito con l'app stessa.
Ancora una volta non è eccitante, ma è
la stessa identica idea se stai facendo una bella applicazione con stile o una super semplice app per esprimere app.
I concetti sono lo stesso identico codice per quanto riguarda la distribuzione