ウェブアプリをプレビューする

このページでは、Cloud Shell でウェブ プレビュー機能を使用する方法について説明します。この機能を使用すると、Cloud Shell 仮想マシン インスタンスでウェブ アプリケーションを実行し、Google Cloud Console からプレビューできます。

ウェブ プレビュー ボタン [ウェブでプレビュー] ボタン は、Cloud Shell タスクバーの右上にあります。

ウェブ アプリケーションを開始する

HTTP リクエストをリッスンするウェブ アプリケーションを、App Engine 開発用サーバーなどの Cloud Shell の仮想マシン上で実行できます。ウェブ アプリケーションは、ポート番号が 2000 から 65000 の許可範囲内にあるポートで HTTP リクエストをリッスンしなければなりません。これらのポートは、セキュアな Cloud Shell プロキシ サービスだけが利用することができ、HTTPS でユーザー アカウントのみにアクセスするのは制限されています。

シンプルなサーバーの例

Cloud Shell のコマンド プロンプトからシンプルな Python HTTP サーバーを起動させる方法:

cd `mktemp -d` \
    && echo '<html><body>Hello World</body></html>' >./index.html \
    && python -m http.server 8080

App Engine 開発用サーバーの例

サンプルの App Engine アプリケーションをクローンし、それを App Engine 開発用サーバー上で実行する方法:

git clone https://github.com/GoogleCloudPlatform/appengine-guestbook-python \
    && cd appengine-guestbook-python \
    && dev_appserver.py ./app.yaml

デフォルトでは、開発用サーバーは、ポート 8080 で作動します。

アプリケーションをプレビューする

[ウェブでプレビュー] ボタン [ウェブでプレビュー] ボタン をクリックし、表示されたメニューからポート番号を選びます。プロキシ サービスのプレビュー用 URL が新しいブラウザ ウィンドウで開きます。

プレビュー URL には、Cloud Shell ターミナルでポートと環境変数 WEB_HOST を https://$PORT-$WEB_HOST の形式で結合してアクセスするか、Cloud Shell API を使用してもアクセスできます。