|
7 months ago | |
---|---|---|
.. | ||
README.md | 7 months ago |
README.md
Викторины
Эти викторины являются пред- и постлекционными викторинами для учебной программы по ML на 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
- Нажмите на “Создать ресурс” и найдите “Статическое веб-приложение”.
- Нажмите “Создать”.
- Настройте статическое веб-приложение
-
Основы: Подписка: Выберите вашу подписку 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
Дополнительные ресурсы
Отказ от ответственности:
Этот документ был переведен с использованием услуг машинного перевода на основе ИИ. Хотя мы стремимся к точности, пожалуйста, имейте в виду, что автоматические переводы могут содержать ошибки или неточности. Оригинальный документ на родном языке следует считать авторитетным источником. Для критически важной информации рекомендуется профессиональный человеческий перевод. Мы не несем ответственности за любые недоразумения или неправильные толкования, возникающие в результате использования этого перевода.