注: 今後数か月にわたり、App Engine ドキュメント サイトの再編成によって、コンテンツを見つけやすくし、他の Google Cloud プロダクトとより適切に連携できるようにする予定です。同じコンテンツを使用できますが、ナビゲーションは他の Cloud プロダクトと同じになります。
PHP バージョン 5.5 はた
コミュニティでサポートを終了したため、新しいアプリでは
PHP 7+ ランタイムを使用することを強くおすすめします。
静的ファイルの提供
コレクションでコンテンツを整理
必要に応じて、コンテンツの保存と分類を行います。
このページでは、CSS を静的ファイルとして提供する方法を説明します。
従来のウェブホスティング環境とは異なり、Google App Engine では、構成を行わない限り、アプリケーションのソースディレクトリから直接ファイルを提供しません。ただし、画像、CSS、JavaScript コードなどの静的ファイルをウェブブラウザに直接提供することはできます。また、独自のハンドラを作成せずに特定のファイルを提供するように App Engine に指示できます。
このページは複数ページからなるチュートリアルの一部です。設定などの手順を最初から見るには、ゲストブックの作成に移動してください。
ハンドラの定義
次のコードサンプルでは、app.yaml
ファイルで URL の 2 つの新しいハンドラが定義されています。
App Engine は、/stylesheets
で始まる URL のリクエストを受け取ると、残りのパスを stylesheets
ディレクトリ内のファイルにマッピングします。適切なファイルが見つかった場合、その内容をクライアントに返します。
他の URL はすべて /.*
パスと照合され、helloworld.php
スクリプトによって処理されます。
URL ハンドラのパスパターンは、app.yaml
内での出現順でテストされます。この場合、/.*
パターンが適切なパスを照合する前に、/stylesheets
パターンの照合を行います。URL マッピングや app.yaml
で指定できるその他のオプションの詳細については、app.yaml
リファレンスをご覧ください。
スタイルシートの追加
次のコードサンプルでは、CSS ファイルを作成してアプリケーションに追加しています。
このコードサンプルでは、次の内容を helloworld/stylesheets
ディレクトリ内の main.css
ファイルに追加します。
デフォルトでは、App Engine はファイルの拡張子に基づいた MIME タイプを使用して静的ファイルを提供します。たとえば、.css
で終わる拡張子を持つファイルの場合、text/css
の MIME タイプで提供されます。app.yaml
構成ファイルでハンドラを構成するときに mime_type
設定を使用すると、MIME タイプを明示的に構成できます。
このコードサンプルでは、アプリケーションでスタイルシートを使用するために、先頭の <html>
行の後に次の行を挿入します。
特に記載のない限り、このページのコンテンツはクリエイティブ・コモンズの表示 4.0 ライセンスにより使用許諾されます。コードサンプルは Apache 2.0 ライセンスにより使用許諾されます。詳しくは、Google Developers サイトのポリシーをご覧ください。Java は Oracle および関連会社の登録商標です。
最終更新日 2022-07-21 UTC。
[{
"type": "thumb-down",
"id": "hardToUnderstand",
"label":"Hard to understand"
},{
"type": "thumb-down",
"id": "incorrectInformationOrSampleCode",
"label":"Incorrect information or sample code"
},{
"type": "thumb-down",
"id": "missingTheInformationSamplesINeed",
"label":"Missing the information/samples I need"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻訳に関する問題"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"その他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"わかりやすい"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"問題の解決に役立った"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"その他"
}]