IoT-For-Beginners/translations/zh/quiz-app

测验

这些测验是 IoT 初学者课程（https://aka.ms/iot-beginners）的课前和课后测验。

项目设置

npm install

编译并热加载用于开发

npm run serve

编译并压缩用于生产

npm run build

检查并修复文件

npm run lint

自定义配置

请参阅 配置参考。

鸣谢：感谢此测验应用的原始版本：https://github.com/arpan45/simple-quiz-vue

部署到 Azure

以下是帮助您开始的分步指南：

1. Fork 一个 GitHub 仓库
   确保您的静态 Web 应用代码在您的 GitHub 仓库中。Fork 此仓库。

2. 创建一个 Azure 静态 Web 应用

• 创建一个 Azure 账户
• 进入 Azure 门户
• 点击“创建资源”，搜索“静态 Web 应用”。
• 点击“创建”。

3. 配置静态 Web 应用

• 基本信息：

  • 订阅：选择您的 Azure 订阅。
  • 资源组：创建一个新的资源组或使用现有的资源组。
  • 名称：为您的静态 Web 应用提供一个名称。
  • 区域：选择离您的用户最近的区域。

• 部署详情：

  • 源：选择“GitHub”。
  • GitHub 账户：授权 Azure 访问您的 GitHub 账户。
  • 组织：选择您的 GitHub 组织。
  • 仓库：选择包含静态 Web 应用的仓库。
  • 分支：选择您希望部署的分支。

• 构建详情：

  • 构建预设：选择您的应用所使用的框架（例如 React、Angular、Vue 等）。
  • 应用位置：指定包含应用代码的文件夹（例如，如果在根目录则为 /）。
  • API 位置：如果您有 API，请指定其位置（可选）。
  • 输出位置：指定生成构建输出的文件夹（例如 build 或 dist）。

4. 审核并创建
   审核您的设置并点击“创建”。Azure 将设置必要的资源，并在您的仓库中创建一个 GitHub Actions 工作流。

5. GitHub Actions 工作流
   Azure 会自动在您的仓库中创建一个 GitHub Actions 工作流文件（.github/workflows/azure-static-web-apps-.yml）。此工作流将处理构建和部署过程。

6. 监控部署
   进入 GitHub 仓库中的“Actions”标签。
   您应该看到一个工作流正在运行。此工作流将构建并部署您的静态 Web 应用到 Azure。
   工作流完成后，您的应用将上线并可通过提供的 Azure URL 访问。

示例工作流文件

以下是 GitHub Actions 工作流文件的示例：
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:
    runs-on: ubuntu-latest
    name: Build and Deploy Job
    steps:
      - uses: actions/checkout@v2
      - 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 }}
          repo_token: ${{ secrets.GITHUB_TOKEN }}
          action: "upload"
          app_location: "quiz-app" #App source code path
          api_location: ""API source code path optional
          output_location: "dist" #Built app content directory - optional

其他资源

• Azure 静态 Web 应用文档
• GitHub Actions 文档

免责声明：
本文档使用AI翻译服务Co-op Translator进行翻译。尽管我们努力确保准确性，但请注意，自动翻译可能包含错误或不准确之处。应以原始语言的文档作为权威来源。对于关键信息，建议使用专业人工翻译。对于因使用本翻译而引起的任何误解或误读，我们概不负责。