Va bene ragazzi.
Ecco il momento della verità.
Non è divertente creare un'app Web per iscriversi a una newsletter se possiamo registrarci solo tramite l'host locale.
Quindi distribuiamo la nostra app Web in modo da poter inviare a chiunque il link e che possano accedere al
nostro server per iscriversi alla nostra newsletter e sbarazzarci di questo business host locale perché non stiamo più implementando
solo siti web statici.
Non possiamo usare get pagine hub o server che supportano solo contenuti statici a meno che non vogliamo costruire
il nostro stack di servizi e vivere con server rumorosi in esecuzione 24/7.
E credimi, è davvero rumoroso e fa molto caldo.
L'ho già fatto ed è molto divertente ma nessuno vorrà mai vivere con te se non sei in
Islanda o qualcosa del genere.
Acquistare e configurare i propri server richiede molto lavoro perché è necessario mantenerlo attivo 24 ore su 24, 7 giorni su 7.
È necessario mantenere il software e risolvere tutti i problemi che si verificano e ci sono molti problemi.
Invece affitteremo alcuni server da qualcun altro in modo che possano avere tutta la seccatura e la sofferenza di mantenere
i nostri server attivi e assicurarsi che le persone possano accedervi attraverso il web in tutto il mondo.
Quindi alcune delle persone migliori che forniscono il servizio è Heroku e la parte migliore è che ti permettono
di affittare i loro server gratuitamente in modo da poter creare fino a cinque progetti gratuitamente con loro e ospiteranno il tuo
server per mantenere attivo il tuo sito Web la rete.
E una volta che l'app diventa popolare e hai molte e molte richieste al tuo server, puoi ridimensionarlo
in modo dinamico con Heroku praticamente semplicemente usando una barra di scorrimento e immediatamente puoi accedere a
più server che possono rispondere alle richieste da più i browser.
E questo è quando sei arrivato nel mondo e sei diventato Pokémon Go o qualche successo enorme, possono
supportare anche il tuo successo.
E solo a quel punto inizi a pagarli per quel privilegio.
Quindi ovviamente la prima app sta registrando per i loro servizi e non è necessario fornire una carta di credito
ed è completamente gratuito registrarsi.
Quindi, se non hai un account Heroku, registrati subito.
E una volta che hai finito, puoi andare avanti e accedere al tuo account e atterrerai sulla tua dashboard.
Ora Heroku ha un'ottima documentazione che puoi trovare su Def center dot Heroku dot com e possiamo
fare clic sul pulsante Inizia per dare un'occhiata a questa guida passo passo per distribuire la nostra prima app.
Quindi non sceglieremo Jess perché è su questo che si basa il nostro codice.
E useremo quella guida passo passo per caricare il nostro codice e rendere attivo il nostro server.
Quindi il primo passo è scaricare l'interfaccia della riga di comando dell'uragano.
Quindi, quando fai clic su di esso, dovrebbe automaticamente scegliere per te la versione giusta, che si tratti di Michael
Windows o di altri sistemi.
E una volta eseguita la procedura guidata e installata, puoi iniziare a utilizzare il comando Heroku
dalla tua shell dei comandi.
Quindi sarà iper per noi.
Quindi, una volta installato, dovresti essere in grado di scrivere il login di Heroku e dovrai inserire la tua e-mail e la
password con cui ti sei registrato ad Heroku.
Quindi non dimenticare quelle cose.
Ora, una volta autenticato, possiamo procedere e fare gli altri controlli di versione.
Quindi, ad esempio, puoi verificare la versione di tutto ciò che hai installato semplicemente scrivendo l'elemento dì il
suo Roku e puoi dire la versione del trattino.
Quindi Heroku è attualmente aggiornato e sta eseguendo sette punti zero punto quarantuno.
Ora la prossima cosa è che stanno dicendo che questo tutorial funzionerà per qualsiasi versione di nodo
maggiore di 8.
Quindi possiamo verificare che su Node la versione sia maggiore di 8.
Ed è otto punti undici punto uno.
Così perfetta.
L'altra cosa è che NPM è installato con il nodo, quindi assicuriamoci di avere effettivamente NPM in modo da
poter vedere la versione del trattino NPM e, naturalmente, se hai un vergine, ciò significa che questo
elemento è ovviamente installato.
L'ultima cosa da controllare è get e assicurarsi che abbiamo installato get.
E se ne hai uno puoi semplicemente fare clic su questo link e puoi andare avanti e scaricare per il
tuo sistema e installarlo.
Quindi copriremo get e otterremo hub in modo molto più dettagliato nel prossimo modulo.
Ma al momento useremo questo tutorial per avere tutto attivo e funzionante.
E dopo aver verificato tutti e tre questi elementi e tutto è pronto, possiamo fare clic e confermare e andare
al passaggio successivo.
Quindi il prossimo passo è preparare la nostra app così nel loro caso ti stanno chiedendo di usare la loro app di esempio che
è qualcosa che hanno creato e puoi vedere il codice qui.
Ha un po 'di codice nodo e ti consente di testare Heroku ma nel nostro caso in realtà vogliamo distribuire la
nostra app attuale che è il sito Web di iscrizione alla newsletter.
Quindi non seguiremo i loro passi qui.
Invece prepareremo la nostra app.
Ora ci sono un paio di cose che devi fare per aggiornarlo in modo che funzioni su Heroku.
E la prima cosa è all'interno della tua app non G. S..
Attualmente stiamo ascoltando su una porta locale che è la porta tremila.
Ora, una volta caricato il nostro codice sui server Heroku, il nostro codice sarà in esecuzione sul loro sistema e il loro
server potrebbe non voler utilizzare la porta tremila.
Quindi il modo in cui funziona Heroku è che potrebbe scegliere una porta per te.
Quindi per abilitare ciò devi attingere a qualcosa chiamato porta dot EMV punto porta e la porta è in
maiuscolo.
Quindi questa è sostanzialmente una porta dinamica che Heroku definirà in movimento.
Quindi, in qualsiasi momento, potrebbe decidere di distribuire la tua app sulla porta 3000 o 5000 o qualunque altra sia sul
loro sistema locale.
Quindi cambiando la nostra porta in questo ci permetterà di lavorare senza problemi con il loro sistema.
Ma il problema è che se proviamo a eseguirlo ora localmente utilizzando host locali, il nostro computer non
saprà di cosa si tratta perché questo oggetto di processo è definito da Heroku.
Quindi cosa possiamo fare qui se vogliamo eseguirlo sia testando localmente sia distribuendo su Heroku se
vogliamo farlo simultaneamente, quindi possiamo dire alla nostra app di ascoltare su questa porta per Heroku ma
anche aggiungere un remo per dirlo che puoi ascoltare 3000 quando eseguiamo localmente.
Quindi inserendo questo come porta, la nostra app funzionerà sia su Heroku che sul nostro sistema locale.
Quindi ora che abbiamo impostato che andiamo avanti e premiamo save e la prossima cosa che dobbiamo cambiare è
che dobbiamo creare un file proc.
Questo è il file che Heroku controllerà per vedere come avviare la tua app.
Ora al momento stiamo lanciando la nostra app con il Nodo 1 solo in modo che si
aggiorni costantemente in background e aggiorni eventuali modifiche.
Ma normalmente avremmo eseguito un'app usando il nodo di comando e quindi il nome del nostro file server che nel nostro
caso è adatto al GSM.
Quindi, affinché il nostro team possa capire quale comando eseguire per avviare la nostra app, dobbiamo
specificarlo in questo formato, dobbiamo dire Web COLA che è il tipo di processo e quindi il comando che dobbiamo
usare per il lancio è app.
Quindi andiamo avanti e aggiungiamo questo al nostro sito.
Quindi vado al CDE per il nostro progetto che è attualmente nel mio caso sotto l'iscrizione alla newsletter
slash desktop.
E poi, una volta entrato nella directory del progetto, creerò questo file proc.
Ora è davvero importante che se leggi la loro documentazione sul file proc possa essere chiamata come testo
dot file del file proc.
Deve solo essere chiamato proc to file senza estensioni.
E deve essere scritto esattamente allo stesso modo con P maiuscolo.
Quindi assicurati di stare attento quando lo digiti.
E quando crei questo file.
Ora che abbiamo creato questo file, fai clic con il pulsante destro del mouse per aprirlo utilizzando
ATM e qui dentro digiteremo i due punti web e quindi è come inizieremo il nostro processo che sarà l'app nodo
nodo Gesù.
Quindi questo è tutto ciò di cui abbiamo bisogno per dire a Heroku come avviare la nostra app e anche quale file contiene effettivamente il
nostro codice server.
Quindi a volte potresti decidere di nominare questo indice top jazz o rapire jazz o server dot jazz e Heroku non
sa quale sia quello che vuoi usare.
Quindi è importante aggiungere questo file e questa linea.
E il prossimo passo è salvare il nostro lavoro per farlo per poterlo fare.
La prima cosa è assicurarsi che siamo nel posto giusto.
Quindi assicurati che questa parte che viene dopo il nome del tuo laptop sia nella posizione del tuo progetto.
Quindi questo dovrebbe essere il nome delle cartelle del progetto.
Se non è sicuro che C. D. e ricorda che puoi trascinare e rilasciare
una cartella nel terminale in modo che possa navigare verso quell'indirizzo e quell'indirizzo deve essere la cartella che contiene tutto il
tuo pacchetto.
Jason noto moduli e app punto J. S. Questa è la cartella del progetto e
abbiamo confermato che ci troviamo in quella posizione e la prossima cosa che faremo è dire che ci entreremo e
questo inizializzerà un nuovissimo repository get.
Ora è una parolaccia in inglese ma è anche un modo per permetterti di salvare tutte le diverse versioni della tua app
o del tuo codice.
Quindi ricorda che quando scrivevi saggi al liceo o al college risparmiavi il saggio e dicevi
saggio finale e poi ti rendi conto che io ci sono alcuni cambiamenti e poi diventa saggio finale
finale e poi arriva a saggio finale per un vero saggio decisamente definitivo.
E ad un certo punto sfugge al controllo e non sai quali sono effettivamente definitive.
Questo mi è successo così tante volte, ma ottenere e il controllo della versione ti consente di salvare ogni
punto del tuo lavoro.
Quindi è quasi come avere la macchina del tempo per tutti i tuoi progetti in modo che tu possa tornare
indietro in qualsiasi momento in passato e puoi creare rami sperimentali e pasticciare con il tuo codice e ci
sarà tutta quella bontà che verrà fuori nel prossimo modulo.
Ma per ora useremo gli ingranaggi e aggiungeremo tutti i nostri file che si trovano in questo
repository corrente, quindi è stato aggiunto al nostro controllo di versione e il prossimo passo è quello di impegnare le nostre
modifiche a questo Versione corrente.
Quindi questa parola chiave significa che stiamo iniziando una nuova versione, diciamo versione 3 o nel nostro caso è in
realtà la versione 1 perché non abbiamo commesso tutte le nostre modifiche e possiamo anche aggiungere un messaggio aggiungendo il
flag di fine quindi trattino n quindi specificheremo una stringa che è il nostro messaggio.
Quindi diremo prima il commit o qualsiasi messaggio tu desideri e loro avrebbero colpito invio e tutti i nostri
file e tutto sarebbe stato impegnato.
Quindi ora che abbiamo fatto siamo sincronizzati con il tutorial e possiamo andare al passo successivo.
Ora il passo successivo è distribuire questa app e vogliono che tu crei una nuova app su Heroku usando la
parola chiave Heroku create.
Ora a questo punto devi aver effettuato l'accesso per poter riuscire.
Se non sei ammalato, chiedi di nuovo la password e il nome utente Heroku.
Ma se tutto sembra verde e blu e non rosso, significa che tutto funziona bene.
Quindi ora hanno creato il tuo contenitore nuovo di zecca in modo che il tuo nuovissimo server sia stato creato
a questo indirizzo HECS salato tor Heroku app dot com e puoi verificarlo semplicemente facendo clic su di esso e puoi vederlo
come benvenuto nella tua nuova app ma non ha ancora alcun contenuto perché non
l'abbiamo trasferito, quindi continuiamo con questo tutorial.
L'ultima cosa che dobbiamo fare prima di poter ottenere la vita della nostra app è scrivere get push suo
master Roku e questo spingerà la nostra versione locale che è stata memorizzata usando get to her Roku.
Quindi proviamo a spingere il suo maestro Roku e ci vorrà un po 'di tempo per caricare tutti i nostri
file locali relativi alla nostra app nodo e lo invierà al suo Roku i cui server su Internet e
una volta fatto lo farà mostrarti la verifica della distribuzione eseguita e possiamo accedervi nella posizione precedente che
avevamo.
Quindi aggiorna questa pagina e solo un avvertimento potresti ricevere un errore dell'applicazione quando provi a
caricare immediatamente il sito.
Ora è importante concedere a Heroku solo pochi minuti per impostare tutte queste fantasiose cose
complicate per te dietro le quinte e tornare ad esso forse dopo cinque o 10 minuti.
Quindi questo è il nostro momento di verità.
Andiamo avanti e testiamo la nostra app in esecuzione sul Web e vediamo se funziona.
Quindi ho intenzione di fare clic su Registrati.
Eccezionale.
Sei stato registrato con successo alla newsletter.
E se aggiorno sul mio MailChimp, posso vedere che la mia ultima persona è stata aggiunta da un sito Web
attivo e funzionante.
Quindi, se sei arrivato a questo punto e tutto funziona come è, allora è il momento di
darti una pacca sulla spalla perché abbiamo fatto molte cose molto complesse proprio ora in questo modulo e senza strumenti come Heroku
o il nodo o Esprimeremmo che avremmo trascorso un mese o due a scrivere il codice e poi forse altri
due mesi a costruire il nostro stack di servizi.
Questo è davvero fantastico.
Quello che abbiamo fatto
Ma se hai avuto problemi a fare tutto ciò, assicurati di controllare i registri di Heroku e di solito
ti darà un'indicazione di cosa potrebbe essere andato storto.
Ad esempio, per esempio, se avessi dimenticato di cambiare la porta per elaborare la porta Dot e Dot,
potresti finire con una pagina simile a questa.
E in quel caso ovviamente tornerà ai registri di Heroku che ti aiuteranno a dire qualcosa come il
processo in cui il processo non è riuscito a collegarsi alla porta entro 60 secondi dal lancio e non ha funzionato sostanzialmente.
E essenzialmente sta provando e riprovando, ma non può legarsi alla porta a cui Heroku deve vincolarlo
e questo è tutto a causa dell'oblio di questo passaggio.
E in altri casi potresti aver dimenticato di aggiungere un profilo o potresti aver sbagliato l'ortografia del profilo
o potresti non aver aggiunto il nome effettivo o il tuo server o potresti avere alcuni errori di battitura qui.
E di nuovo vedrai i registri degli arresti anomali usando il comando Registri Heroku.
Quindi questo è davvero molto utile per diagnosticare cosa potrebbe essere andato storto.
Ma una volta che hai finito e hai completato l'app, aggiornarla è semplice come andare qui
per apportare alcune modifiche.
Quindi, ad esempio, cambiamo la nostra pagina di successo in geniale invece che eccezionale perché impressionante
è davvero incredibilmente abusato.
E per inviare quegli aggiornamenti a Heroku tutto ciò che devi fare è utilizzare nuovamente get ad per aggiungere le tue modifiche e
commit per salvare questa versione corrente.
Quindi questa versione attuale è diversa perché ho cambiato ognuna la pagina di successo e ora posso fare di nuovo
il push sul master Heroku e questo aggiornerà il mio sito Web con le modifiche.
In modo che includa la modifica a ciascuno nella pagina di successo.
Ora, una volta fatto ciò, posso andare sul mio sito Web per andare a dare un'occhiata perché questo non è più in
esecuzione sull'host locale.
Posso condividere come tutti voi con chiunque e possono iscriversi alla mia newsletter.
Quindi questo è un buon momento per dire che se vuoi iscriverti alla newsletter dell'app Brewery,
assicurati di andare all'app brewery dot co slash P. slash newsletter e lo inviamo solo una volta al mese
in modo da poter raccogliere tutte le migliori cose che sono successe durante il mese
e ti invieremo questa breve e dolce newsletter che speriamo ti insegnerà cinque nuove cose ogni
mese sulla progettazione della programmazione startup fantastici nuovi strumenti da provare e anche l'app mostra le cose migliori che i nostri studenti hanno
costruito in questo mese.
Quindi questa è solo una piccola spina da parte mia.
Spero che ti sia piaciuto costruire questo fantastico progetto e nel prossimo modulo esamineremo l'hub del kit e impareremo
molto di più sul controllo della versione e sul modo in cui tutta questa magia funziona davvero.
Quindi, per tutto questo e molto altro, ci vediamo sul modulo
successivo prima di iniziare a distribuire.