Hai svolto il lavoro pesante e creato un’applicazione web, congratulazioni! Dopo aver creato la tua applicazione web sul tuo computer locale, il tuo prossimo passo è metterla online. Una volta che la tua applicazione è online, avrà il proprio indirizzo web in modo che tu possa condividere ciò che hai creato con il mondo.
Nel mondo del software e dello sviluppo web, chiamiamo questo processo distribuzione. Nel ciclo di vita dello sviluppo software, la distribuzione è la fase successiva al test. Se sei interessato a saperne di più sul ciclo, leggi il nostro tutorial "Cos’è SDLC?"
Uno dei modi più diffusi per distribuire un’applicazione web è utilizzare Heroku. Heroku è una piattaforma di applicazioni cloud che ti consente di ospitare applicazioni dinamiche scritte in un’ampia gamma di linguaggi, come JavaScript e Python.
In questo tutorial, ti insegneremo come distribuire un applicazione a Heroku. Vedremo come configurare Heroku sulla tua riga di comando e come distribuire il tuo progetto sulla piattaforma Heroku.
Chi dovrebbe usare Heroku?
La piattaforma Heroku è specializzata nella distribuzione di applicazioni web dinamiche. Se stai creando un sito statico utilizzando HTML o CSS, dovresti probabilmente prendere in considerazione un’altra opzione. Se non stai creando un’applicazione web, Heroku non fa per te.
Ecco alcune applicazioni che potrebbero essere implementate su Heroku:
Un’app per l’elenco delle cose da fare creata utilizzando Python Flask
Un’app di monitoraggio del tempo creata utilizzando Ruby on Rails
Un’applicazione di microservizi Java
Un’app di calendario personale creato utilizzando PHP
Un blog creato utilizzando Node.js
Impostazione di un progetto
In questo tutorial, implementeremo un Reagire all’applicazione su Heroku. Per semplificare le cose, implementeremo la piastra standard create-react-app su Heroku. Questo è un modello che può essere utilizzato come punto di partenza per qualsiasi applicazione React.
Questa parte del tutorial presuppone che tu abbia npm e Node installati sul tuo computer. Puoi passare alla sezione "Inizia con Heroku" se hai già un’app da distribuire.
L’81% dei partecipanti ha dichiarato di sentirsi più sicuro delle proprie prospettive di lavoro nel settore tecnologico dopo aver frequentato un bootcamp. Fatti abbinare a un bootcamp oggi.
Il laureato medio del bootcamp ha trascorso meno di sei mesi di carriera transizione, dall’avvio di un bootcamp alla ricerca del loro primo lavoro.
Per iniziare con create-react-app, possiamo eseguire questi comandi:
Il primo comando installerà create-react-app e inizializzerà un’applicazione di esempio nella cartella chiamata heroku-demo-app. Il secondo comando cambierà la nostra directory di lavoro in quella cartella in modo che possiamo quindi eseguire la nostra applicazione demo appena creata.
Il comando npm start ci dice che la nostra applicazione è ora disponibile su localhost:3000. Una volta che avvio l’app localmente, posso vedere quanto segue:
Inizia a Heroku
Ora che abbiamo " ve ottenuto una domanda di mobilitazione, siamo in grado di avviare il processo di distribuzione su Heroku. Prima di iniziare, dovresti creare un account sulla piattaforma Heroku, cosa che puoi fare dal loro sito web.
Ci sono diversi modi per distribuire un’applicazione su Heroku. Puoi usare la loro interfaccia web per distribuire un’applicazione, usare la riga di comando o usare Git.
Per questo tutorial, useremo la riga di comando. Ciò richiede l’installazione di Heroku Toolbelt o Heroku CLI. Puoi farlo seguendo le istruzioni di installazione ufficiali di Heroku Toolbelt.
Accedi a Heroku
Una volta installato Heroku Toolbelt nella tua shell di comando, sei pronto per iniziare. Per prima cosa, devi accedere al tuo account Heroku usando questo comando:
Ti verrà chiesto di inserire il tuo nome utente e password che vengono utilizzati per autenticare il tuo account dalla riga di comando.
Definisci i tuoi tipi di processo
Il prossimo passo è creare un file chiamato Procfile. Questo definirà i tipi di processo che diranno a Heroku come distribuire la tua applicazione. Puoi creare un Procfile usando questo comando:
Apri il Procfile nel tuo testo preferito editor e quindi aggiungi la riga di codice che ti consente di eseguire la tua applicazione. In questo caso, poiché stiamo distribuendo un’app React, inseriremo il seguente comando nel file:
La parte web: del nostro comando dice a Heroku di creare una nuova istanza web per ospitare la nostra applicazione. npm start è il comando che Heroku dovrebbe usare per eseguire la nostra applicazione. < /p>
Ciò che digiti qui varia a seconda del tipo di applicazione che stai distribuendo. Ad esempio, puoi usare web: flask run se stai distribuendo un’applicazione Python Flask.
Crea un’applicazione
Una volta che hai impostato un Procfile, sei pronto per creare un’app. Puoi farlo eseguendo questo comando:
Sostituisci app-name-here con il nome della tua applicazione. Una volta eseguito questo comando, vedrai un output simile a questo:
Se accedi al dominio della tua applicazione, vedrai una pagina che dice che non esiste ancora alcuna app. Questo perché non abbiamo ancora distribuito la nostra applicazione su Heroku. Questo è ciò che faremo nella prossima sezione.
Configura Git e distribuisci la tua app
Devi usare il comando Git per distribuire la tua applicazione su Heroku . Per fare ciò, dovremo eseguire un’ulteriore configurazione.
Per prima cosa, inizializza un repository nella cartella del tuo progetto e conferma il tuo codice:
Questo creerà un repository Git sul nostro computer locale per il nostro progetto e aggiungerà tutto il nostro codice a un commit con il messaggio Push code. Una volta eseguiti questi comandi, siamo pronti per distribuire la nostra applicazione su Heroku.
"Il Karma di carriera è entrato nella mia vita quando ne avevo bisogno la maggior parte e rapidamente mi ha aiutato ad abbinare un bootcamp. Due mesi dopo la laurea, ho trovato il lavoro dei miei sogni in linea con i miei valori e obiettivi nella vita!"
Venus, Software Engineer presso Rockbot
Esegui questo comando per distribuire la tua app su Heroku:
Potrebbero essere necessari alcuni minuti tra l’esecuzione di questo comando e la disponibilità dell’applicazione su Internet per l’utilizzo da parte delle persone.
Questo perché Heroku dovrà installare tutte le dipendenze per il tuo progetto. Più dipendenze hai, più tempo impiegherà questo processo. Tuttavia, dopo aver distribuito il progetto per la prima volta, noterai che questo processo in genere accelera.
Una volta che il nostro l’applicazione è stata distribuita, possiamo accedere all’URL della nostra applicazione e vederla dal vivo su Internet:
Che " s esso! Se stai eseguendo un’applicazione che richiede una configurazione aggiuntiva, potresti dover utilizzare il comando heroku run per configurare la tua app. Ad esempio, potresti dover utilizzare heroku run per migrare il database per il tuo progetto, se ne stai utilizzando uno.
Conclusione
Heroku è un ottima piattaforma per distribuire i tuoi progetti web dinamici. Usando Heroku, puoi distribuire un’applicazione web senza dover creare il tuo server. Heroku ha anche un piano gratuito vantaggioso che ti permetterà di eseguire un’applicazione gratuitamente nel cloud.
Ora sei pronto per iniziare a distribuire le tue applicazioni su Heroku come un esperto!
