# Тестове Тези тестове са предварителните и последващите тестове за учебната програма "IoT за начинаещи" на https://aka.ms/iot-beginners ## Настройка на проекта ``` npm install ``` ### Компилиране и автоматично презареждане за разработка ``` npm run serve ``` ### Компилиране и минимизиране за продукция ``` npm run build ``` ### Проверка на кода и автоматично поправяне на файлове ``` npm run lint ``` ### Персонализиране на конфигурацията Вижте [Референция за конфигурация](https://cli.vuejs.org/config/). Кредити: Благодарности към оригиналната версия на това приложение за тестове: https://github.com/arpan45/simple-quiz-vue ## Деплойване в Azure Ето стъпка по стъпка ръководство, което ще ви помогне да започнете: 1. Форкнете GitHub хранилище Уверете се, че кодът на вашето статично уеб приложение е във вашето GitHub хранилище. Форкнете това хранилище. 2. Създайте Azure Static Web App - Създайте [Azure акаунт](http://azure.microsoft.com) - Отидете на [Azure портала](https://portal.azure.com) - Кликнете върху „Create a resource“ и потърсете „Static Web App“. - Кликнете върху „Create“. 3. Конфигурирайте Static Web App - Основни настройки: - Subscription: Изберете вашия Azure абонамент. - Resource Group: Създайте нова ресурсна група или използвайте съществуваща. - Name: Дайте име на вашето статично уеб приложение. - Region: Изберете региона, който е най-близо до вашите потребители. - #### Подробности за деплойването: - Source: Изберете „GitHub“. - GitHub Account: Авторизирайте Azure да има достъп до вашия GitHub акаунт. - Organization: Изберете вашата GitHub организация. - Repository: Изберете хранилището, което съдържа вашето статично уеб приложение. - Branch: Изберете клона, от който искате да деплойвате. - #### Подробности за билдването: - Build Presets: Изберете фреймуърка, с който е създадено вашето приложение (например React, Angular, Vue и т.н.). - App Location: Посочете папката, която съдържа кода на вашето приложение (например /, ако е в корена). - API Location: Ако имате API, посочете неговото местоположение (по избор). - Output Location: Посочете папката, където се генерира изходният билд (например build или dist). 4. Преглед и създаване Прегледайте настройките си и кликнете върху „Create“. Azure ще създаде необходимите ресурси и ще създаде GitHub Actions workflow във вашето хранилище. 5. GitHub Actions Workflow Azure автоматично ще създаде GitHub Actions workflow файл във вашето хранилище (.github/workflows/azure-static-web-apps-.yml). Този workflow ще се грижи за процеса на билдване и деплойване. 6. Наблюдение на деплойването Отидете в таба „Actions“ във вашето GitHub хранилище. Трябва да видите работен процес, който се изпълнява. Този процес ще билдне и деплойне вашето статично уеб приложение в Azure. След като процесът завърши, вашето приложение ще бъде достъпно на предоставения Azure URL. ### Примерен файл за 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 ``` ### Допълнителни ресурси - [Документация за Azure Static Web Apps](https://learn.microsoft.com/azure/static-web-apps/getting-started) - [Документация за GitHub Actions](https://docs.github.com/actions/use-cases-and-examples/deploying/deploying-to-azure-static-web-app) --- **Отказ от отговорност**: Този документ е преведен с помощта на AI услуга за превод [Co-op Translator](https://github.com/Azure/co-op-translator). Въпреки че се стремим към точност, моля, имайте предвид, че автоматизираните преводи може да съдържат грешки или неточности. Оригиналният документ на неговия роден език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален човешки превод. Не носим отговорност за недоразумения или погрешни интерпретации, произтичащи от използването на този превод.