웹 앱 미리보기

이 페이지에서는 Cloud Shell에서 웹 미리보기 기능을 사용하는 방법을 설명합니다. 이 기능을 사용하면 Cloud Shell 가상 머신 인스턴스에서 웹 애플리케이션을 실행하고 Google Cloud Console에서 미리 볼 수 있습니다.

웹 미리보기 버튼 웹 미리보기 버튼은 Cloud Shell 작업 표시줄의 오른쪽 상단에 있습니다.

웹 애플리케이션 시작

Cloud Shell 가상 머신에서 App Engine 개발 서버를 포함하여 HTTP 요청을 리슨하는 모든 웹 애플리케이션을 실행할 수 있습니다. 웹 애플리케이션은 2000~65000의 허용 범위 내 포트에서 HTTP 요청을 리슨해야 합니다. 이러한 포트는 HTTPS상의 액세스를 사용자 계정에 한해 제한하는 보안 Cloud Shell 프록시 서비스 대상으로만 사용 가능합니다.

간단한 서버 예시

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에서 실행됩니다.

애플리케이션 미리보기

웹 미리보기 버튼 웹 미리보기 버튼을 클릭한 후 표시되는 메뉴에서 포트 번호를 선택합니다. Cloud Shell에서 새 브라우저 창이 열리면서 프록시 서비스의 미리보기 URL이 표시됩니다.

https://$PORT-$WEB_HOST 형식 또는 Cloud Shell API를 사용하여 Cloud Shell 터미널에서 포트를 환경 변수 WEB_HOST와 결합하여 미리보기 URL에 액세스할 수도 있습니다.