|
4 weeks ago | |
---|---|---|
.. | ||
README.md | 4 weeks ago |
README.md
Visailut
Nämä visailut ovat IoT for Beginners -opintokokonaisuuden ennakko- ja jälkituntivisailuja osoitteessa https://aka.ms/iot-beginners
Projektin asennus
npm install
Kääntää ja päivittää automaattisesti kehitystä varten
npm run serve
Kääntää ja minimoi tuotantokäyttöä varten
npm run build
Tarkistaa ja korjaa tiedostot
npm run lint
Mukauta asetuksia
Katso Configuration Reference.
Kiitokset: Kiitos tämän visailusovelluksen alkuperäiselle versiolle: https://github.com/arpan45/simple-quiz-vue
Julkaisu Azureen
Tässä vaiheittainen opas, joka auttaa sinua pääsemään alkuun:
-
Haarauta GitHub-repositorio
Varmista, että staattisen verkkosovelluksesi koodi on GitHub-repositoriossasi. Haarauta tämä repositorio. -
Luo Azure Static Web App
- Luo Azure-tili
- Siirry Azure-portaaliin
- Klikkaa “Create a resource” ja etsi “Static Web App”.
- Klikkaa “Create”.
- Määritä Static Web App
-
Perustiedot: Tilaukset: Valitse Azure-tilauksesi.
-
Resurssiryhmä: Luo uusi resurssiryhmä tai käytä olemassa olevaa.
-
Nimi: Anna nimi staattiselle verkkosovelluksellesi.
-
Alue: Valitse lähin alue käyttäjillesi.
-
Julkaisun tiedot:
-
Lähde: Valitse “GitHub”.
-
GitHub-tili: Valtuuta Azure käyttämään GitHub-tiliäsi.
-
Organisaatio: Valitse GitHub-organisaatiosi.
-
Repositorio: Valitse repositorio, joka sisältää staattisen verkkosovelluksesi.
-
Haara: Valitse haara, josta haluat julkaista.
-
Rakennuksen tiedot:
-
Rakennusasetukset: Valitse kehys, jolla sovelluksesi on rakennettu (esim. React, Angular, Vue jne.).
-
Sovelluksen sijainti: Määritä kansio, joka sisältää sovelluskoodisi (esim. / jos se on juurihakemistossa).
-
API:n sijainti: Jos sinulla on API, määritä sen sijainti (valinnainen).
-
Tulosteen sijainti: Määritä kansio, johon rakennuksen tuloste luodaan (esim. build tai dist).
-
Tarkista ja luo
Tarkista asetuksesi ja klikkaa “Create”. Azure luo tarvittavat resurssit ja luo GitHub Actions -työnkulun repositoriossasi. -
GitHub Actions -työnkulku
Azure luo automaattisesti GitHub Actions -työnkulku-tiedoston repositoriossasi (.github/workflows/azure-static-web-apps-.yml). Tämä työnkulku hoitaa rakennus- ja julkaisuprosessin. -
Seuraa julkaisua
Siirry GitHub-repositoriosi “Actions”-välilehdelle.
Näet käynnissä olevan työnkulun. Tämä työnkulku rakentaa ja julkaisee staattisen verkkosovelluksesi Azureen.
Kun työnkulku on valmis, sovelluksesi on käytettävissä annetussa Azure-URL-osoitteessa.
Esimerkki työnkulku-tiedostosta
Tässä esimerkki GitHub Actions -työnkulku-tiedostosta:
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
Lisäresurssit
Vastuuvapauslauseke:
Tämä asiakirja on käännetty käyttämällä tekoälypohjaista käännöspalvelua Co-op Translator. Vaikka pyrimme tarkkuuteen, huomioithan, että automaattiset käännökset voivat sisältää virheitä tai epätarkkuuksia. Alkuperäistä asiakirjaa sen alkuperäisellä kielellä tulisi pitää ensisijaisena lähteenä. Kriittisen tiedon osalta suositellaan ammattimaista ihmiskäännöstä. Emme ole vastuussa tämän käännöksen käytöstä johtuvista väärinkäsityksistä tai virhetulkinnoista.