leestott
c7a68c1882
|
3 weeks ago | |
|---|---|---|
| .. | ||
| README.md | 3 weeks ago | |
README.md
Викторины
Эти викторины предназначены для предварительного и итогового тестирования в рамках учебной программы по машинному обучению: https://aka.ms/ml-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. Хотя мы стремимся к точности, пожалуйста, имейте в виду, что автоматические переводы могут содержать ошибки или неточности. Оригинальный документ на его исходном языке следует считать авторитетным источником. Для получения критически важной информации рекомендуется профессиональный перевод человеком. Мы не несем ответственности за любые недоразумения или неправильные толкования, возникшие в результате использования данного перевода.