預覽網頁應用程式

本頁面說明如何在 Cloud Shell 中使用網頁預覽功能。這項功能可讓您在 Cloud Shell 虛擬機器執行個體上執行網路應用程式，並透過 Google Cloud console進行預覽。

網頁預覽按鈕 網頁預覽功能按鈕 位於 Cloud Shell 工作列的右上方。

啟動網頁應用程式

您可以在 Cloud Shell 虛擬機器上執行任何監聽 HTTP 要求的網路應用程式，包括 App Engine 開發伺服器。不過請注意，網路應用程式必須在位於允許範圍內的通訊埠上 (介於 2000 至 65000 之間) 聽取 HTTP 要求。這些通訊埠僅供安全的 Cloud Shell Proxy 服務使用，因此只有透過 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 上運作。

預覽應用程式

按一下「Web Preview」按鈕 網頁預覽功能按鈕，然後在顯示的選單中選取通訊埠編號。接著，Cloud Shell 就會在新的瀏覽器視窗中，開啟相關 Proxy 服務的預覽網址。

您也可以使用 https://$PORT-$WEB_HOST 格式，在 Cloud Shell 終端機中將連接埠與環境變數 WEB_HOST 結合，或使用 Cloud Shell API 來存取預覽網址。

存取 Streamlit 應用程式

Cloud Shell 中的網頁預覽功能會透過一系列 HTTP 代理伺服器運作。在 HTTP Proxy 後方執行時，Streamlit 應用程式需要額外的引數才能運作。執行這些應用程式時，請務必在指令列中指定 --browser.serverAddress=localhost --server.enableCORS=false --server.enableXsrfProtection=false。