5.8 KiB

Raw Permalink Blame History

Kvízy

Tyto kvízy slouží jako přednáškové a popřednáškové kvízy pro kurikulum datové vědy na https://aka.ms/datascience-beginners

Přidání přeložené sady kvízů

Přidejte překlad kvízu vytvořením odpovídajících struktur kvízů ve složkách assets/translations. Kanonické kvízy se nacházejí v assets/translations/en. Kvízy jsou rozděleny do několika skupin. Ujistěte se, že číslování odpovídá správné sekci kvízu. Celkem je v tomto kurikulu 40 kvízů, přičemž číslování začíná od 0.

Po úpravě překladů upravte soubor index.js ve složce překladů tak, aby importoval všechny soubory podle konvencí v en.

Upravte soubor index.js ve složce assets/translations, aby importoval nově přeložené soubory.

Poté upravte rozbalovací nabídku v App.vue v této aplikaci, abyste přidali svůj jazyk. Odpovídající lokalizovanou zkratku přizpůsobte názvu složky pro váš jazyk.

Nakonec upravte všechny odkazy na kvízy v přeložených lekcích, pokud existují, aby obsahovaly tuto lokalizaci jako parametr dotazu: například ?loc=fr.

Nastavení projektu

npm install

Kompilace a automatické načítání pro vývoj

npm run serve

Kompilace a minimalizace pro produkci

npm run build

Kontrola a oprava souborů

npm run lint

Přizpůsobení konfigurace

Viz Konfigurační reference.

Poděkování: Díky původní verzi této aplikace pro kvízy: https://github.com/arpan45/simple-quiz-vue

Nasazení na Azure

Zde je podrobný průvodce, který vám pomůže začít:

Vytvořte fork GitHub repozitáře
Ujistěte se, že váš kód statické webové aplikace je ve vašem GitHub repozitáři. Vytvořte fork tohoto repozitáře.
Vytvořte statickou webovou aplikaci na Azure

Vytvořte si Azure účet
Přejděte na Azure portál
Klikněte na „Vytvořit prostředek“ a vyhledejte „Static Web App“.
Klikněte na „Vytvořit“.

Konfigurace statické webové aplikace

Základní nastavení:
- Předplatné: Vyberte své Azure předplatné.
- Skupina prostředků: Vytvořte novou skupinu prostředků nebo použijte existující.
- Název: Zadejte název pro svou statickou webovou aplikaci.
- Region: Vyberte region nejbližší vašim uživatelům.
Podrobnosti o nasazení:
- Zdroj: Vyberte „GitHub“.
- GitHub účet: Autorizujte Azure pro přístup k vašemu GitHub účtu.
- Organizace: Vyberte svou GitHub organizaci.
- Repozitář: Vyberte repozitář obsahující vaši statickou webovou aplikaci.
- Větev: Vyberte větev, ze které chcete nasazovat.
Podrobnosti o sestavení:
- Předvolby sestavení: Vyberte framework, na kterém je vaše aplikace postavena (např. React, Angular, Vue, atd.).
- Umístění aplikace: Zadejte složku obsahující kód vaší aplikace (např. / pokud je v kořenovém adresáři).
- Umístění API: Pokud máte API, zadejte jeho umístění (volitelné).
- Umístění výstupu: Zadejte složku, kde je generován výstup sestavení (např. build nebo dist).

Kontrola a vytvoření
Zkontrolujte svá nastavení a klikněte na „Vytvořit“. Azure nastaví potřebné prostředky a vytvoří GitHub Actions workflow ve vašem repozitáři.
GitHub Actions workflow
Azure automaticky vytvoří soubor GitHub Actions workflow ve vašem repozitáři (.github/workflows/azure-static-web-apps-.yml). Tento workflow bude zajišťovat proces sestavení a nasazení.
Sledování nasazení
Přejděte na kartu „Actions“ ve vašem GitHub repozitáři.
Měli byste vidět běžící workflow. Tento workflow sestaví a nasadí vaši statickou webovou aplikaci na Azure.
Jakmile workflow dokončí, vaše aplikace bude dostupná na poskytnuté Azure URL.

Příklad souboru workflow

Zde je příklad, jak může vypadat soubor GitHub Actions workflow:
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

Další zdroje

Prohlášení:
Tento dokument byl přeložen pomocí služby AI pro překlady Co-op Translator. Ačkoli se snažíme o přesnost, mějte prosím na paměti, že automatizované překlady mohou obsahovat chyby nebo nepřesnosti. Původní dokument v jeho původním jazyce by měl být považován za autoritativní zdroj. Pro důležité informace se doporučuje profesionální lidský překlad. Neodpovídáme za žádná nedorozumění nebo nesprávné interpretace vyplývající z použití tohoto překladu.

5.8 KiB Raw Permalink Blame History