Statische Dateien bereitstellen

Auf dieser Seite erfahren Sie, wie Sie eine CSS-Datei als statische Datei bereitstellen.

Im Gegensatz zu einer herkömmlichen Webhosting-Umgebung stellt Google App Engine Dateien nicht direkt aus dem Quellverzeichnis Ihrer Anwendung bereit, es sei denn, dies ist so konfiguriert. Sie können jedoch statische Dateien wie Bilder, CSS und JavaScript-Code direkt im Webbrowser bereitstellen. Sie können festlegen, dass App Engine bestimmte Dateien bereitstellt, ohne dass Sie eigene Handler erstellen müssen.

Diese Seite ist Teil einer mehrseitigen Anleitung. Wenn Sie die Anleitung von Anfang an durchgehen und eine Anleitung zur Einrichtung erhalten möchten, rufen Sie Gästebuchanwendungen erstellen auf.

Handler definieren

Im folgenden Codebeispiel werden in der Datei app.yaml zwei neue Handler für URLs definiert:

  1. Wenn App Engine eine Anfrage mit einer URL erhält, die mit /stylesheets beginnt, wird der restliche Pfad Dateien im stylesheets-Verzeichnis zugeordnet. Falls eine passende Datei gefunden wird, werden dann die Inhalte der Datei dem Client zurückgegeben.

  2. Alle anderen URLs entsprechen dem /.*-Pfad und werden vomhelloworld.php -Skript bearbeitet.

    app.yaml 
    runtime: php55
api_version: 1

handlers:
- url: /stylesheets
  static_dir: stylesheets

- url: /.*
  script: helloworld.php

URL-Handler-Pfadmuster werden in der Reihenfolge geprüft, in der sie in app.yaml aufgeführt werden. In diesem Fall passt das /stylesheets-Muster vor dem /.*-Muster zu den entsprechenden Pfaden. Weitere Informationen zur URL-Zuordnung und zu anderen Optionen, die Sie in app.yaml angeben können, finden Sie in der Referenzdokumentation zu app.yaml.

Stylesheet hinzufügen

Im folgenden Codebeispiel wird eine CSS-Datei erstellt und dann der Anwendung hinzugefügt.

  1. Im Codebeispiel wird der Datei main.css im Verzeichnis helloworld/stylesheets der folgende Inhalt hinzugefügt:

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

    App Engine stellt statische Dateien standardmäßig mithilfe eines MIME-Typs bereit, der auf der jeweiligen Dateinamenerweiterung basiert. Eine Datei mit der Namensendung .csswird beispielsweise mit dem MIME-Typ text/css bereitgestellt. Sie können explizite MIME-Typen konfigurieren, indem Sie die Einstellung mime_type verwenden, wenn Sie Ihre Handler in der Konfigurationsdatei app.yaml konfigurieren.

  2. Um das Stylesheet in Ihrer Anwendung zu verwenden, fügt das Codebeispiel die folgenden Zeilen nach der Zeile <html> ganz oben ein:

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