提供靜態檔案

本頁面說明如何以靜態檔案形式提供 CSS。

Google App Engine 不同於傳統的網路託管環境,除非特別設定,否則不會直接提供應用程式來源目錄的檔案。不過,建議您直接向網路瀏覽器提供圖片、CSS 和 JavaScript 程式碼等靜態檔案。您可以要求 App Engine 提供特定檔案,而不必另外建立自己的處理常式。

本頁面是多頁教學課程的一部分。如要從頭開始,並查看設定的操作說明,請前往建立留言板頁面。

定義處理常式

在以下程式碼範例中,app.yaml 檔案定義了兩個新的網址處理常式:

  1. App Engine 收到所含網址開頭為 /stylesheets 的要求時,會將路徑的其他部分對應至 stylesheets 目錄中的檔案,且如果找到適當檔案的話,會將該檔案的內容傳回至用戶端。

  2. 所有其他網址都符合 /.* 路徑,並由 helloworld.php 指令碼負責處理。

    runtime: php55
    api_version: 1
    
    handlers:
    - url: /stylesheets
      static_dir: stylesheets
    
    - url: /.*
      script: helloworld.php
    

系統會依網址處理常式路徑模式在 app.yaml 中出現的順序測試模式。在此範例中,系統會先比對 /stylesheets 模式,然後再比對 /.* 模式,以找出適當的路徑。如要進一步瞭解網址對應關係和您可以在 app.yaml 中指定的其他選項,請參閱 app.yaml 參考資料

新增樣式表

在以下程式碼範例中,系統會建立 CSS 檔案,並將該檔案新增到應用程式中。

  1. 這個程式碼範例會將以下內容新增到 helloworld/stylesheets 目錄中的 main.css 檔案:

    body {
      font-family: Verdana, Helvetica, sans-serif;
      background-color: #DDDDDD;
    }

    根據預設,App Engine 會依副檔名使用 MIME 類型提供靜態檔案。舉例來說,假設檔案名稱的結尾為 .css,那麼系統會以 text/css MIME 類型提供。在 app.yaml 設定檔中設定處理常式時,您可以使用 mime_type 設定來明確指定 MIME 類型。

  2. 這個程式碼範例會在頂端的 <html> 行後方插入以下幾行指令,以便在應用程式中使用樣式表:

    <head>
      <link type="text/css" rel="stylesheet" href="/stylesheets/main.css" />
    </head>
本頁內容對您是否有任何幫助?請提供意見:

傳送您對下列選項的寶貴意見...

這個網頁
PHP 5 適用的 App Engine 標準環境