Paolo Dell'Aguzzo
  • Chi sono
  • Cosa offro
  • Portfolio e Carriera
    • Carriera
    • Portfolio
  • PRESS e Guest Post
  • Contatti
  • Blog
Paolo Dell'Aguzzo
  • Chi sono
  • Cosa offro
  • Portfolio e Carriera
    • Carriera
    • Portfolio
  • PRESS e Guest Post
  • Contatti
  • Blog
Set 05
Heroku: Primo deploy, Eclipse e Git

Heroku: Primo deploy, Eclipse e Git

  • 05/09/2017
  • Paolo Dell'Aguzzo
  • No Comments
  • Programmazione
  • deploy heroku, eclipse, git, heroku, reactjs

Ciao 🙂

In questo articolo ti spiego come fare il deploy della tua prima applicazione ReactJS con Heroku e come configurare Git su Eclipse.

Il processo è identico per qualsiasi altro linguaggio e progetto di partenza, quindi non focalizzarti troppo sul fatto che io userò il progetto di partenza per applicazioni ReactJS 🙂

Primo passo

Ti consiglio di crearti una cartella nel punto dove ti rimane più comodo in modo tale da non perderti. Mi raccomando per app ReactJS, AngularJS, ecc. assicurati di avere installato NodeJS e NPM.

La prima cosa che ti chiedo è se hai già letto l’articolo Come Registrarsi e Come Iniziare con Heroku. Dopo aver letto e visto il video di questo articolo infatti dovresti avere la giusta manualità.

Dunque se hai seguito l’articolo precedente sai come fare il login ad Heroku e sei pronto per seguire questa guida messa a disposizione da Heroku: vai all’indirizzo.

Development Category (English)728x90

Come puoi vedere il procedimento è davvero semplice. Puoi ripeterlo con AngularJS o qualsiasi altra cosa. Per Java, Python, ecc. trovi la configurazione già pronta in Heroku (guarda la guida di Heroku per Java: clicca quì).

Prova l’applicazione

Bene, ora hai la tua applicazione. Nel mio caso ho utilizzato come già detto ReactJS con “create-react-app”. Per vedere la tua applicazione funzionante esegui questi passi:

  1. Apri il terminale
  2. Posizionati nella cartella dove hai messo il progetto
  3. Scrivi “heroku login”
  4. Inserisci la mail
  5. Inserisci la password
  6. Scrivi “heroku open”

A questo punto dovrebbe aprirsi in automatico la finestra del browser rimandandoti all’indirizzo del tuo spazio su Heroku e facendoti visualizzare il sito.

Deep Learning Specialization on Coursera

Modifica in locale

Ora utilizza un editor di testo, io utilizzo Sublime Text, e fai qualche modifica alla tua applicazione (magari cambia una scritta nel file App.js).

Dunque per vedere le modifiche in locale scrivi nel terminale:

  1. npm install
  2. heroku local (va bene anche npm run start)

Avendo prima fatto il login ad Heroku da terminale in automatico sono state salvate le chiavi per l’accesso a Git. Quindi da terminale dovresti riuscire senza problemi a fare queste operazioni:

  1. git add .
  2. git commit -am “Commit di prova”
  3. git push (o git push heroku master)

Se hai il terminale impegnato per eseguire l’applicazione apri un altro terminale, posizionati nella cartella del progetto, lancia un “heroku login” ed esegui questi ultimi comandi Git in questa nuova finestra.

Controlla la Dashboard Heroku

Una volta fatto ciò controlla con “heroku open” se vedi le modifiche che hai pushato, nel caso in cui non le vedi entra nella dashboard di Heroku a questo link e osserva le ultime attività.

La Dashboard sarà sempre utile per monitorare le applicazioni, di conseguenza tienila sempre aperta.

Configurazione Eclipse con Git

Se fino a quì è andato tutto bene apri Eclipse. Dunque utilizza il plugin del marketplace per l’integrazione con Git che preferisci ed inserisci l’url di Git del tuo progetto. L’url la puoi trovare nella dashboard di Heroku sotto al tab “Settings”.

Ora devi inserire user e password. Per come funziona Heroku lo user puoi lasciarlo o vuoto o scrivere qualche lettera casuale. Come password devi inserire la tua API Key personale che puoi trovare nel tuo account, passa da questo indirizzo.

Ogni volta che vorrai fare un push, pull, ecc. e ti verrà richiesto user e password dovrai inserire come password questa API Key. Puoi scegliere di impostare GIT per non chiedere lo user obbligatoriamente, altrimenti inserisci sempre come user qualcosa di casuale e vai avanti. L’importante è che la password sia l’API Key.

Conclusioni

La cosa più importante inizialmente è imparare a fare il setup e riuscire a fare commit, pull e push anche da terminale. Dopo di che ricordati questo piccolo inganno dello user mentre utilizzi Git da Eclipse con Heroku. Molte persone all’inizio non capiscono perché non riescono ad autenticarsi.

Nei prossimi articoli costruirò parti di applicazioni ReactJS e parlerò della costruzione di gestionali sfruttando anche Java e database PostgreSQL.

Se hai dubbi o domande non esitare a scrivermi nei commenti ?

Se ti è piaciuto l’articolo seguimi su Facebook e Twitter oppure rimani sempre aggiornato con la newsletter (da 1 a 4 mail al mese!)

Commenti

Condividi:

  • Fai clic qui per condividere su Twitter (Si apre in una nuova finestra)
  • Fai clic per condividere su Facebook (Si apre in una nuova finestra)
  • Fai clic qui per condividere su Tumblr (Si apre in una nuova finestra)
  • Fai clic qui per condividere su LinkedIn (Si apre in una nuova finestra)
  • Fai clic qui per condividere su Pinterest (Si apre in una nuova finestra)
  • Fai clic per condividere su WhatsApp (Si apre in una nuova finestra)
  • Fai clic per condividere su Telegram (Si apre in una nuova finestra)
  • Clicca per condividere su Skype (Si apre in una nuova finestra)
  • Fai clic qui per stampare (Si apre in una nuova finestra)

Correlati

  • Facebook
  • Twitter
  • Tumblr
  • Pinterest
  • Google+
  • LinkedIn
  • E-Mail
Paolo Dell'Aguzzo

About The Author

Sono sempre stato affascinato dal marketing e dall'informatica a tal punto di unire le due passioni :) Se ti piace l'articolo fammelo sapere in un commento :)

Related Posts

  • Heroku: passare dalla versione free al piano Hobby04/12/2017

Fammi sapere cosa ne pensi :) Annulla risposta

Impara ReactJS imparare react
I 10 + 1 Libri che Dovrebbe Leggere Ogni Programmatore libri programmatore
Newsletter

Seguimi su Facebook :)

Facebook Pagelike Widget
Impara React Native imparare react native
10 Cose per Stare Più Comodo in Ufficio stare più comodo in ufficio
Impara a Creare un Tema Wordpress imparare creare tema wordpress
Udemy I Migliori Corsi per Programmatori udemy corsi programmatori
UX: Perché la User Experience è Importante UX importante e cos'è
Metodologie Agili e Lean: Come migliorare la tua azienda metodologie agili
Libri per Imparare JavaScript Imparare JavaScript libri

Articoli recenti

  • I principali engine utilizzati per lo sviluppo di videogiochi
  • Dalla visione alla realtà: Lo sviluppo di videogiochi dal punto di vista di un programmatore
  • 8 consigli per migliorare la tua SEO Locale

Categorie

  • CSS
  • Interviste
  • Java
  • Lavoro
  • Normative
  • Personale
  • Programmazione
  • Strategia & Marketing
  • Tech
  • Web Design
  • Wordpress
Paolo Dell'Aguzzo
Programmatore Software - Marotta di Mondolfo, Pesaro e Urbino
P. IVA: IT02758450429
Mail: info@paolodellaguzzo.com
Via Litoranea, 284/C - Marotta (PU)
Privacy Policy
Cookie Policy
In qualità di Affiliato Amazon, ricevo un guadagno per ciascun acquisto idoneo
Amazon e il logo Amazon sono marchi registrati di Amazon.com, Inc. o delle sue affiliate
Programmatore Senigallia, Ancona - Siti web, app iOS e Android, gestionali ReactJS, React Native, Java, SQL, PL/SQL, Heroku