Github Actions中的Vuejs到Docker容器

如何解决Github Actions中的Vuejs到Docker容器

我正在尝试找出如何最好地将我的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上运行，但出现错误

云运行错误：容器无法启动。无法启动，然后在PORT环境变量定义的端口上侦听

我通常部署到AppEngine，但是我正在学习如何使用容器，但我并没有完全了解所缺少的内容。

解决方法

您收到的错误是因为您没有在代码中监听传入的HTTP请求，或者是在错误的端口上监听了传入的请求。

您可以看到Cloud Run container runtime中记录的内容，您的容器必须在Cloud Run定义并在$PORT环境变量中提供的端口上侦听传入的HTTP请求。

如果失败，则运行状况检查将失败，并且将切换到错误状态，并且不会将流量路由到正确的PORT。

我将为Node.js发布一个示例，并且我可以看到您未指定与端口相关的任何内容：

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