# Kvizi Ti kvizi so predhodni in zaključni kvizi za učni načrt IoT za začetnike na https://aka.ms/iot-beginners ## Nastavitev projekta ``` npm install ``` ### Kompilacija in samodejno osveževanje za razvoj ``` npm run serve ``` ### Kompilacija in minimizacija za produkcijo ``` npm run build ``` ### Preverjanje kode in odpravljanje napak ``` npm run lint ``` ### Prilagoditev konfiguracije Glej [Referenca konfiguracije](https://cli.vuejs.org/config/). Zasluge: Zahvala za izvirno različico te aplikacije za kvize: https://github.com/arpan45/simple-quiz-vue ## Namestitev na Azure Tukaj je korak-po-korak vodič, ki vam bo pomagal začeti: 1. Forkajte GitHub repozitorij Poskrbite, da je koda vaše statične spletne aplikacije v vašem GitHub repozitoriju. Forkajte ta repozitorij. 2. Ustvarite Azure Static Web App - Ustvarite [Azure račun](http://azure.microsoft.com) - Pojdite na [Azure portal](https://portal.azure.com) - Kliknite na “Create a resource” in poiščite “Static Web App”. - Kliknite “Create”. 3. Konfigurirajte Static Web App - Osnovno: Naročnina: Izberite svojo Azure naročnino. - Skupina virov: Ustvarite novo skupino virov ali uporabite obstoječo. - Ime: Dajte ime svoji statični spletni aplikaciji. - Regija: Izberite regijo, ki je najbližje vašim uporabnikom. - #### Podrobnosti o namestitvi: - Vir: Izberite “GitHub”. - GitHub račun: Avtorizirajte Azure za dostop do vašega GitHub računa. - Organizacija: Izberite svojo GitHub organizacijo. - Repozitorij: Izberite repozitorij, ki vsebuje vašo statično spletno aplikacijo. - Branch: Izberite branch, iz katerega želite namestiti. - #### Podrobnosti o gradnji: - Prednastavitve gradnje: Izberite okvir, na katerem je vaša aplikacija zgrajena (npr. React, Angular, Vue itd.). - Lokacija aplikacije: Določite mapo, ki vsebuje kodo vaše aplikacije (npr. / če je v korenu). - Lokacija API-ja: Če imate API, določite njegovo lokacijo (neobvezno). - Lokacija izhoda: Določite mapo, kjer je generiran izhod gradnje (npr. build ali dist). 4. Pregled in ustvarjanje Preglejte svoje nastavitve in kliknite “Create”. Azure bo nastavil potrebne vire in ustvaril GitHub Actions delovni tok v vašem repozitoriju. 5. GitHub Actions delovni tok Azure bo samodejno ustvaril GitHub Actions datoteko delovnega toka v vašem repozitoriju (.github/workflows/azure-static-web-apps-.yml). Ta delovni tok bo upravljal proces gradnje in namestitve. 6. Spremljanje namestitve Pojdite na zavihek “Actions” v vašem GitHub repozitoriju. Videti bi morali delovni tok v teku. Ta delovni tok bo zgradil in namestil vašo statično spletno aplikacijo na Azure. Ko se delovni tok zaključi, bo vaša aplikacija na voljo na dodeljenem Azure URL-ju. ### Primer datoteke delovnega toka Tukaj je primer, kako bi lahko izgledala datoteka delovnega toka 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 ``` ### Dodatni viri - [Dokumentacija Azure Static Web Apps](https://learn.microsoft.com/azure/static-web-apps/getting-started) - [Dokumentacija GitHub Actions](https://docs.github.com/actions/use-cases-and-examples/deploying/deploying-to-azure-static-web-app) --- **Omejitev odgovornosti**: Ta dokument je bil preveden z uporabo storitve za prevajanje z umetno inteligenco [Co-op Translator](https://github.com/Azure/co-op-translator). Čeprav si prizadevamo za natančnost, vas prosimo, da upoštevate, da lahko avtomatizirani prevodi vsebujejo napake ali netočnosti. Izvirni dokument v njegovem izvirnem jeziku je treba obravnavati kot avtoritativni vir. Za ključne informacije priporočamo profesionalni človeški prevod. Ne prevzemamo odgovornosti za morebitna napačna razumevanja ali napačne interpretacije, ki bi nastale zaradi uporabe tega prevoda.