IoT-For-Beginners/translations/et/quiz-app

Viktoriinid

Need viktoriinid on IoT algajatele õppekava eel- ja järelloengute viktoriinid aadressil https://aka.ms/iot-beginners

Projekti seadistamine

npm install

Arenduseks kompileerimine ja kuumlaadimine

npm run serve

Tootmiseks kompileerimine ja minimeerimine

npm run build

Failide lintimine ja parandamine

npm run lint

Konfiguratsiooni kohandamine

Vaata Konfiguratsiooni viidet.

Tunnustus: Tänud selle viktoriinirakenduse algversiooni eest: https://github.com/arpan45/simple-quiz-vue

Azure'i juurutamine

Siin on samm-sammuline juhend, mis aitab sul alustada:

1. Forki GitHubi repositoorium Veendu, et sinu staatilise veebirakenduse kood on sinu GitHubi repositooriumis. Forki see repositoorium.

2. Loo Azure'i staatiline veebirakendus

• Loo Azure'i konto
• Mine Azure'i portaali
• Klõpsa “Loo ressurss” ja otsi “Static Web App”.
• Klõpsa “Loo”.

3. Konfigureeri staatiline veebirakendus

• Põhiandmed: Tellimus: Vali oma Azure'i tellimus.

• Ressursigrupp: Loo uus ressursigrupp või kasuta olemasolevat.

• Nimi: Anna oma staatilisele veebirakendusele nimi.

• Piirkond: Vali piirkond, mis on sinu kasutajatele kõige lähemal.

• Juurutamise üksikasjad:

• Allikas: Vali “GitHub”.

• GitHubi konto: Autoriseeri Azure, et pääseda sinu GitHubi kontole.

• Organisatsioon: Vali oma GitHubi organisatsioon.

• Repositoorium: Vali repositoorium, mis sisaldab sinu staatilist veebirakendust.

• Haru: Vali haru, millest soovid juurutada.

• Ehituse üksikasjad:

• Ehituse eelseadistused: Vali raamistik, millele sinu rakendus on ehitatud (nt React, Angular, Vue jne).

• Rakenduse asukoht: Määra kaust, mis sisaldab sinu rakenduse koodi (nt / kui see on juurkaustas).

• API asukoht: Kui sul on API, määra selle asukoht (valikuline).

• Väljundi asukoht: Määra kaust, kuhu ehituse väljund genereeritakse (nt build või dist).

4. Ülevaatus ja loomine Vaata oma seadeid üle ja klõpsa “Loo”. Azure seadistab vajalikud ressursid ja loob GitHub Actions töövoo sinu repositooriumis.

5. GitHub Actions töövoog Azure loob automaatselt GitHub Actions töövoo faili sinu repositooriumis (.github/workflows/azure-static-web-apps-.yml). See töövoog haldab ehituse ja juurutamise protsessi.

6. Juurutamise jälgimine Mine oma GitHubi repositooriumi “Actions” vahekaardile. Sa peaksid nägema töövoogu, mis töötab. See töövoog ehitab ja juurutab sinu staatilise veebirakenduse Azure'i. Kui töövoog on lõpule jõudnud, on sinu rakendus saadaval antud Azure'i URL-il.

Näide töövoo failist

Siin on näide, milline GitHub Actions töövoo fail võib välja näha: 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

Täiendavad ressursid

• Azure Static Web Apps dokumentatsioon
• GitHub Actions dokumentatsioon

---

Lahtiütlus:
See dokument on tõlgitud AI tõlketeenuse Co-op Translator abil. Kuigi püüame tagada täpsust, palume arvestada, et automaatsed tõlked võivad sisaldada vigu või ebatäpsusi. Algne dokument selle algses keeles tuleks pidada autoriteetseks allikaks. Olulise teabe puhul soovitame kasutada professionaalset inimtõlget. Me ei vastuta selle tõlke kasutamisest tulenevate arusaamatuste või valesti tõlgenduste eest.