Vai al contenuto principale

​
Introduzione

Per sviluppare e ospitare un'applicazione Qwik su Square Cloud, è essenziale seguire una sequenza strutturata di configurazioni e prerequisiti. Questa guida tecnica coprirà l’intero processo, dalla configurazione iniziale al deploy in produzione.

​
Prerequisiti

  • Account Square Cloud: Registrati tramite la pagina di registrazione usando la tua email.
  • Piano attivo: Garantisce risorse dedicate e prestazioni ottimizzate per la tua applicazione. Consulta i nostri piani disponibili e scegli quello più adatto alle tue esigenze.
Questa guida usa il runtime statico o il runtime Node.js. Testata con Qwik 1 e Qwik City su Node.js 24 a settembre 2026.

​
Creare il progetto

Ti servono Node.js e npm sul tuo computer. Se non li hai, scaricali dal sito ufficiale di Node.js. Crea un progetto con l’inizializzatore ufficiale:
L’inizializzatore chiede uno starter, la cartella del progetto e se installare le dipendenze. Gli starter creano un’app Qwik City, con le route basate sui file in src/routes/. Entra nella cartella del progetto e avvia il server di sviluppo con npm run dev. Un progetto nuovo non ha ancora una destinazione di deploy: npm run build termina con Missing an integration. Aggiungi prima un adapter, come mostrato qui sotto.

​
Scegliere come servirlo

Aggiungi l’adapter statico, che prerenderizza ogni route in fase di build:
A quel punto npm run build scrive un sito statico in dist/, un file HTML per pagina più un 404.html, quindi mantieni index.html (senza rinominarlo in vite.html).Il runtime statico serve i file della tua build con un web server gestito da Square Cloud. Non gira nessun processo Node.js, quindi è il modo più leggero per ospitare un sito senza codice lato server.
1

Esegui la build del sito

Esegui npm run build. L’output finisce nella cartella dist.
2

Mantieni funzionanti le route lato client

Se la tua app cambia pagina nel browser senza ricaricare (routing lato client), rinomina dist/index.html in vite.html. Il runtime statico risponde con vite.html a ogni percorso che non corrisponde a un file, quindi ricaricare una route come /about carica comunque la tua app. Un sito con un file HTML per pagina mantiene index.html: i percorsi sconosciuti restituiscono allora il tuo 404.html. Consulta come il runtime statico serve i file.
3

Aggiungi il file di configurazione

Crea un file squarecloud.app dentro dist. Un MAIN che punta a un file HTML seleziona il runtime statico:
squarecloud.app
Usa MAIN=index.html se hai mantenuto index.html. 512 MB è la memoria minima per un sito web. Quando carichi dalla dashboard, ti vengono chiesti questi valori e il file viene scritto per te.
4

Comprimi l'output della build

Comprimi il contenuto di dist, non la cartella stessa, in modo che squarecloud.app si trovi nella radice dello ZIP. Con la CLI, esegui squarecloud upload dall’interno di dist.
Tutto ciò che è nello ZIP è pubblico sul tuo sito. Carica solo l’output della build, mai il codice sorgente o i file .env.
La maggior parte degli strumenti di build svuota dist a ogni build. Tieni una copia di squarecloud.app nella cartella che il tuo framework copia invariata nella build (public/ nei progetti basati su Vite), oppure ripeti gli ultimi tre passaggi dopo ogni build.

​
Deploy e verifica

Crea lo ZIP descritto nell’opzione che hai scelto, poi caricalo:

​
Tramite dashboard

1

Accedi alla pagina di upload

Accedi alla pagina di upload e carica il file zip del tuo progetto.
2

Configura il tuo ambiente

Dopo aver caricato il tuo zip, dovrai configurare il nome, il file principale o il runtime environment e altre impostazioni per il tuo progetto.
Se stai caricando un progetto web, assicurati di selezionare “Web Publication” e di impostare un sottodominio per il tuo progetto.
3

Esegui il deploy del tuo progetto

Infine, clicca sul pulsante “Deploy” per ospitare il tuo progetto su Square Cloud.
Dopo il deploy, puoi monitorare lo stato e i log del tuo progetto dalla dashboard.
Caricamento dell'applicazione su Square Cloud
4

Conferma che la tua app sia online

Il primo deploy richiede di solito meno di un minuto. Nella dashboard, attendi che lo stato della tua applicazione mostri “in esecuzione” e controlla i log per eventuali errori di avvio.
Se hai fatto il deploy di un sito web o di un’API, apri https://<tuo-sottodominio>.squareweb.app nel tuo browser: dovresti vedere la tua applicazione rispondere. Se hai fatto il deploy di un bot, invia un comando per confermare che sia online.
La tua app non si avvia? Consulta la guida alla risoluzione dei problemi per le cause più comuni e le relative soluzioni.

​
Tramite CLI

Per utilizzare questo metodo, il tuo progetto deve avere un file di configurazione chiamato squarecloud.app nella sua radice. Indica a Square Cloud come eseguire la tua applicazione.

Guida al file di configurazione

Scopri come creare il file di configurazione squarecloud.app che definisce l’ambiente della tua applicazione.
1

Installa la CLI

Installa la CLI di Square Cloud. Se ce l’hai già, esegui lo stesso comando per aggiornarla:
2

Accedi

Esegui il comando qui sotto. Apre il tuo browser: approva l’accesso lì e la CLI è pronta. Non c’è nessuna chiave API da copiare. Per script e CI, consulta Autenticazione della CLI.
3

Carica il tuo progetto

Dalla cartella del tuo progetto, esegui il comando qui sotto. La CLI comprime la cartella corrente, escludendo ciò che elenca squarecloud.ignore, e la carica:
Per caricare uno zip che hai creato tu, passalo con --file:
4

Conferma che la tua app sia online

Il primo deploy richiede di solito meno di un minuto. Controlla lo stato e i log della tua applicazione direttamente dal terminale:
Se hai fatto il deploy di un sito web o di un’API, apri https://<tuo-sottodominio>.squareweb.app nel tuo browser: dovresti vedere la tua applicazione rispondere. Se hai fatto il deploy di un bot, invia un comando per confermare che sia online.
La tua app non si avvia? Consulta la guida alla risoluzione dei problemi per le cause più comuni e le relative soluzioni.

​
Errori comuni

​
Dominio personalizzato

Per utilizzare un dominio personalizzato (ad esempio, mysite.com) invece dell’URL predefinito mysite.squareweb.app, hai bisogno del piano Standard o superiore. L’URL predefinito deriva dal campo SUBDOMAIN nel file di configurazione. Per collegare il tuo dominio, segui come configurare il tuo dominio.

​
Requisiti minimi di RAM

Minimo: 512MB di RAM per siti web e API, sufficienti per una build statica sul runtime statico. Per le app che generano le pagine su un server (Next.js, Nuxt, Angular SSR e simili), consigliamo almeno 1GB di RAM. Per applicazioni più grandi, alloca più RAM per evitare che l’applicazione esaurisca la memoria e si arresti in modo anomalo.

​
Impossibile trovare questo sito.

Verifica che il sottodominio/dominio corrisponda a quanto configurato nel campo SUBDOMAIN o nelle impostazioni del dominio personalizzato. Se hai appena caricato il sito, attendi fino a 60 secondi affinché Square abiliti il primo accesso.

​
Il sito ha impiegato troppo tempo per rispondere…

Il tuo server deve ascoltare sulla porta 80 e sull’host 0.0.0.0. Square Cloud imposta le variabili d’ambiente PORT (80) e HOST (0.0.0.0) nella tua applicazione: leggile nel codice invece di scrivere altri valori fissi. Un server che ascolta solo su localhost o 127.0.0.1 non riceve mai richieste.

​
Cannot find package ‘undici’

Il server ha bisogno di un pacchetto che è ancora in devDependencies. Esegui npm install --save-prod undici dotenv e carica il nuovo package.json. Square Cloud installa le dipendenze solo quando manca node_modules, quindi elimina la cartella node_modules della tua applicazione dal file manager della dashboard, poi riavviala.

​
Prossimi passi

Variabili d'ambiente

Tieni segreti e impostazioni fuori dal codice e leggili in fase di esecuzione.

Dominio personalizzato

Pubblica la tua app sul tuo dominio, dal piano Standard in su.

Risoluzione dei problemi

Sistema un’app che non si avvia o un sito che non risponde.
Per saperne di più su Qwik, consulta la documentazione ufficiale di Qwik.

​
Contattaci

Se continui a riscontrare difficoltà tecniche, il nostro team di supporto specializzato è disponibile ad assisterti. Contattaci e saremo felici di aiutarti a risolvere qualsiasi problema: la qualità del supporto è una parte importante del motivo per cui gli sviluppatori valutano Square Cloud 4,9/5 su 402 recensioni su Google e Trustpilot.