5.0 KiB
Kvízek
Ezek a kvízek az ML tananyag előtti és utáni kvízei a https://aka.ms/ml-beginners oldalon.
Projekt beállítása
npm install
Fejlesztéshez való fordítás és gyors újratöltés
npm run serve
Fordítás és minimalizálás produkciós környezethez
npm run build
Fájlok ellenőrzése és javítása
npm run lint
Konfiguráció testreszabása
Lásd Konfigurációs Referencia.
Köszönet: Köszönet az eredeti kvíz alkalmazás verziójáért: https://github.com/arpan45/simple-quiz-vue
Azure-ra történő telepítés
Íme egy lépésről lépésre útmutató, hogy elkezdhesd:
-
Forkolj egy GitHub repozitóriumot
Győződj meg róla, hogy a statikus webalkalmazásod kódja a GitHub repozitóriumodban van. Forkold ezt a repozitóriumot. -
Hozz létre egy Azure Statikus Webalkalmazást
- Hozz létre egy Azure fiókot
- Lépj be az Azure portálra
- Kattints a „Create a resource” gombra, és keress rá a „Static Web App”-ra.
- Kattints a „Create” gombra.
- Konfiguráld a Statikus Webalkalmazást
-
Alapok:
- Előfizetés: Válaszd ki az Azure előfizetésedet.
- Erőforráscsoport: Hozz létre egy új erőforráscsoportot, vagy használj egy meglévőt.
- Név: Adj nevet a statikus webalkalmazásodnak.
- Régió: Válaszd ki a felhasználóidhoz legközelebbi régiót.
-
Telepítési részletek:
- Forrás: Válaszd a „GitHub”-ot.
- GitHub fiók: Engedélyezd az Azure számára, hogy hozzáférjen a GitHub fiókodhoz.
- Szervezet: Válaszd ki a GitHub szervezetedet.
- Repozitórium: Válaszd ki azt a repozitóriumot, amely tartalmazza a statikus webalkalmazásodat.
- Ág: Válaszd ki azt az ágat, amelyből telepíteni szeretnél.
-
Build részletek:
- Build előbeállítások: Válaszd ki azt a keretrendszert, amelyre az alkalmazásod épül (pl. React, Angular, Vue stb.).
- Alkalmazás helye: Add meg azt a mappát, amely tartalmazza az alkalmazásod kódját (pl. / ha a gyökérben van).
- API helye: Ha van API-d, add meg annak helyét (opcionális).
- Kimeneti hely: Add meg azt a mappát, ahol a build kimenet generálódik (pl. build vagy dist).
-
Áttekintés és létrehozás
Tekintsd át a beállításaidat, majd kattints a „Create” gombra. Az Azure létrehozza a szükséges erőforrásokat, és létrehoz egy GitHub Actions munkafolyamatot a repozitóriumodban. -
GitHub Actions munkafolyamat
Az Azure automatikusan létrehoz egy GitHub Actions munkafolyamat fájlt a repozitóriumodban (.github/workflows/azure-static-web-apps-.yml). Ez a munkafolyamat kezeli a build és telepítési folyamatot. -
A telepítés nyomon követése
Lépj a GitHub repozitóriumod „Actions” fülére.
Látnod kell egy futó munkafolyamatot. Ez a munkafolyamat felépíti és telepíti a statikus webalkalmazásodat az Azure-ra.
Amint a munkafolyamat befejeződik, az alkalmazásod élő lesz az Azure által biztosított URL-en.
Példa munkafolyamat fájl
Íme, hogyan nézhet ki egy GitHub Actions munkafolyamat fájl:
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
További források
Felelősség kizárása:
Ez a dokumentum az AI fordítási szolgáltatás, a Co-op Translator segítségével lett lefordítva. Bár törekszünk a pontosságra, kérjük, vegye figyelembe, hogy az automatikus fordítások hibákat vagy pontatlanságokat tartalmazhatnak. Az eredeti dokumentum az eredeti nyelvén tekintendő hiteles forrásnak. Kritikus információk esetén javasolt professzionális emberi fordítást igénybe venni. Nem vállalunk felelősséget semmilyen félreértésért vagy téves értelmezésért, amely a fordítás használatából eredhet.