6.9 KiB
Вікторини
Ці вікторини є попередніми та підсумковими тестами для курсу машинного навчання за адресою 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 workflow у вашому репозиторії. -
GitHub Actions Workflow
Azure автоматично створить файл GitHub Actions workflow у вашому репозиторії (.github/workflows/azure-static-web-apps-.yml). Цей workflow буде обробляти процес збірки та розгортання. -
Моніторинг розгортання
Перейдіть до вкладки "Actions" у вашому GitHub репозиторії.
Ви повинні побачити запущений workflow. Цей workflow збере та розгорне ваш статичний веб-додаток на Azure.
Після завершення workflow ваш додаток буде доступний за наданою URL-адресою Azure.
Приклад файлу Workflow
Ось приклад того, як може виглядати файл GitHub Actions workflow:
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. Хоча ми прагнемо до точності, будь ласка, майте на увазі, що автоматичні переклади можуть містити помилки або неточності. Оригінальний документ на його рідній мові слід вважати авторитетним джерелом. Для критичної інформації рекомендується професійний людський переклад. Ми не несемо відповідальності за будь-які непорозуміння або неправильні тлумачення, що виникають внаслідок використання цього перекладу.