Web-Dev-For-Beginners/translations/bg/quiz-app

Приложение за тестове

Тези тестове са предварителни и последващи тестове към лекциите от учебната програма за наука за данни на https://aka.ms/webdev-beginners

Добавяне на преведен набор от тестове

Добавете превод на тестовете, като създадете съответстващи структури на тестовете в папката assets/translations. Оригиналните тестове се намират в assets/translations/en. Тестовете са разделени на няколко групи. Уверете се, че номерацията съответства на правилния раздел от тестовете. В тази учебна програма има общо 40 теста, като броенето започва от 0.

Ето как изглежда файлът за превод:

[
    {
        "title": "A title",
        "complete": "A complete button title",
        "error": "An error message upon selecting the wrong answer",
        "quizzes": [
            {
                "id": 1,
                "title": "Title",
                "quiz": [
                    {
                        "questionText": "The question asked",
                        "answerOptions": [
                            {
                                "answerText": "Option 1 title",
                                "isCorrect": true
                            },
                            {
                                "answerText": "Option 2 title",
                                "isCorrect": false
                            }
                        ]
                    }
                ]
            }
        ]
    }
]

След като редактирате преводите, редактирайте файла index.js в папката за преводи, за да импортирате всички файлове, следвайки конвенциите в en.

Редактирайте файла index.js в assets/translations, за да импортирате новите преведени файлове.

Например, ако вашият JSON файл за превод е ex.json, направете 'ex' ключ за локализация, след което го въведете, както е показано по-долу, за да го импортирате:

index.js

import ex from "./ex.json";

// if 'ex' is localization key then enter it like so in `messages` to expose it 

const messages = {
  ex: ex[0],
};

export default messages;

Стартиране на приложението за тестове локално

Предварителни условия

• Акаунт в GitHub
• Node.js и Git

Инсталиране и настройка

1. Създайте хранилище от този шаблон

2. Клонирайте новото си хранилище и навигирайте до папката quiz-app

   git clone https://github.com/your-github-organization/repo-name
   cd repo-name/quiz-app
   

3. Инсталирайте npm пакетите и зависимостите

   npm install
   

Създаване на приложението

1. За да създадете решението, изпълнете:

   npm run build
   

Стартиране на приложението

1. За да стартирате решението, изпълнете:

   npm run dev
   

[Опционално] Линтинг

1. За да се уверите, че кодът е проверен, изпълнете:

   npm run lint
   

Деплой на приложението за тестове в Azure

Предварителни условия

• Абонамент за Azure. Регистрирайте се за безплатен тук.

  Оценка на разходите за деплой на това приложение за тестове: БЕЗПЛАТНО

След като влезете в Azure чрез горния линк, изберете абонамент и ресурсна група, след това:

• Детайли за статичното уеб приложение: Въведете име и изберете хостинг план

• Вход в GitHub: Задайте източника на деплой като GitHub, след това влезте и попълнете необходимите полета във формуляра:

  • Организация – Изберете вашата организация.
  • Хранилище – Изберете хранилището за учебната програма Web Dev for Beginners.
  • Клон - Изберете клон (main)

• Предварителни настройки за създаване: Azure Static Web Apps използва алгоритъм за откриване на рамката, използвана във вашето приложение.

  • Местоположение на приложението - ./quiz-app
  • Местоположение на API -
  • Местоположение на изхода - dist

• Деплой: Кликнете 'Review + Create', след това 'Create'

  След като деплойът е завършен, файл за работен процес ще бъде създаден в директорията .github на вашето хранилище. Този файл за работен процес съдържа инструкции за събития, които ще задействат повторен деплой на приложението в Azure, например push на клон main и др.

  Примерен файл за работен процес

  Ето как може да изглежда файлът за работен процес на 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
  

• След деплой: След като деплойът е завършен, кликнете върху 'Go to Deployment', след това 'View app in browser'.

След като GitHub Action (работен процес) бъде успешно изпълнен, обновете страницата на живо, за да видите вашето приложение.

---

Отказ от отговорност:
Този документ е преведен с помощта на AI услуга за превод Co-op Translator. Въпреки че се стремим към точност, моля, имайте предвид, че автоматизираните преводи може да съдържат грешки или неточности. Оригиналният документ на неговия изходен език трябва да се счита за авторитетен източник. За критична информация се препоръчва професионален превод от човек. Ние не носим отговорност за каквито и да е недоразумения или погрешни интерпретации, произтичащи от използването на този превод.