Distribuzione di un'app Angular

Per distribuire un’applicazione Angular su Hostman, vai alla sezione Piattaforma delle Applicazioni e fai clic su Crea.

Passo 1. Seleziona il tipo di applicazione

Nella scheda Frontend, seleziona Angular. Seleziona anche la versione di Node.js desiderata.

Passo 2. Connettere un repository

Puoi connettere un repository in due modi:

• Dal tuo account GitHub, GitLab o BitBucket. Fai clic sul nome della piattaforma, accedi e seleziona il repository desiderato. Se hai già effettuato l’accesso, Hostman mostrerà immediatamente i repository disponibili.

• Tramite URL, fornendo un link a un repository creato su qualsiasi piattaforma. Fai clic su Connetti il repository tramite URL e inserisci l’URL Git del repository. Se il repository è privato, inserisci anche le credenziali di accesso.

Leggi di più sulla connessione dei repository qui.

Passo 3. Selezionare un branch e un commit

1. Seleziona un branch per la distribuzione.
2. Per impostazione predefinita, l’opzione Compila con l’ultimo commit eseguito è attivata. In questo modo, la piattaforma delle applicazioni distribuirà l’ultimo commit e successivamente ricostruirà automaticamente l’applicazione quando aggiungi nuovi commit al repository. Se necessario, puoi disattivare la distribuzione automatica.

Se vuoi selezionare manualmente un commit specifico, disattiva questa opzione.

Passo 4. Selezionare la posizione del server

Seleziona la posizione del server.

Per tutte le applicazioni frontend, offriamo una configurazione server di base con 1 GB NVMe e un limite di 200.000 richieste al mese.

Passo 5. Configurare le impostazioni di build

La piattaforma delle applicazioni determinerà automaticamente il comando di build e la directory di build del tuo progetto, quindi nella maggior parte dei casi puoi lasciare questi parametri invariati.

Se il tuo progetto richiede moduli aggiuntivi, puoi specificare un comando di build personalizzato o più comandi combinandoli con &&. 

Puoi anche definire variabili, se necessario.

Sarai in grado di modificare queste impostazioni in seguito e ridistribuire l’applicazione con i nuovi parametri.

Passo 6. Inserire le informazioni dell’app

Qui puoi specificare un nome e un commento per la tua applicazione, che verranno visualizzati nel pannello di controllo di Hostman. Puoi anche selezionare un progetto a cui aggiungere l’app.

Queste impostazioni possono essere modificate in seguito.

Passo 7. Distribuire

Fai clic su Avvia Distribuzione. Una volta avviato il processo, vedrai il registro di distribuzione nella scheda Deploy.

Il registro di distribuzione contiene tutte le informazioni necessarie per risolvere eventuali problemi. Se qualcosa va storto, ad esempio a causa di errori nel codice, il registro mostrerà una notifica che indica la causa del problema.

Quando distribuisci un progetto per la prima volta, l’installazione del server potrebbe richiedere un po’ di tempo. Una volta completato il processo, lo stato dell’applicazione verrà aggiornato, e vedrai un messaggio al riguardo nel registro.

Tutto pronto!

Puoi trovare e copiare l’URL della tua applicazione (il dominio tecnico collegato all’app) nella pagina principale della sezione App o nella scheda Impostazioni della tua applicazione. Puoi anche collegare un tuo dominio all’applicazione.

L’applicazione verrà eseguita sulle porte 443 e 80.

In futuro, la piattaforma delle applicazioni monitorerà gli aggiornamenti nel repository e, se la distribuzione automatica è attivata, ricostruirà automaticamente il progetto con le nuove modifiche.