4.5 KiB

Raw Permalink Blame History

Quizzer

Disse quizzer er før- og efterforelæsningsquizzer for ML-kurset på https://aka.ms/ml-beginners

Projektopsætning

npm install

Kompilerer og genindlæser til udvikling

npm run serve

Kompilerer og minimerer til produktion

npm run build

Linter og retter filer

npm run lint

Tilpas konfiguration

Se Konfigurationsreference.

Credits: Tak til den originale version af denne quiz-app: https://github.com/arpan45/simple-quiz-vue

Udrulning til Azure

Her er en trin-for-trin guide til at komme i gang:

Fork en GitHub-repository
Sørg for, at din statiske webapp-kode er i din GitHub-repository. Fork denne repository.
Opret en Azure Static Web App

Opret en Azure-konto
Gå til Azure-portalen
Klik på "Opret en ressource" og søg efter "Static Web App".
Klik på "Opret".

Konfigurer den statiske webapp

Basics:
- Abonnement: Vælg dit Azure-abonnement.
- Ressourcegruppe: Opret en ny ressourcegruppe eller brug en eksisterende.
- Navn: Angiv et navn til din statiske webapp.
- Region: Vælg den region, der er tættest på dine brugere.
Udrulningsdetaljer:
- Kilde: Vælg "GitHub".
- GitHub-konto: Autoriser Azure til at få adgang til din GitHub-konto.
- Organisation: Vælg din GitHub-organisation.
- Repository: Vælg den repository, der indeholder din statiske webapp.
- Branch: Vælg den branch, du vil udrulle fra.
Bygningsdetaljer:
- Bygningspresets: Vælg det framework, din app er bygget med (f.eks. React, Angular, Vue osv.).
- App-placering: Angiv mappen, der indeholder din app-kode (f.eks. / hvis den er i roden).
- API-placering: Hvis du har en API, angiv dens placering (valgfrit).
- Output-placering: Angiv mappen, hvor bygningsoutputtet genereres (f.eks. build eller dist).

Gennemse og opret
Gennemse dine indstillinger og klik på "Opret". Azure vil opsætte de nødvendige ressourcer og oprette en GitHub Actions workflow i din repository.
GitHub Actions Workflow
Azure vil automatisk oprette en GitHub Actions workflow-fil i din repository (.github/workflows/azure-static-web-apps-.yml). Denne workflow vil håndtere bygge- og udrulningsprocessen.
Overvåg udrulningen
Gå til fanen "Actions" i din GitHub-repository.
Du bør se en workflow køre. Denne workflow vil bygge og udrulle din statiske webapp til Azure.
Når workflowen er færdig, vil din app være live på den angivne Azure-URL.

Eksempel på workflow-fil

Her er et eksempel på, hvordan GitHub Actions workflow-filen kunne se ud:
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

Yderligere ressourcer

Ansvarsfraskrivelse:
Dette dokument er blevet oversat ved hjælp af AI-oversættelsestjenesten Co-op Translator. Selvom vi bestræber os på at opnå nøjagtighed, skal du være opmærksom på, at automatiserede oversættelser kan indeholde fejl eller unøjagtigheder. Det originale dokument på dets oprindelige sprog bør betragtes som den autoritative kilde. For kritisk information anbefales professionel menneskelig oversættelse. Vi er ikke ansvarlige for eventuelle misforståelser eller fejltolkninger, der måtte opstå som følge af brugen af denne oversættelse.

4.5 KiB Raw Permalink Blame History