You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
139 lines
5.6 KiB
139 lines
5.6 KiB
<!--
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
{
|
|
"original_hash": "e92c33ea498915a13c9aec162616db18",
|
|
"translation_date": "2025-08-26T22:19:06+00:00",
|
|
"source_file": "quiz-app/README.md",
|
|
"language_code": "sv"
|
|
}
|
|
-->
|
|
# Quizzer
|
|
|
|
Dessa quizzer är för- och efterföreläsningsquizzer för datavetenskapsutbildningen på https://aka.ms/datascience-beginners
|
|
|
|
## Lägga till en översatt quizuppsättning
|
|
|
|
Lägg till en quizöversättning genom att skapa matchande quizstrukturer i mappen `assets/translations`. De ursprungliga quizzerna finns i `assets/translations/en`. Quizzerna är uppdelade i flera grupperingar. Se till att numreringen stämmer överens med rätt quizsektion. Det finns totalt 40 quizzer i denna utbildning, med numreringen som börjar på 0.
|
|
|
|
Efter att du har redigerat översättningarna, redigera filen index.js i översättningsmappen för att importera alla filer enligt konventionerna i `en`.
|
|
|
|
Redigera filen `index.js` i `assets/translations` för att importera de nya översatta filerna.
|
|
|
|
Redigera sedan dropdown-menyn i `App.vue` i denna app för att lägga till ditt språk. Matcha den lokaliserade förkortningen med mappnamnet för ditt språk.
|
|
|
|
Slutligen, redigera alla quizlänkar i de översatta lektionerna, om de finns, för att inkludera denna lokalisering som en frågeparameter: `?loc=fr` till exempel.
|
|
|
|
## Projektinställning
|
|
|
|
```
|
|
npm install
|
|
```
|
|
|
|
### Kompilerar och laddar om för utveckling
|
|
|
|
```
|
|
npm run serve
|
|
```
|
|
|
|
### Kompilerar och minimerar för produktion
|
|
|
|
```
|
|
npm run build
|
|
```
|
|
|
|
### Lintar och fixar filer
|
|
|
|
```
|
|
npm run lint
|
|
```
|
|
|
|
### Anpassa konfiguration
|
|
|
|
Se [Konfigurationsreferens](https://cli.vuejs.org/config/).
|
|
|
|
Credits: Tack till den ursprungliga versionen av denna quizapp: https://github.com/arpan45/simple-quiz-vue
|
|
|
|
## Distribuera till Azure
|
|
|
|
Här är en steg-för-steg-guide för att hjälpa dig komma igång:
|
|
|
|
1. Forka ett GitHub-repository
|
|
Se till att din statiska webbappkod finns i ditt GitHub-repository. Forka detta repository.
|
|
|
|
2. Skapa en Azure Static Web App
|
|
- Skapa ett [Azure-konto](http://azure.microsoft.com)
|
|
- Gå till [Azure-portalen](https://portal.azure.com)
|
|
- Klicka på "Skapa en resurs" och sök efter "Static Web App".
|
|
- Klicka på "Skapa".
|
|
|
|
3. Konfigurera den statiska webbappen
|
|
- Grundläggande:
|
|
- Prenumeration: Välj din Azure-prenumeration.
|
|
- Resursgrupp: Skapa en ny resursgrupp eller använd en befintlig.
|
|
- Namn: Ange ett namn för din statiska webbapp.
|
|
- Region: Välj den region som är närmast dina användare.
|
|
|
|
- #### Distributionsdetaljer:
|
|
- Källa: Välj "GitHub".
|
|
- GitHub-konto: Auktorisera Azure att få åtkomst till ditt GitHub-konto.
|
|
- Organisation: Välj din GitHub-organisation.
|
|
- Repository: Välj det repository som innehåller din statiska webbapp.
|
|
- Gren: Välj den gren du vill distribuera från.
|
|
|
|
- #### Byggdetaljer:
|
|
- Byggförinställningar: Välj det ramverk din app är byggd med (t.ex. React, Angular, Vue, etc.).
|
|
- Appens plats: Ange mappen som innehåller din appkod (t.ex. / om den är i roten).
|
|
- API-plats: Om du har en API, ange dess plats (valfritt).
|
|
- Utdata-plats: Ange mappen där byggutdata genereras (t.ex. build eller dist).
|
|
|
|
4. Granska och skapa
|
|
Granska dina inställningar och klicka på "Skapa". Azure kommer att ställa in de nödvändiga resurserna och skapa ett GitHub Actions-arbetsflöde i ditt repository.
|
|
|
|
5. GitHub Actions-arbetsflöde
|
|
Azure kommer automatiskt att skapa en GitHub Actions-arbetsflödesfil i ditt repository (.github/workflows/azure-static-web-apps-<name>.yml). Detta arbetsflöde hanterar bygg- och distributionsprocessen.
|
|
|
|
6. Övervaka distributionen
|
|
Gå till fliken "Actions" i ditt GitHub-repository.
|
|
Du bör se ett arbetsflöde som körs. Detta arbetsflöde kommer att bygga och distribuera din statiska webbapp till Azure.
|
|
När arbetsflödet är klart kommer din app att vara live på den angivna Azure-URL:en.
|
|
|
|
### Exempel på arbetsflödesfil
|
|
|
|
Här är ett exempel på hur GitHub Actions-arbetsflödesfilen 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
|
|
```
|
|
|
|
### Ytterligare resurser
|
|
- [Azure Static Web Apps Dokumentation](https://learn.microsoft.com/azure/static-web-apps/getting-started)
|
|
- [GitHub Actions Dokumentation](https://docs.github.com/actions/use-cases-and-examples/deploying/deploying-to-azure-static-web-app)
|
|
|
|
---
|
|
|
|
**Ansvarsfriskrivning**:
|
|
Detta dokument har översatts med hjälp av AI-översättningstjänsten [Co-op Translator](https://github.com/Azure/co-op-translator). Även om vi strävar efter noggrannhet, bör det noteras att automatiska översättningar kan innehålla fel eller inexaktheter. Det ursprungliga dokumentet på dess originalspråk bör betraktas som den auktoritativa källan. För kritisk information rekommenderas professionell mänsklig översättning. Vi ansvarar inte för eventuella missförstånd eller feltolkningar som uppstår vid användning av denna översättning. |