co-op-translator[bot]
1bda9532dc
|
3 weeks ago | |
|---|---|---|
| .. | ||
| README.md | 3 weeks ago | |
README.md
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.
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:
-
Forkajte GitHub repozitorij Poskrbite, da je koda vaše statične spletne aplikacije v vašem GitHub repozitoriju. Forkajte ta repozitorij.
-
Ustvarite Azure Static Web App
- Ustvarite Azure račun
- Pojdite na Azure portal
- Kliknite na “Create a resource” in poiščite “Static Web App”.
- Kliknite “Create”.
- 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).
-
Pregled in ustvarjanje Preglejte svoje nastavitve in kliknite “Create”. Azure bo nastavil potrebne vire in ustvaril GitHub Actions delovni tok v vašem repozitoriju.
-
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.
-
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
Omejitev odgovornosti:
Ta dokument je bil preveden z uporabo storitve za prevajanje z umetno inteligenco 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.