|
3 weeks ago | |
---|---|---|
.. | ||
README.md | 3 weeks ago |
README.md
Testai
Šie testai yra prieš ir po paskaitų skirti testai „IoT for Beginners“ mokymo programai, kurią rasite adresu https://aka.ms/iot-beginners
Projekto nustatymas
npm install
Kompiliavimas ir automatinis perkrovimas vystymui
npm run serve
Kompiliavimas ir minimizavimas produkcijai
npm run build
Failų tikrinimas ir taisymas
npm run lint
Konfigūracijos pritaikymas
Kreditas: Dėkojame originaliai šios testų programėlės versijai: https://github.com/arpan45/simple-quiz-vue
Diegimas į Azure
Štai žingsnis po žingsnio vadovas, kuris padės jums pradėti:
-
Sukurkite GitHub saugyklos šaką Įsitikinkite, kad jūsų statinės interneto programos kodas yra jūsų GitHub saugykloje. Sukurkite šaką iš šios saugyklos.
-
Sukurkite Azure statinę interneto programą
- Sukurkite Azure paskyrą
- Eikite į Azure portalą
- Spustelėkite „Sukurti išteklių“ ir ieškokite „Static Web App“.
- Spustelėkite „Sukurti“.
- Konfigūruokite statinę interneto programą
-
Pagrindai: Prenumerata: Pasirinkite savo Azure prenumeratą.
-
Išteklių grupė: Sukurkite naują išteklių grupę arba naudokite esamą.
-
Pavadinimas: Nurodykite savo statinės interneto programos pavadinimą.
-
Regionas: Pasirinkite regioną, artimiausią jūsų vartotojams.
-
Diegimo detalės:
-
Šaltinis: Pasirinkite „GitHub“.
-
GitHub paskyra: Įgaliokite Azure pasiekti jūsų GitHub paskyrą.
-
Organizacija: Pasirinkite savo GitHub organizaciją.
-
Saugykla: Pasirinkite saugyklą, kurioje yra jūsų statinė interneto programa.
-
Šaka: Pasirinkite šaką, iš kurios norite diegti.
-
Kūrimo detalės:
-
Kūrimo šablonai: Pasirinkite sistemą, su kuria sukurta jūsų programa (pvz., React, Angular, Vue ir kt.).
-
Programos vieta: Nurodykite aplanką, kuriame yra jūsų programos kodas (pvz., / jei jis yra šaknyje).
-
API vieta: Jei turite API, nurodykite jo vietą (neprivaloma).
-
Išvesties vieta: Nurodykite aplanką, kuriame generuojama kūrimo išvestis (pvz., build arba dist).
-
Peržiūra ir sukūrimas Peržiūrėkite savo nustatymus ir spustelėkite „Sukurti“. Azure sukurs reikalingus išteklius ir sukurs GitHub Actions darbo eigą jūsų saugykloje.
-
GitHub Actions darbo eiga Azure automatiškai sukurs GitHub Actions darbo eigos failą jūsų saugykloje (.github/workflows/azure-static-web-apps-.yml). Ši darbo eiga tvarkys kūrimo ir diegimo procesą.
-
Stebėkite diegimą Eikite į „Actions“ skirtuką savo GitHub saugykloje. Turėtumėte matyti vykdomą darbo eigą. Ši darbo eiga sukurs ir įdiegs jūsų statinę interneto programą į Azure. Kai darbo eiga bus baigta, jūsų programa bus pasiekiama nurodytu Azure URL.
Pavyzdinis darbo eigos failas
Štai pavyzdys, kaip gali atrodyti GitHub Actions darbo eigos failas: 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
Papildomi ištekliai
Atsakomybės apribojimas:
Šis dokumentas buvo išverstas naudojant AI vertimo paslaugą Co-op Translator. Nors siekiame tikslumo, prašome atkreipti dėmesį, kad automatiniai vertimai gali turėti klaidų ar netikslumų. Originalus dokumentas jo gimtąja kalba turėtų būti laikomas autoritetingu šaltiniu. Kritinei informacijai rekomenduojama profesionali žmogaus vertimo paslauga. Mes neprisiimame atsakomybės už nesusipratimus ar klaidingus interpretavimus, atsiradusius naudojant šį vertimą.