将静态HTML网站从GitHub部署到Azure静态Web应用程序

Question

我在Github为静态网站创建了一个存储库。那里有一个名为网站的文件夹，它包含该网站的所有静态HTML文件。然后，我用github在Azure中设置了一个静态Web应用程序，作为源

立即创建静态Web应用程序后，

name: Azure Static Web Apps CI/CD

on:
  push:
    branches:
      - main
  pull_request:
    types: [opened, synchronize, reopened, closed]
    branches:
      - main

jobs:
  build_and_deploy_job:
    if: github.event_name == 'push' || (github.event_name == 'pull_request' && github.event.action != 'closed')
    runs-on: ubuntu-latest
    name: Build and Deploy Job
    steps:
      - uses: actions/checkout@v2
        with:
          submodules: true
      - name: Build And Deploy
        id: builddeploy
        uses: Azure/static-web-apps-deploy@v1
        with:
          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_GRAY_CLIFF_62B10 }}
          repo_token: ${{ secrets.GITHUB_TOKEN }} # Used for Github integrations (i.e. PR comments)
          action: "upload"
          ###### Repository/Build Configurations - These values can be configured to match your app requirements. ######
          # For more information regarding Static Web App workflow configurations, please visit: https://aka.ms/swaworkflowconfig
          app_location: "/Website" # App source code path
          api_location: "" # Api source code path - optional
          output_location: "wwwroot" # Built app content directory - optional
          ###### End of Repository/Build Configurations ######

  close_pull_request_job:
    if: github.event_name == 'pull_request' && github.event.action == 'closed'
    runs-on: ubuntu-latest
    name: Close Pull Request Job
    steps:
      - name: Close Pull Request
        id: closepullrequest
        uses: Azure/static-web-apps-deploy@v1
        with:
          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_GRAY_CLIFF_62B10 }}
          action: "close"

在我的GitHub存储库中也可以在我的静态网站（html） 中创建一个操作。文件位于root的网站文件夹下。由于我首先从GitHub部署到Azure中的静态Web应用程序，因此我不确定输出位置。因此，我刚刚进入wwwroot，猜测这个文件夹在我的Azure托管位置中创建。但是执行发出了错误

应用程序构建未能生成伪影文件夹：'wwwroot'。请 确保在工作流文件中正确配置此属性。

我不明白我做错了什么。请帮忙。在我的假设中，只有一些静态文件，并且可以将HTML文件复制到我的静态Web应用程序的Azure托管区域中。另外，我无法找到可以从Azure Portal获取的信息。

Answer 1

为了解决此，应用程序构建未能产生伪影文件夹：'wwwroot'。请确保在工作流文件中正确配置此属性。错误，尝试以下方式：

如 anthonychu 和 jesuisme

app_location: "/" 
api_location: "" 
app_artifact_location: "wwwroot"
output_location: "./"

您能帮助我如何在Azure静态Web应用中找到根文件夹

您可以使用 kudu控制台找到根文件夹。另外，如果使用VS代码，则可以打开 .github 存储库。

参考：从Azure static Web应用程序开始， azure应用服务无法找到根文件夹路径和使用Kudu将静态网站发布到Azure App Service

Answer 2

我在SRC文件夹中有所有文件（我的项目只有HTML ANS JS文件）

，这是我的GitHub操作文件：

name: Deploy web app to Azure Static Web Apps

env:
  APP_LOCATION: "src" # location of your client code
  #API_LOCATION: "api" # location of your api source code - optional
  APP_ARTIFACT_LOCATION: "wwwroot" #"build" # location of client code build output

on:
  push:
    branches:
      - main
    paths:
      - 'src/**'
  pull_request:
    types: [opened, synchronize, reopened, closed]
    branches:
      - main

permissions:
  issues: write
  contents: read

jobs:
  build_and_deploy:
    if: github.event_name == 'push' || (github.event_name == 'pull_request' && github.event.action != 'closed')
    runs-on: ubuntu-latest
    name: Build and Deploy
    steps:
      - uses: actions/checkout@v3
        with:
          submodules: true
      - name: Build And Deploy
        uses: Azure/static-web-apps-deploy@1a947af9992250f3bc2e68ad0754c0b0c11566c9
        with:
          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_BRAVE_DESERT_08C538C10 }}
          repo_token: ${{ secrets.GITHUB_TOKEN }}
          action: "upload"
          app_location: ${{ env.APP_LOCATION }}
          #api_location: ${{ env.API_LOCATION }}
          app_artifact_location: ${{ env.APP_ARTIFACT_LOCATION }}

  close:
    if: github.event_name == 'pull_request' && github.event.action == 'closed'
    runs-on: ubuntu-latest
    name: Close
    steps:
      - name: Close
        uses: Azure/static-web-apps-deploy@1a947af9992250f3bc2e68ad0754c0b0c11566c9
        with:
          azure_static_web_apps_api_token: ${{ secrets.AZURE_STATIC_WEB_APPS_API_TOKEN_BRAVE_DESERT_08C538C10 }}
          action: "close"

您仍然需要在GitHub Secret中添加托克。

中，您将在静态Web应用程序资源中获得托管

在这里，您将在Azure Cloud

获得后，您需要插入这是您的秘密，例如：

​，秘密名称的关注。需要是您的github操作文件中的某些。