co-op-translator[bot]
1bda9532dc
|
3 weeks ago | |
|---|---|---|
| .. | ||
| README.md | 3 weeks ago | |
README.md
Kvizovi
Ovi kvizovi su uvodni i završni kvizovi za kurikulum IoT za početnike na https://aka.ms/iot-beginners
Postavljanje projekta
npm install
Kompajlira i automatski ponovno učitava za razvoj
npm run serve
Kompajlira i minimizira za produkciju
npm run build
Provjerava i ispravlja datoteke
npm run lint
Prilagodba konfiguracije
Pogledajte Referencu za konfiguraciju.
Zahvale: Zahvaljujemo na originalnoj verziji ove aplikacije za kviz: https://github.com/arpan45/simple-quiz-vue
Postavljanje na Azure
Evo korak-po-korak vodiča koji će vam pomoći da započnete:
-
Forkajte GitHub repozitorij
Provjerite je li vaš kod za statičnu web aplikaciju u vašem GitHub repozitoriju. Forkajte ovaj repozitorij. -
Kreirajte Azure Static Web App
- Kreirajte Azure račun
- Idite na Azure portal
- Kliknite na “Create a resource” i potražite “Static Web App”.
- Kliknite “Create”.
- Konfigurirajte Static Web App
-
Osnovno: Pretplata: Odaberite svoju Azure pretplatu.
-
Grupa resursa: Kreirajte novu grupu resursa ili koristite postojeću.
-
Naziv: Unesite naziv za svoju statičnu web aplikaciju.
-
Regija: Odaberite regiju najbližu vašim korisnicima.
-
Detalji implementacije:
-
Izvor: Odaberite “GitHub”.
-
GitHub račun: Autorizirajte Azure za pristup vašem GitHub računu.
-
Organizacija: Odaberite svoju GitHub organizaciju.
-
Repozitorij: Odaberite repozitorij koji sadrži vašu statičnu web aplikaciju.
-
Grana: Odaberite granu iz koje želite implementirati.
-
Detalji izgradnje:
-
Predlošci za izgradnju: Odaberite okvir na kojem je vaša aplikacija izgrađena (npr. React, Angular, Vue, itd.).
-
Lokacija aplikacije: Navedite mapu koja sadrži kod vaše aplikacije (npr. / ako je u korijenu).
-
Lokacija API-ja: Ako imate API, navedite njegovu lokaciju (opcionalno).
-
Lokacija izlaza: Navedite mapu u kojoj se generira izlaz izgradnje (npr. build ili dist).
-
Pregledajte i kreirajte
Pregledajte svoje postavke i kliknite “Create”. Azure će postaviti potrebne resurse i kreirati GitHub Actions workflow u vašem repozitoriju. -
GitHub Actions Workflow
Azure će automatski kreirati GitHub Actions workflow datoteku u vašem repozitoriju (.github/workflows/azure-static-web-apps-.yml). Ovaj workflow će upravljati procesom izgradnje i implementacije. -
Praćenje implementacije
Idite na karticu “Actions” u svom GitHub repozitoriju.
Trebali biste vidjeti workflow koji se pokreće. Ovaj workflow će izgraditi i implementirati vašu statičnu web aplikaciju na Azure.
Kada workflow završi, vaša aplikacija će biti dostupna na pruženom Azure URL-u.
Primjer datoteke za workflow
Evo primjera kako bi GitHub Actions workflow datoteka mogla izgledati:
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 resursi
Odricanje od odgovornosti:
Ovaj dokument je preveden pomoću AI usluge za prevođenje Co-op Translator. Iako nastojimo osigurati točnost, imajte na umu da automatski prijevodi mogu sadržavati pogreške ili netočnosti. Izvorni dokument na izvornom jeziku treba smatrati autoritativnim izvorom. Za ključne informacije preporučuje se profesionalni prijevod od strane stručnjaka. Ne preuzimamo odgovornost za bilo kakva nesporazuma ili pogrešna tumačenja koja proizlaze iz korištenja ovog prijevoda.