로드 중...
검색 결과가 없습니다.

Google Cloud 콘솔에서 기술 적용

실습 설정 안내 및 요구사항
계정과 진행 상황을 보호하세요. 이 실습을 실행하려면 항상 시크릿 브라우저 창과 실습 사용자 인증 정보를 사용하세요.

Deploy a Static Site Using Traefik and Cloud Run

실습 30분 universal_currency_alt 크레딧 1개 show_chart 입문
info 이 실습에는 학습을 지원하는 AI 도구가 통합되어 있을 수 있습니다.
이 콘텐츠는 아직 휴대기기에 최적화되지 않음
최상의 경험을 위해 데스크톱 컴퓨터에서 이메일로 전송된 링크를 사용하여 방문하세요.

gem-cloud-run-traefik-website

Google Cloud self-paced labs logo

Activate Cloud Shell

Cloud Shell is a virtual machine that is loaded with development tools. It offers a persistent 5GB home directory and runs on the Google Cloud. Cloud Shell provides command-line access to your Google Cloud resources.

  1. Click Activate Cloud Shell Activate Cloud Shell icon at the top of the Google Cloud console.

When you are connected, you are already authenticated, and the project is set to your PROJECT_ID. The output contains a line that declares the PROJECT_ID for this session:

Your Cloud Platform project in this session is set to YOUR_PROJECT_ID

gcloud is the command-line tool for Google Cloud. It comes pre-installed on Cloud Shell and supports tab-completion.

  1. (Optional) You can list the active account name with this command:
gcloud auth list

  1. Click Authorize.

  2. Your output should now look like this:

Output:

ACTIVE: * ACCOUNT: student-01-xxxxxxxxxxxx@qwiklabs.net To set the active account, run: $ gcloud config set account `ACCOUNT`
  1. (Optional) You can list the project ID with this command:
gcloud config list project

Output:

[core] project = <project_ID>

Example output:

[core] project = qwiklabs-gcp-44776a13dea667a6 Note: For full documentation of gcloud, in Google Cloud, refer to the gcloud CLI overview guide.

Overview

In this lab, you'll learn how to deploy a static website using Traefik as a reverse proxy and Cloud Run for serving the content. You will containerize a simple static site, push the image to Artifact Registry, configure Traefik to route traffic, and deploy it all to Cloud Run.

Task 1. Set Up Your Environment

Configure your Google Cloud environment for this lab.

  1. Enable the necessary APIs: Cloud Run, Artifact Registry, and Cloud Build.
gcloud services enable run.googleapis.com artifactregistry.googleapis.com cloudbuild.googleapis.com Note:
This command enables the required Google Cloud services.
  1. Set your Project ID.
gcloud config set project {{{ project_0.project_id | "PROJECT_ID" }}} Note:
Replace PROJECT_ID with your actual project ID.
  1. Set your default run region.
gcloud config set run/region {{{ project_0.default_region | "REGION" }}} Note:
Replace REGION with your desired region (e.g., us-central1).

Task 2. Create an Artifact Registry Repository

Create a Docker repository in Artifact Registry to store your container images.

  1. Create a Docker repository named 'traefik-site'.
gcloud artifacts repositories create traefik-repo --repository-format=docker --location={{{ project_0.default_region | "REGION" }}} --description="Docker repository for static site images" Note:
This command creates a Docker repository in Artifact Registry.

Task 3. Build and Push the Static Site Image

Create a simple static site, containerize it using Docker, and push the image to Artifact Registry.

  1. Create a directory for your static site.
mkdir traefik-site && cd traefik-site && mkdir public
  1. Create an public/index.html file with some simple content.
cat > public/index.html <<EOF <html> <head> <title>My Static Website</title> </head> <body> <p>Hello from my static website on Cloud Run!</p> </body> </html> EOF Note:
This is the HTML content for the static site.
  1. Authenticate Docker to Artifact Registry.
gcloud auth configure-docker {{{ project_0.default_region | "REGION" }}}-docker.pkg.dev Note:
This command configures Docker to use your Google Cloud credentials.
  1. Create a traefik.yml with the following content:
entryPoints: web: address: ":8080" providers: file: filename: /etc/traefik/dynamic.yml watch: true log: level: INFO Note:
This command creates the Traefik configuration file.
  1. Create a dynamic.yml with the following content:
http: routers: static-files: rule: "PathPrefix(`/`)" entryPoints: - web service: static-service services: static-service: loadBalancer: servers: - url: "http://localhost:8000" Note:
This command creates the dynamic content configuration file.

Task 4. Create the Dockerfile

Define the Docker image for Traefik and your static website.

  1. Create a Dockerfile with the following content:
FROM alpine:3.20 # Install traefik and caddy RUN apk add --no-cache traefik caddy # Copy configs and static files COPY traefik.yml /etc/traefik/traefik.yml COPY dynamic.yml /etc/traefik/dynamic.yml COPY public/ /public/ # Cloud Run uses port 8080 EXPOSE 8080 # Run static server (on 8000) and Traefik (on 8080) ENTRYPOINT [ "caddy" ] CMD [ "file-server", "--listen", ":8000", "--root", "/public", "&", "traefik" ] Note:
This Dockerfile uses the official Alpine image, sets the working directory, and copies your website and Caddyfile. Traefik will be used to handle routing and Caddy used to serve web content.

Task 5. Build and push the Docker image

Build the Docker image and push it to Artifact Registry.

  1. Build the Docker image. Replace and with your region and project ID.
docker build -t {{{ project_0.default_region | "REGION" }}}-docker.pkg.dev/{{{ project_0.project_id | "PROJECT_ID" }}}/traefik-repo/traefik-static-site:latest . Note:
This command builds the Docker image and tags it with the Artifact Registry repository URL.
  1. Push the Docker image to Artifact Registry.
docker push {{{ project_0.default_region | "REGION" }}}-docker.pkg.dev/{{{ project_0.project_id | "PROJECT_ID" }}}/traefik-repo/traefik-static-site:latest Note:
This command pushes the Docker image to Artifact Registry.

Task 6. Deploy to Cloud Run

Deploy the container image to Cloud Run.

  1. Deploy the service to Cloud Run. Replace and with your region and project ID.
gcloud run deploy traefik-static-site --image {{{ project_0.default_region | "REGION" }}}-docker.pkg.dev/{{{ project_0.project_id | "PROJECT_ID" }}}/traefik-repo/traefik-static-site:latest --platform managed --allow-unauthenticated --port 8000 Note:
This command deploys the Docker image to Cloud Run and allows unauthenticated access.
  1. When prompted, confirm the service name as traefik-static-site and allow unauthenticated invocations.
Note:
This configures the service name and permissions.
  1. Note the service URL provided by Cloud Run.
Note:
This is the URL where your static website is accessible.

Task 7. Access your website

Access the deployed website through the Cloud Run service URL.

  1. Open the Cloud Run service URL in your web browser.
Note:
Verify that your static website is displayed correctly.

Congratulations!

Congratulations! You have successfully deployed a static website using Traefik and Cloud Run. You learned how to containerize a static site, store the image in Artifact Registry, configure Traefik as a reverse proxy, and deploy it all to Cloud Run.

Additional Resources

Manual Last Updated Jun 25, 2025

Lab Last Tested Jun 25, 2025

시작하기 전에

  1. 실습에서는 정해진 기간 동안 Google Cloud 프로젝트와 리소스를 만듭니다.
  2. 실습에는 시간 제한이 있으며 일시중지 기능이 없습니다. 실습을 종료하면 처음부터 다시 시작해야 합니다.
  3. 화면 왼쪽 상단에서 실습 시작을 클릭하여 시작합니다.

시크릿 브라우징 사용

  1. 실습에 입력한 사용자 이름과 비밀번호를 복사합니다.
  2. 비공개 모드에서 콘솔 열기를 클릭합니다.

콘솔에 로그인

    실습 사용자 인증 정보를 사용하여
  1. 로그인합니다. 다른 사용자 인증 정보를 사용하면 오류가 발생하거나 요금이 부과될 수 있습니다.
  2. 약관에 동의하고 리소스 복구 페이지를 건너뜁니다.
  3. 실습을 완료했거나 다시 시작하려고 하는 경우가 아니면 실습 종료를 클릭하지 마세요. 이 버튼을 클릭하면 작업 내용이 지워지고 프로젝트가 삭제됩니다.

현재 이 콘텐츠를 이용할 수 없습니다

이용할 수 있게 되면 이메일로 알려드리겠습니다.

감사합니다

이용할 수 있게 되면 이메일로 알려드리겠습니다.

한 번에 실습 1개만 가능

모든 기존 실습을 종료하고 이 실습을 시작할지 확인하세요.

시크릿 브라우징을 사용하여 실습 실행하기

이 실습을 실행하는 가장 좋은 방법은 시크릿 모드 또는 시크릿 브라우저 창을 사용하는 것입니다. 개인 계정과 학생 계정 간의 충돌로 개인 계정에 추가 요금이 발생하는 일을 방지해 줍니다.