5.5 KiB

Raw Permalink Blame History

Quizzer

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

Tilføjelse af et oversat quizsæt

Tilføj en quizoversættelse ved at oprette matchende quizstrukturer i assets/translations-mapperne. De originale quizzer findes i assets/translations/en. Quizzerne er opdelt i flere grupperinger. Sørg for at tilpasse nummereringen til den korrekte quizsektion. Der er i alt 40 quizzer i dette kursus, og nummereringen starter ved 0.

Efter at have redigeret oversættelserne, rediger index.js-filen i oversættelsesmappen for at importere alle filerne i henhold til konventionerne i en.

Rediger index.js-filen i assets/translations for at importere de nye oversatte filer.

Derefter skal du redigere dropdown-menuen i App.vue i denne app for at tilføje dit sprog. Match den lokaliserede forkortelse med mappenavnet for dit sprog.

Til sidst skal du redigere alle quiz-links i de oversatte lektioner, hvis de findes, for at inkludere denne lokalisering som en forespørgselsparameter: ?loc=fr for eksempel.

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 Configuration Reference.

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 hjælpe dig 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å "Create a resource" og søg efter "Static Web App".
Klik på "Create".

Konfigurer den statiske webapp

Basics:
- Subscription: Vælg dit Azure-abonnement.
- Resource Group: Opret en ny ressourcegruppe eller brug en eksisterende.
- Name: Angiv et navn til din statiske webapp.
- Region: Vælg den region, der er tættest på dine brugere.
Deployment Details:
- Source: Vælg "GitHub".
- GitHub Account: Autoriser Azure til at få adgang til din GitHub-konto.
- Organization: Vælg din GitHub-organisation.
- Repository: Vælg den repository, der indeholder din statiske webapp.
- Branch: Vælg den gren, du vil udrulle fra.
Build Details:
- Build Presets: Vælg det framework, din app er bygget med (f.eks. React, Angular, Vue osv.).
- App Location: Angiv mappen, der indeholder din app-kode (f.eks. / hvis den er i roden).
- API Location: Hvis du har en API, angiv dens placering (valgfrit).
- Output Location: Angiv mappen, hvor build-output genereres (f.eks. build eller dist).

Gennemse og opret
Gennemse dine indstillinger og klik på "Create". Azure vil oprette 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 build- og udrulningsprocessen.
Overvåg udrulningen
Gå til "Actions"-fanen 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 kan 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å 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 påtager os ikke ansvar for eventuelle misforståelser eller fejltolkninger, der måtte opstå som følge af brugen af denne oversættelse.

5.5 KiB Raw Permalink Blame History