OK, la prima cosa che faremo è andare su Heroku dot com.
H e r you k you dot com.
E ci iscriviamo.
Quindi ho intenzione di registrarmi con il mio nome e-mail.
Hai bisogno di mettere una vera e-mail qui e dovresti comunque perché per prima cosa ti mandano
la conferma via e-mail quindi devi controllare quella e-mail ma, soprattutto, riceverai aggiornamenti se c'è qualche
ragione qualche strano incidente I server di Heroku vengono colpiti da un fulmine o qualcosa del genere.
Riceverai aggiornamenti su ciò che sta accadendo.
Quindi il nome della nostra azienda.
Dirò semplicemente Web Dev Bootcamp.
Non devi mettere nulla.
Non farà davvero la differenza, ma non aggiungiamo J. S. crea un account gratuito quindi controlla la
tua email e conferma il tuo account.
Tutto ok.
Quindi, una volta fatto ciò ti verrà chiesto di fare clic sul link e ti verrà chiesto di creare una password
per confermare la password.
E poi, una volta che hai finito di creare il tuo account, dovresti portarti alla tua dashboard di Heroku.
E questo sarà un posto dove sarai in grado di vedere le app che hai distribuito.
Sarai in grado di accenderli e spegnerli per farli diventare altri.
E ogni altra cosa che devi configurare e l'autorizzazione nei problemi di sicurezza.
Questa è la tua base di partenza per qualsiasi app che devi mettere su di lei.
OK.
Quindi, per il momento, intendiamo allontanarci da questo.
Ma se vuoi dare un'occhiata, dai un'occhiata.
Hanno un buon inizio ragazzi.
Quindi, se fai clic su come iniziare con la guida di Noad, ti mostrerà i passaggi che
stavano per passare qui.
E quindi farò riferimento a questo.
Ma puoi anche solo guardare questo video per vedere cosa devi fare.
Quindi la prima cosa di cui parla qui è installare il download e l'installazione della cintura
di strumenti Heroku per Mac o qualsiasi macchina che stai usando.
In realtà non dobbiamo usarlo perché stiamo usando Cloud 9.
Quindi viene preinstallato.
Scusate.
Abbiamo bisogno di usarlo.
Non dobbiamo scaricarlo.
Scusami.
Viene preinstallato per noi.
Quindi, se si passa al cloud 9, ciò che possiamo realmente fare è assicurarci di essere nella giusta directory e
interrompere il nostro server.
Grande.
Se digiti semplicemente la parola Heroku vedrai che otterremo un risultato diverso da quello non trovato significa che abbiamo installato
Heroku e che viene fornito gratuitamente con Cloud 9.
Se stai facendo questo su una macchina o non stai utilizzando Cloud 9, puoi ovviamente scaricare la
versione corretta e seguire le istruzioni.
Quindi la prima cosa che vogliamo fare è seguire quello che è stato detto, Heroku lo registra e questo ti
richiederà la tua e-mail con
la quale ti sei iscritto a Heroku.
Quindi deve corrispondere e verrà anche richiesto la tua password e sembrerà che tu non
stia scrivendo semplicemente lo nasconde.
Quindi non essere preoccupato.
Eccoci.
Vogliamo vedere l'autenticazione con successo.
Quindi quello che abbiamo fatto ora è fondamentalmente okay questa macchina.
aggiunge fondamentalmente il trasferimento di elementi a Heroku, il nostro spazio Heroku sui suoi server perché ricorda che tutto ciò
che stiamo facendo è che invieremo questa applicazione e la coperemo su macchine Heroku.
Questo spazio di lavoro a nove cloud con cui integrare
Quindi ovviamente non vogliamo permettere a nessuno di farlo al nostro account.
Vogliamo solo macchine su cui abbiamo effettuato l'accesso che abbiamo autenticato per poterlo fare.
OK.
Quindi questo è il primo passo.
La prossima cosa che dobbiamo fare è assicurarci che stiamo usando entrare in questa directory.
Quindi nella directory la directory di livello superiore del nostro progetto è importante.
che non stai facendo in questa cartella ma nella directory in cui è presente l'app JSE nel tuo pacchetto.
Non lo fai dove hai altri progetti
Jason vogliamo eseguire lo status get e nel mio caso non vedrò un buon repository.
Quindi vogliamo che diventi un get repository.
Usiamo il bene per stabilire cosa inviare a Heroku e nel nostro caso
invieremo l'intera applicazione.
Quindi una volta inizializzato un repository, andremo avanti e aggiungeremo i file che vogliamo inviare a
lei OK con esso.
Quindi è tutto.
Quindi andremo a fare uno alla volta per ottenere l'add. Sì, aggiunge il pacchetto a Jason e ottieni viste
che l'intera directory farà.
Ottieni impegni.
E diremo semplicemente un commento iniziale, se tornerai alle istruzioni vedrai alcune cose.
Dopo aver installato la barra degli strumenti, puoi fare clic.
L'ho installato in questo esempio questo tutorial ti danno un'app demo.
Ne abbiamo già uno quindi puoi solo dire che ho clonato il codice sorgente dell'app.
La prossima cosa che ti dice di fare è eseguire un comando chiamato Heroku create.
Quindi possiamo andare avanti e farlo.
E ciò che farà in realtà farà spazio su Heroku: fai una nuova applicazione per te in
una zona di sushi con questo repository attuale e get.
Quindi lo gestirò adesso.
Heroku crea e puoi vedere
prima che questo non funzionerebbe se non avessi effettuato l'accesso se non avessi eseguito il login di Heroku
mi avrebbe chiesto di autenticarmi prima ma puoi vedere che mi rende una nuova applicazione e la dà un nome
casuale
Heroku è piuttosto famoso per questi pacifici nomi di natura islamica Zen.
Arrivano così senza nome qui con questo numero casuale.
Ti dà anche questo a sapere dove verrà distribuita la tua applicazione.
Puoi cambiare questo.
Puoi guardare i documenti di Roku, puoi specificare il tuo dominio di app com di Heroku app, se vuoi.
Quindi se volevi controllare se questa applicazione demo.
L'app Heroku dot com di due tre punti è disponibile, ma puoi anche avere il
tuo dominio.
Quindi se possiedi Salli dot com o le nuvole sono fantastiche.
So che puoi implementare un'app distribuita su Roku.
Puoi configurarlo in modo che funzioni con il tuo dominio ma non lo faresti ancora.
Quindi tu crei ancora questa applicazione qui ottieni questo Hoku casuale che sei ora se lo visitiamo
adesso
otteniamo questo benvenuto predefinito alla tua nuova app.
Non abbiamo ancora alcun codice associato a questa app.
Heroku sa solo che vogliamo fare un'app in cui abbiamo un'app vuota.
Un'altra cosa che è accaduta è che ha aggiunto un telecomando al nostro repository Get chiamato Heroku.
Quindi, se dai un'occhiata al dash B di Remote vedrai qui che è stato aggiunto un telecomando chiamato Heroku su cui possiamo
inviare il codice.
Quindi questo è veramente importante.
Questo è il modo in cui fondamentalmente trasferisci il codice.
Ecco come dirò a Heroku Ecco il codice che voglio che tu corra.
Quindi quando spingo su Heroku eseguirò un comando.
Get push Heroku master.
In questo modo, spingerò a Heroku qualsiasi codice aggiunto e trasferito nel ranch principale.
Quindi in questo caso è tutto.
Ancora una volta a volte non vuoi spingere ogni singola cosa.
Forse c'è del nuovo codice che non vuoi inviare al tuo server di produzione ma in
questo caso vogliamo tutto.
L'app funziona come vogliamo.
Quindi stiamo solo spingendo tutto.
Quindi, prima di farlo, speri il maestro Heroku che vedrai in un tutorial.
Indica anche come farlo.
Quindi se ti perdi se preferisci guardare o leggere il tutorial puoi seguirlo.
Stiamo facendo esattamente lo stesso passo.
Quindi spingere Heroku M. OK, quindi possiamo premere invio.
Ti avverto che c'è una cosa che non abbiamo fatto causerà un
piccolo problema ma l'ho fatto apposta perché voglio mostrarti il ​​processo di debug di Heroku.
In questo caso, premo
Invio, e di solito ci vuole un po 'di più, soprattutto con le app più grandi.
Un sacco di cose stanno succedendo qui.
Di solito questo non accade quando si spinge per ottenere hub.
Quindi questa è tutta magia di Heroku.
Puoi tornare indietro e leggere un sacco di cose su ciò che sta accadendo.
Vediamo che ha rilevato che si tratta di un'app di nodo che ha installato alcune delle dipendenze importanti o dei Pineries, quindi installa
le dipendenze express e Ejay a causa di quel pacchetto che Jaison.
E queste sono tutte le cose che esprimono dipende da allora ha costruito l'applicazione e poi l'ha lanciata.
Quindi dice che questa applicazione è stata dispiegata in Iraq.
Quindi, se visitiamo il tuo aggiornamento dell'URL, speriamo di vedere la nostra app.
Tuttavia tutto ciò che vediamo è un errore dell'applicazione.
Quindi questa è una schermata molto comune quando esegui il debug di Heroku quando stai iniziando
quando stai spingendo una nuova app lassù.
Cosa succede quando hai un errore con il tuo codice o qualcosa non funziona.
È sul lato Heroku delle cose o sull'interfaccia web tutto ciò che vedi è un errore.
Non inseriscono il messaggio di errore specifico nei dettagli lì perché non vorresti esporlo
chiaramente ai tuoi utenti.
Quindi mantengono le cose il più nascoste possibile.
Dicono solo errore di applicazione.
Ma poi succede che è possibile visualizzare i problemi che è possibile visualizzare i messaggi di errore nei registri
nella riga di comando.
Quindi per fare ciò scriviamo semplicemente i log di Heroku e otteniamo un sacco di cose qui se scorriamo verso l'alto vedremo
che c'è un errore e l'errore è successo proprio qui.
Il processo di avvio con il comando NPM si avvia e poi risulta che non abbiamo un comando di avvio NPM che manca
l'avvio dello script e quindi che tutti i nostri errori e le cose vanno in crash.
Quindi, di nuovo, l'ho fatto apposta per mostrarti uno che Heroku registra come potresti andare avanti e dare un'occhiata perché nasconde il messaggio di
errore attuale da te qui, ma ciò non significa che non puoi vederlo.
E questa è una schermata abbastanza comune se la tua app si sta bloccando.
Heroku registra e l'importante comando.
Ma quello che la freccia dice è che non avevamo uno script di partenza.
Quindi, con lo script di avvio, dice ad Heroku che dice al server quale codice eseguire per avviare la
sua applicazione.
Quindi fondamentalmente fa quello che stiamo facendo per avviare il nostro server.
Abbiamo eseguito app di nodi.
Sì, ma non siamo in grado di farlo perché il codice non è più in esecuzione qui.
Non lo stiamo eseguendo su questo spazio di lavoro.
Questo è il punto.
È su Heroku.
Quindi gli diamo uno script di avvio.
Quindi apriamo la fase del pacchetto una canzone e va dentro gli script.
Questo non è qualcosa che ti aspetti di sapere.
Questo è il nuovo punto iniziale, quindi il nodo dopo J. S. Quindi, quello che farà Heroku è quando inseriremo il
codice in Heroku che verrà eseguito per prima cosa. Installa NPM installa tutte le dipendenze ogni volta che eseguiamo il push.
Quindi potremmo eseguire l'aggiornamento a una
nuova versione di express se aggiungiamo e impegniamo e poi otteniamo il push Heroku master che eseguirà
automaticamente l'installazione NPM su Heroku e otterrà la nuova versione e quindi eseguirà NPM start che verrà eseguito qui.
Nodo apt.
Sì.
Quindi non possiamo fare a spingere il maestro Heroku perché in questo momento il nostro ranch Master non è cambiato.
Non abbiamo aggiunto e commesso quel cambiamento che abbiamo appena fatto.
Quindi se digiti ottieni lo stato puoi
vedere su Branch maĂ.
Oh bene, non ho salvato il file in modo che potesse farlo.
Ora, se lo prendo, vedrai che il pacchetto modificato è Jason.
Quindi vogliamo aggiungere che ottenere il commit e tutto ciò che sarà giusto qui è aggiungere lo script di avvio.
Ora tutto ciò che dobbiamo fare è ottenere il master Roku push e siamo a posto.
Quindi, spingere.
Il suo maestro inizierà l'intero processo su dove prende il nostro codice prende un messaggio su Jason.
Installa queste dipendenze e quindi esegue l'avvio NPM che non abbiamo specificato l'ultima volta.
Quindi l'app si è bloccata.
oops! significava premere Invio qui.
Ci vorrà un po '.
Sta spingendo fino
a Heroku che sta installando cose che installano le dipendenze e vedere avviare la verifica della distribuzione.
OK proviamo a rinfrescare ora.
E noi andiamo.
Quindi abbiamo un'applicazione senza
nome e ho detto a 6 4 4 9 8 punti Roku a dotcom posso fare clic sui percorsi andare avanti e indietro.
Eccezionale.
L'ultima cosa che mostrerò è sul dashboard di Heroku se torni alla tua dashboard.
Ora avremo la nostra applicazione mostrata qui.
Oh mi farà accedere prima.
Quindi, una volta effettuato l'accesso, si spera che non sia necessario.
Ma una volta effettuato il login, vedremo cosa sto cercando.
E come puoi vedere la nostra nuova app è qui.
È possibile fare clic su di esso
per visualizzare le informazioni su di esso su quanto tempo è passato su quante persone hanno avuto accesso con quale frequenza.
Chi ha il permesso di implementare e pasticciare con chi è un contributore proprietario.
Tutti i tipi di cose diverse.
Non ho intenzione di entrare in tutto questo.
rilasciato l'app per la prima volta.
Voglio dire, puoi vedere tutte le diverse volte che abbiamo spinto o implementato quando l'abbiamo inizializzato quando abbiamo
E poi questo è anche
il luogo in cui verrai configurato o configurerai cose come domini personalizzati o potrai aggiungere componenti aggiuntivi.
L'unica cosa di cui Paolo ha parlato qui è che stiamo usando il piano gratuito di Heroku in questo momento.
Non ci sono carte di credito associate dove fanno i loro soldi, anche se una
volta che hai iniziato ad avere più utenti che stai per aggiornare e quello che fai è cliccare qui.
Passa agli hobby e vedi che puoi fare clic
su un hobby o puoi andare da un professionista in modo da poter vedere l'hobby a 7 dollari al mese.
Quindi ne vale la pena.
Se hai intenzione di iniziare
ad avere più persone per te e le tue applicazioni, ma anche i lavori gratuiti vanno bene per un
progetto di portfolio o qualcosa che invierai alle aziende finché non lo farai mi aspetto che tu sappia migliaia di colpi al giorno.
OK.
Ecco tutto quello che c'è da Heroku qui.
Voglio ricapitolare questo però.
Quindi torniamo indietro e seguiamo questo processo ancora una volta per aggiornare la nostra applicazione.
Voglio aggiornare la home page in modo che abbia un'immagine su
di essa che dice e mi capita di avere un'immagine qui.
È abbastanza grande che non ci ho pensato.
Questa è un'immagine che ho scattato di recente ma sto imparando alcune fotografie sul lato.
Quindi sentiti libero di usare qualsiasi immagine tu voglia che la fonte sia uguale a una fonte gigantesca.
Proviamolo localmente.
Quindi l'app di
nodo Julius si aggiorna.
Wow.
E arriva all'immagine.
Va bene però.
Quindi questo funziona bene
localmente su Heroku, anche se quel cambiamento non ha avuto alcun effetto e questo perché non sono intrinsecamente collegati.
Dobbiamo scegliere ciò che vogliamo spingere ad Heroku E questo è davvero il punto.
Abbiamo uno spazio di lavoro su cui giocare per commettere errori per provare
nuove cose e quindi, se vogliamo incorporarli e incorporarli nell'app reale, posso quindi inviarli a Heroku.
Ma Heroku dovrebbe sempre essere l'ultima build stabile.
L'ultima cosa che funziona prima di andare a incasinare qualcosa.
OK, quindi tutto quello che
devo fare è ottenere lo stato necessario aggiungere che modifica commutare aggiungere l'immagine del bridge e quindi ottenere il comando Heroku master.
In modo che il flusso di lavoro sia molto comune.
di aggiungere e commetti tutto ciò che vuoi andare su
Heroku e poi spingere Heroku master e poi ogni volta che cambi o aggiorni lo
stesso processo ottieni annunci ottieni commit ricevi push Heroku master refresh sulla nostra app Heroku e lì andiamo o cambiamo sta avvenendo .
La prima cosa che abbiamo fatto è che questo non fa realmente parte del flusso di lavoro, ma la prima cosa era
assicurarsi di essere in un repository get, quindi Heroku creare poi una volta creato quello che stai per fare è assicurarsi
Eccezionale.
Tutto ok.
Quindi nel
prossimo video vedremo come distribuire un'applicazione sostanziale e complessa con un database che è un po 'un problema.
purtroppo