4.5 KiB

Raw Permalink Blame History

Quizer

Disse quizene er forhånds- og etterforelesningsquizene for ML-læreplanen på https://aka.ms/ml-beginners

Prosjektoppsett

npm install

Kompilerer og oppdaterer automatisk for utvikling

npm run serve

Kompilerer og minimerer for produksjon

npm run build

Linter og fikser filer

npm run lint

Tilpass konfigurasjon

Se Konfigurasjonsreferanse.

Kreditering: Takk til den originale versjonen av denne quiz-appen: https://github.com/arpan45/simple-quiz-vue

Distribuere til Azure

Her er en steg-for-steg guide for å komme i gang:

Fork en GitHub-repositorium
Sørg for at koden til din statiske webapp er i ditt GitHub-repositorium. Fork dette repositoriet.
Opprett en Azure Static Web App

Opprett en Azure-konto
Gå til Azure-portalen
Klikk på "Opprett en ressurs" og søk etter "Static Web App".
Klikk "Opprett".

Konfigurer den statiske webappen

Grunnleggende: Abonnement: Velg ditt Azure-abonnement.
Ressursgruppe: Opprett en ny ressursgruppe eller bruk en eksisterende.
Navn: Gi et navn til din statiske webapp.
Region: Velg regionen nærmest brukerne dine.
Distribusjonsdetaljer:
Kilde: Velg "GitHub".
GitHub-konto: Autoriser Azure til å få tilgang til din GitHub-konto.
Organisasjon: Velg din GitHub-organisasjon.
Repositorium: Velg repositoriet som inneholder din statiske webapp.
Gren: Velg grenen du vil distribuere fra.
Byggdetaljer:
Byggforhåndsinnstillinger: Velg rammeverket appen din er bygget med (f.eks. React, Angular, Vue, osv.).
App-plassering: Angi mappen som inneholder koden til appen din (f.eks. / hvis den er i roten).
API-plassering: Hvis du har en API, spesifiser dens plassering (valgfritt).
Utdata-plassering: Angi mappen der byggeutdataene genereres (f.eks. build eller dist).

Gjennomgå og opprett
Gjennomgå innstillingene dine og klikk "Opprett". Azure vil sette opp nødvendige ressurser og opprette en GitHub Actions-arbeidsflyt i ditt repositorium.
GitHub Actions-arbeidsflyt
Azure vil automatisk opprette en GitHub Actions-arbeidsflytfil i ditt repositorium (.github/workflows/azure-static-web-apps-.yml). Denne arbeidsflyten vil håndtere bygge- og distribusjonsprosessen.
Overvåk distribusjonen
Gå til "Actions"-fanen i ditt GitHub-repositorium.
Du bør se en arbeidsflyt som kjører. Denne arbeidsflyten vil bygge og distribuere din statiske webapp til Azure.
Når arbeidsflyten er fullført, vil appen din være live på den oppgitte Azure-URL-en.

Eksempel på arbeidsflytfil

Her er et eksempel på hvordan GitHub Actions-arbeidsflytfilen kan se ut:
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

Tilleggsressurser

Ansvarsfraskrivelse:
Dette dokumentet er oversatt ved hjelp av AI-oversettelsestjenesten Co-op Translator. Selv om vi tilstreber nøyaktighet, vennligst vær oppmerksom på at automatiske oversettelser kan inneholde feil eller unøyaktigheter. Det originale dokumentet på sitt opprinnelige språk bør anses som den autoritative kilden. For kritisk informasjon anbefales profesjonell menneskelig oversettelse. Vi er ikke ansvarlige for eventuelle misforståelser eller feiltolkninger som oppstår ved bruk av denne oversettelsen.

4.5 KiB Raw Permalink Blame History