Gestione dei file statici

Questa pagina mostra come pubblicare un CSS come file statico.

A differenza di un ambiente di hosting web tradizionale, Google App Engine non pubblica i file direttamente dalla directory di origine dell'applicazione a meno che non sia configurato appositamente. Tuttavia, è possibile pubblicare file statici come immagini, CSS e codice JavaScript direttamente nel browser web. Puoi indicare ad App Engine di gestire file specifici senza creare gestori personali.

Questa pagina fa parte di un tutorial multi pagina. Per partire dall'inizio e vedere le istruzioni per la configurazione, vai a Creare un guestbook.

Definizione dei gestori

Nel seguente esempio di codice, nel file app.yaml sono definiti due nuovi gestori per gli URL:

  1. Quando App Engine riceve una richiesta con un URL che inizia con /stylesheets, mappa la parte restante del percorso ai file nella directory stylesheets e, se viene trovato un file appropriato, i contenuti di quest'ultimo vengono restituiti al client.

  2. Tutti gli altri URL corrispondono al percorso /.* e sono gestiti dallo script helloworld.php.

    app.yaml 
    runtime: php55
api_version: 1

handlers:
- url: /stylesheets
  static_dir: stylesheets

- url: /.*
  script: helloworld.php

I pattern di percorso del gestore di URL vengono testati nell'ordine in cui appaiono in app.yaml. In questo caso, la corrispondenza del pattern /stylesheets sarà precedente al pattern /.* per i percorsi appropriati. Per ulteriori informazioni sul mapping degli URL e su altre opzioni che puoi specificare in app.yaml, consulta questo riferimento app.yaml.

Aggiunta del foglio di stile

Nel seguente esempio di codice viene creato un file CSS che viene quindi aggiunto all'applicazione.

  1. Nell'esempio di codice viene aggiunto il seguente contenuto al file main.css nella directory helloworld/stylesheets:

    fogli di stile/main.css 
    body {
  font-family: Verdana, Helvetica, sans-serif;
  background-color: #DDDDDD;
}

    Per impostazione predefinita, App Engine gestisce i file statici utilizzando un tipo MIME basato sull'estensione del nome file. Ad esempio, un file il cui nome termina con .css verrà pubblicato con il tipo MIME text/css. Puoi configurare tipi MIME espliciti utilizzando l'impostazione mime_type durante la configurazione dei gestori nel file di configurazione app.yaml.

  2. Per utilizzare il foglio di stile nella tua applicazione, l'esempio di codice inserisce le seguenti righe dopo la riga <html> in alto:

    helloworld.php 
    <head>
  <link type="text/css" rel="stylesheet" href="/stylesheets/main.css" />
</head>