Come ospitare applicazioni Qwik

​

Introduzione

​

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.

​

Creazione del progetto

npm create qwik@latest

​

Installazione delle dipendenze

cd my-qwik-app
npm install

​

Sviluppo del progetto

npm run dev

export default function Index() {
  return <h1>Hello from Qwik!</h1>;
}

​

Compilazione del progetto

npm run build

node build/index.mjs

​

Scelta di un server di produzione

​

Libreria Express

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'));

​

Libreria Serve

​

Installare la libreria Serve

npm install serve@14.2.3

​

Configurare lo script di avvio

"scripts": {
  "start:prod": "serve -s dist -l 80",
  ...
}

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

​

Distribuzione

​

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.

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

npm install -g @squarecloud/cli

squarecloud update

curl -fsSL https://cli.squarecloud.app/install | bash

squarecloud auth login

squarecloud upload 

squarecloud upload --file <path/to/zip> 

squarecloud app status
squarecloud app logs

​

Risoluzione dei problemi

​

Risorse aggiuntive

​

Contattaci