Archiviazione e pubblicazione di file statici

Spesso le applicazioni devono pubblicare file statici come JavaScript, immagini e CSS, oltre a gestire le richieste dinamiche. App nella versione standard in grado di pubblicare file statici da un'opzione di Google Cloud come Cloud Storage, li gestisci direttamente o usi contenuti di terze parti. rete di distribuzione (CDN).

L'hosting di un sito statico su Google Cloud può costare meno rispetto all'utilizzo di una tradizionale, in quanto Google Cloud fornisce livello gratuito.

Gestione dei file da Cloud Storage

Cloud Storage può ospitare asset statici per app web dinamiche. I vantaggi dell'utilizzo di Cloud Storage invece di pubblicare direttamente dall'app includono:

  • Cloud Storage funziona essenzialmente come una rete CDN (Content Delivery Network). Questo non richiede alcuna configurazione speciale, perché per impostazione predefinita qualsiasi oggetto di lettura pubblica viene memorizzato nella rete globale di Cloud Storage.
  • Il carico dell'app verrà ridotto spostando la pubblicazione degli asset statici su Cloud Storage. In base al numero di risorse statiche di cui disponi e al di accesso, questo può ridurre il costo di esecuzione dell'app per una quantità significativa.
  • Gli addebiti per la larghezza di banda per l'accesso ai contenuti possono spesso essere inferiori con Cloud Storage.

Puoi caricare gli asset su Cloud Storage utilizzando Google Cloud CLI o l'API Cloud Storage.

La libreria client di Google Cloud offre un modello Client Go 1.11 in Cloud Storage, per l'archiviazione e il recupero dei dati con Cloud Storage dell'app App Engine.

Esempio di pubblicazione da un bucket Cloud Storage

Questo semplice esempio crea un bucket Cloud Storage e carica asset statici utilizzando gcloud CLI:

  1. Crea un bucket. È comune, ma non obbligatorio, assegnare al bucket il nome dell'ID progetto. Il nome del bucket deve essere univoco a livello globale.

    gcloud storage buckets create gs://<var>YOUR_BUCKET_NAME</var>

  2. Imposta l'ACL in modo da concedere l'accesso in lettura agli elementi del bucket.

    gcloud storage buckets add-iam-policy-binding gs://<var>YOUR_BUCKET_NAME</var> --member=allUsers --role=roles/storage.objectViewer

  3. Caricare elementi nel bucket. In genere, il comando rsync è il modo più rapido e semplice per caricare e aggiornare gli asset. Puoi anche utilizzare cp.

    gcloud storage rsync ./static gs://<var>YOUR_BUCKET_NAME</var>/static --recursive

Ora puoi accedere alle risorse statiche tramite https://storage.googleapis.com/<var>YOUR_BUCKET_NAME</var>/static/....

Per ulteriori dettagli su come utilizzare Cloud Storage per pubblicare risorse statiche, incluso come pubblicarle da un nome di dominio personalizzato, consulta Come ospitare un sito web statico.

Gestione di file da altri servizi Google Cloud

Puoi anche utilizzare Cloud CDN o altri servizi di archiviazione di Google Cloud.

Pubblicazione di file direttamente dall'app

Per pubblicare file statici per Go 1.11 nell'ambiente standard, devi definire i gestori nel file app.yaml utilizzando static_dir o static_files elementi.

I contenuti dei file statici o delle directory statiche non sono interessati dalle impostazioni di ridimensionamento nel file app.yaml. Richieste di file statici o e le directory statiche sono gestite dall'infrastruttura di App Engine e non raggiungono il runtime del linguaggio dell'applicazione.

Configurare i gestori di file statici

Per configurare l'app in modo che pubblichi la directory ./public dall'URL /static, devi definire un gestore nel file app.yaml.

Di seguito viene illustrato come pubblicare i file statici di un esempio nella directory ./public dell'app. Il modello per la pagina index.html di questa app indica al browser di caricare il file main.css, ad esempio:

<link type="text/css" rel="stylesheet" href="/static/css/main.css">

La directory ./public è definita nell'elemento static_dir del file app.yaml del progetto:

handlers:
  - url: /favicon\.ico
    static_files: favicon.ico
    upload: favicon\.ico

  - url: /static
    static_dir: public

  - url: /.*
    secure: always
    redirect_http_response_code: 301
    script: auto

La sezione handlers nell'esempio riportato sopra gestisce tre pattern URL:

  • Il gestore /favicon.ico mappa una richiesta specifica per /favicon.ico a un file denominato favicon.ico nella directory principale dell'app.

  • Il gestore /static mappa le richieste per gli URL che iniziano con /static. Quando App Engine riceve una richiesta per un URL che inizia con /static, mappa il resto del percorso ai file nella directory ./public. Se nella directory viene trovato un file appropriato, i relativi contenuti vengono restituiti al client.

  • Il gestore /.* associa tutti gli altri URL e li indirizza alla tua app.

I pattern di percorso degli URL vengono testati nell'ordine in cui appaiono in app.yaml, pertanto il pattern per i tuoi file statici deve essere definito prima del pattern /.*. Per ulteriori informazioni, consulta il app.yaml riferimento.

Pubblicazione da una rete CDN (Content Delivery Network) di terze parti

Puoi utilizzare qualsiasi CDN di terze parti esterna per pubblicare i file statici e memorizzare nella cache le richieste dinamiche, ma la tua app potrebbe registrare un aumento della latenza e dei costi.

Per migliorare le prestazioni, devi utilizzare una CDN di terze parti che supporti CDN Interconnect.