7.4 KiB

Raw Permalink Blame History Unescape Escape

Викторины

Эти викторины предназначены для предварительных и итоговых проверок знаний в рамках учебного курса "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

Вот пошаговое руководство, которое поможет вам начать:

Форкните репозиторий на GitHub
Убедитесь, что код вашего статического веб-приложения находится в вашем репозитории на GitHub. Сделайте форк этого репозитория.
Создайте статическое веб-приложение в Azure

Создайте учетную запись Azure
Перейдите в портал Azure
Нажмите «Создать ресурс» и найдите «Static Web App».
Нажмите «Создать».

Настройте статическое веб-приложение

Основные параметры:
- Подписка: Выберите вашу подписку Azure.
- Группа ресурсов: Создайте новую группу ресурсов или используйте существующую.
- Имя: Укажите имя для вашего статического веб-приложения.
- Регион: Выберите регион, ближайший к вашим пользователям.
Детали развертывания:
- Источник: Выберите «GitHub».
- Учетная запись GitHub: Авторизуйте Azure для доступа к вашей учетной записи GitHub.
- Организация: Выберите вашу организацию на GitHub.
- Репозиторий: Выберите репозиторий, содержащий ваш статический веб-приложение.
- Ветка: Выберите ветку, из которой будет выполняться развертывание.
Детали сборки:
- Предустановки сборки: Выберите фреймворк, на котором построено ваше приложение (например, React, Angular, Vue и т. д.).
- Расположение приложения: Укажите папку, содержащую код вашего приложения (например, /, если оно находится в корне).
- Расположение API: Если у вас есть API, укажите его расположение (опционально).
- Расположение вывода: Укажите папку, где генерируется результат сборки (например, build или dist).

Проверьте и создайте
Проверьте настройки и нажмите «Создать». Azure настроит необходимые ресурсы и создаст файл рабочего процесса GitHub Actions в вашем репозитории.
Рабочий процесс GitHub Actions
Azure автоматически создаст файл рабочего процесса GitHub Actions в вашем репозитории (.github/workflows/azure-static-web-apps-.yml). Этот рабочий процесс будет обрабатывать процесс сборки и развертывания.
Мониторинг развертывания
Перейдите на вкладку «Actions» в вашем репозитории на GitHub.
Вы должны увидеть запущенный рабочий процесс. Этот процесс соберет и развернет ваше статическое веб-приложение в Azure.
После завершения рабочего процесса ваше приложение будет доступно по предоставленному URL-адресу Azure.

Пример файла рабочего процесса

Вот пример того, как может выглядеть файл рабочего процесса 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

Дополнительные ресурсы

Отказ от ответственности:
Этот документ был переведен с использованием сервиса автоматического перевода Co-op Translator. Хотя мы стремимся к точности, пожалуйста, учитывайте, что автоматические переводы могут содержать ошибки или неточности. Оригинальный документ на его родном языке следует считать авторитетным источником. Для получения критически важной информации рекомендуется профессиональный перевод человеком. Мы не несем ответственности за любые недоразумения или неправильные интерпретации, возникшие в результате использования данного перевода.

7.4 KiB Raw Permalink Blame History Unescape Escape