Vai al contenuto principale

​
Introduzione

Per sviluppare e ospitare 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 a pagamento attivo: Garantisce risorse dedicate e prestazioni ottimizzate per la tua applicazione. Consulta i nostri piani disponibili e scegli quello più adatto alle tue esigenze.

​
Creare il progetto

Prima di iniziare, assicurati di avere Node.js (>=20) e npm installati sul tuo sistema. Se non li hai ancora, puoi scaricarli dal sito ufficiale di Node.js.
Per creare un progetto Astro, esegui l’inizializzatore ufficiale: 
npm create astro@latest
Segui le istruzioni per selezionare un template e le opzioni del progetto.

​
Installare le dipendenze

Dopo aver creato il progetto, entra nella directory del progetto e installa le dipendenze: 
cd my-astro-site
npm install

​
Sviluppare il progetto

Avvia il server di sviluppo con: 
npm run dev
Astro avvia solitamente il server di sviluppo su http://localhost:3000. Per creare una semplice pagina, aggiungi src/pages/index.astro con il seguente contenuto: 
---
---
<h1>Hello from Astro!</h1>
Puoi aggiungere componenti sotto src/components/ e importarli nelle tue pagine.

​
Compilare il progetto

Compila l’output di produzione prima di caricarlo: 
npm run build
Astro genererà l’output ottimizzato all’interno della cartella dist/ per impostazione predefinita.

​
Scegliere un server di produzione

Per servire la tua applicazione Astro in produzione hai bisogno di un server. Puoi crearne uno tuo o usarne di esistenti.

​
Libreria Express

Per servire il tuo progetto statico su Square Cloud, assicurati che il tuo server distribuisca correttamente i file statici. Per usare Node.js con Express, una configurazione comune è:
server.js
import express from 'express';
import path from 'path';

const app = express();
const distPath = path.join(import.meta.dirname, 'dist');

app.use(express.static(distPath));

// SPA fallback: serve index.html for any route not matched above
app.use((req, res) => {
  res.sendFile(path.join(distPath, 'index.html'));
});

app.listen(80, () => console.log('Server running on port 80'));
Adatta i parametri dei percorsi dist alla cartella di build del tuo progetto. Se si trova in una cartella all’interno di build o dist, usa quel percorso.

​
Libreria Serve

​
Installare la libreria Serve

Per installare la libreria serve, spostati nella directory del tuo progetto nel terminale ed esegui il seguente comando: 
npm install serve@14.2.3
Questo comando installa la versione 14.2.3 della libreria serve. Se vuoi installare l’ultima versione, puoi omettere @14.2.3.

​
Configurare lo script di avvio

Dopo aver installato la libreria serve, devi configurare lo script di avvio del tuo progetto per utilizzare serve. Per farlo, apri il file package.json del tuo progetto e aggiungi un nuovo script chiamato start:prod: 
"scripts": {
  "start:prod": "serve -s dist -l 80",
  ...
}
Nello script start:prod, serve -s build -l 80 fa quanto segue:
  • serve: Questo è il comando per avviare il server serve.
  • -s dist: L’opzione -s serve la directory dist in modalità single-page application. Questo significa che tutte le richieste non trovate verranno reindirizzate a index.html. La directory dist viene comunemente creata quando esegui npm run build.
  • -l 80: L’opzione -l seguita da 80 indica a serve di ascoltare sulla porta 80. La porta 80 è la porta predefinita per il traffico HTTP.
Adatta il parametro dist alla cartella di build del tuo progetto. Se si trova in una cartella all’interno di build o dist, usa quel percorso al suo posto.

​
Deploy

Dopo aver preparato i file del tuo progetto, puoi ora caricarli su Square Cloud e ospitare il tuo progetto. Per farlo, crea un file ZIP contenente tutti i file del tuo progetto.

​
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

​
Tramite CLI

Per utilizzare questo metodo, devi creare un file di configurazione chiamato squarecloud.app nella directory principale del tuo progetto. Questo file conterrà la configurazione necessaria per il tuo progetto.

Scopri di più su: come creare il file di configurazione per Square Cloud.

Il file squarecloud.app è un file di configurazione che verrà utilizzato per configurare la tua applicazione; verrà usato per definire il tuo ambiente.
1

Installa la CLI

Per prima cosa, devi avere la CLI installata nel tuo ambiente. Se non la hai ancora, esegui il seguente comando nel tuo terminale:
npm install -g @squarecloud/cli
Se la hai già, ti consigliamo di aggiornarla. Per farlo, esegui il seguente comando nel tuo terminale:
squarecloud update
2

Autenticati

Ora, per autenticarti e utilizzare gli altri comandi della CLI, troverai la tua chiave di autorizzazione qui cliccando su “Request API Key”. Dopo aver ottenuto la tua chiave di autorizzazione, esegui il seguente comando:
squarecloud auth login
3

Carica il tuo progetto

Infine, per eseguire il deploy della tua applicazione su Square Cloud tramite la CLI, devi eseguire il seguente comando:
squarecloud upload
Oppure, se hai creato lo zip manualmente, puoi usare:
squarecloud upload --file <path/to/zip>

​
Risorse aggiuntive

Per maggiori informazioni su Astro, visita la documentazione ufficiale qui.

​
Risoluzione dei problemi

​
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. Il sottodominio è definito dal campo SUBDOMAIN nel file di configurazione.

​
Requisiti minimi di RAM

Minimo: 512MB di RAM per siti web/API semplici. Per siti con framework (Next.JS, React, Vue, Angular, ecc.), consigliamo sempre 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…

Verifica di aver configurato correttamente la porta 80 e l’host 0.0.0.0 nell’applicazione. Consigliamo di utilizzare le variabili d’ambiente forzate di Square: PORT e HOST dal file .env.

​
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.