Vuejs 到 Github Actions 中的 docker 容器

Question

我試圖找出如何最好地容器化我的 Vuejs 應用程序，然后將其上傳到 Google Container Registry。

我已經把一些東西砍掉了，但我認為這是不對的，我的容器被推送到 GCR 但它不起作用。

# My GitHub action file to build the container

name: Build and Push container to GCR

on:
  push:
    branches: [ master ]

env:
  PROJECT_ID: ${{ secrets.GKE_PROJECT }}
  DEPLOYMENT_NAME: my-deployment
  IMAGE: my-app-image

jobs:
  setup-build-publish:
    name: Setup, Build, Publish, and Deploy
    runs-on: ubuntu-latest

    steps:
    - name: Checkout
      uses: actions/checkout@master

    # Setup gcloud CLI
    - uses: GoogleCloudPlatform/github-actions/setup-gcloud@0.1.3
      with:
        service_account_key: ${{ secrets.GKE_SA_KEY }}
        project_id: ${{ secrets.GKE_PROJECT }}

    # Configure Docker to use the gcloud command-line tool as a credential
    # helper for authentication
    - run: |-
        gcloud --quiet auth configure-docker

    # Build the Docker image
    - name: Build
      run: |-
        docker build \
          --tag "gcr.io/$PROJECT_ID/$IMAGE:$GITHUB_SHA" \
          --build-arg GITHUB_SHA="$GITHUB_SHA" \
          --build-arg GITHUB_REF="$GITHUB_REF" \
          .

    # Push the Docker image to Google Container Registry
    - name: Publish
      run: |-
        docker push "gcr.io/$PROJECT_ID/$IMAGE:$GITHUB_SHA"

我的 Dockerfile

FROM node:lts-alpine

# make the 'app' folder the current working directory
WORKDIR /app

# copy both 'package.json' and 'package-lock.json' (if available)
COPY package*.json ./

# install project dependencies
RUN npm install

# copy project files and folders to the current working directory (i.e. 'app' folder)
COPY . .

# build app for production with minification
RUN npm run build

然后我將此容器部署到在 GCP 上運行的 clud，但出現錯誤

Cloud Run 錯誤：容器無法啟動。 無法啟動然后偵聽 PORT 環境變量定義的端口

我通常部署到 AppEngine，但我正在學習如何使用容器，我不太明白我所缺少的東西。

Answer 1

您收到的錯誤是因為您沒有在代碼中偵聽傳入的 HTTP 請求，或者正在偵聽錯誤端口上的傳入請求。

正如您在Cloud Run 容器運行時中所記錄的那樣，您的容器必須在由 Cloud Run 定義並在$PORT環境變量中提供的端口上偵聽傳入的 HTTP 請求。

如果這失敗，健康檢查將失敗，並且它會切換到錯誤狀態並且流量不會被路由到正確的端口。

我會為 Node.js 發布一個示例，我可以看到您沒有指定與端口相關的任何內容：

const port = process.env.PORT || 8080;
app.listen(port, () => {
  console.log('Hello world listening on port', port);
});