我的Web应用程序是使用Angular框架v 18.14.0构建的。
最新的Angular 版本是v16.2。

ng version

• 当我们运行ng build时，将创建包含所需文件的dist文件夹。

• 而不是从根目录的所有文件，您可以简单地设置yml文件夹路径中的dist文件。
• 因此，您可以从yml文件中删除zip和Unzip。

- name: Zip artifact for deployment
      run: zip release.zip ./* -r

和

- name: Unzip artifact for deployment
    run: unzip release.zip

感谢@Nicola Delfino的清晰步骤。

我的yml文件：

name: Build and deploy Node.js app to Azure Web App - AngNodeOct

on:
  push:
    branches:
      - main
  workflow_dispatch:

jobs:
  build:
    runs-on: ubuntu-latest

    steps:
      - uses: actions/checkout@v4

      - name: Set up Node.js version
        uses: actions/setup-node@v1
        with:
          node-version: '18.x'

      - name: npm install, build, and test
        run: |
          npm install
          npm run build --if-present

      - name: Upload artifact for deployment job
        uses: actions/upload-artifact@v3
        with:
          name: node-app
          path: dist/

  deploy:
    runs-on: ubuntu-latest
    needs: build
    environment:
      name: 'Production'
      url: ${{ steps.deploy-to-webapp.outputs.webapp-url }}

    steps:
      - name: Download artifact from build job
        uses: actions/download-artifact@v3
        with:
          name: node-app

      - name: 'Deploy to Azure Web App'
        id: deploy-to-webapp
        uses: azure/webapps-deploy@v2
        with:
          app-name: 'AngNodeOct'
          slot-name: 'Production'
          publish-profile: ${{ secrets.AZUREAPPSERVICE_PUBLISHPROFILE_AECDE0FFE5DB4FF8A2892052DD061D08 }}
          package: .

• 在Configuration => General Settings中，添加以下启动命令。

pm2 serve /home/site/wwwroot/my-ang-app-oct --no-daemon --spa

• 输出：*