Sign In
Sign In

Distribuire un’App Vue

Updated on 18 April 2025

Per distribuire un'applicazione Vue su Hostman, vai alla sezione Piattaforma App e fai clic su Crea.

Passaggio 1. Seleziona il tipo di applicazione

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

 

Passaggio 2. Collega un repository

Puoi collegare un repository:

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

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

Scopri di più su come collegare repository qui.

Passaggio 3. Seleziona un branch e un commit

  1. Seleziona un branch da distribuire.
  2. Per impostazione predefinita è attiva l’opzione Build con l’ultimo commit eseguito. In questo caso, la piattaforma distribuirà l’ultimo commit e ricostruirà automaticamente l’app ad ogni nuovo commit. Puoi disattivare il deploy automatico in qualsiasi momento.

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

Passaggio 4. Seleziona la posizione del server

Seleziona la posizione del server.

Fa62b465 3b38 4dac 9294 B6e38110b18e

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

Passaggio 5. Configura i parametri di build

142a8ff5 9057 45c3 Bbc1 09aff12aa646

La piattaforma rileverà automaticamente il comando di build e la directory di build del tuo progetto, quindi nella maggior parte dei casi non devi modificare nulla.

Se il tuo progetto richiede moduli aggiuntivi, puoi specificare uno o più comandi personalizzati, anche combinandoli con &&.

Puoi anche definire variabili, se necessario.

Potrai modificare questi parametri in seguito e ridistribuire l’app con i nuovi valori.

Passaggio 6. Inserisci le informazioni sull'app

Qui puoi inserire un nome e un commento per l’app, che verranno mostrati nella dashboard Hostman. Puoi anche scegliere un progetto a cui assegnarla.

Queste impostazioni sono modificabili in qualsiasi momento.

Passaggio 7. Distribuzione

Clicca su Avvia deploy. Una volta avviato il processo, vedrai il log di distribuzione nella scheda Deploy.

Il log contiene tutte le informazioni necessarie per risolvere eventuali problemi. Se qualcosa va storto, ad esempio a causa di un errore nel codice, il log mostrerà la notifica con la causa del problema.

Al primo deploy del progetto, l’installazione del server potrebbe richiedere del tempo. Una volta terminato, lo stato dell’app verrà aggiornato e vedrai un messaggio nel log.

Tutto pronto!

Puoi trovare e copiare l’URL della tua app (il dominio tecnico associato) nella pagina principale, nella sezione Apps o nella scheda Impostazioni. Puoi anche collegare il tuo dominio.

L’app sarà in esecuzione sulle porte 443 e 80.

In futuro, la piattaforma monitorerà il repository e, se il deploy automatico è abilitato, ricostruirà automaticamente il progetto con le modifiche.

Was this page helpful?
Updated on 18 April 2025

Do you have questions,
comments, or concerns?

Our professionals are available to assist you at any moment,
whether you need help or are just unsure of where to start.
Email us
Hostman's Support