5.6 KiB

Raw Permalink Blame History

Kvízy

Tieto kvízy sú prednáškové a povýučbové kvízy pre učebný plán dátovej vedy na https://aka.ms/datascience-beginners

Pridanie preloženej sady kvízov

Pridajte preklad kvízu vytvorením zodpovedajúcich štruktúr kvízov v priečinkoch assets/translations. Kanonické kvízy sa nachádzajú v assets/translations/en. Kvízy sú rozdelené do niekoľkých skupín. Uistite sa, že číslovanie zodpovedá správnej sekcii kvízu. V tomto učebnom pláne je celkovo 40 kvízov, pričom číslovanie začína od 0.

Po úprave prekladov upravte súbor index.js v priečinku s prekladmi tak, aby importoval všetky súbory podľa konvencií v en.

Upravte súbor index.js v assets/translations, aby importoval nové preložené súbory.

Potom upravte rozbaľovací zoznam v App.vue v tejto aplikácii, aby ste pridali svoj jazyk. Zlaďte lokalizovanú skratku s názvom priečinka pre váš jazyk.

Nakoniec upravte všetky odkazy na kvízy v preložených lekciách, ak existujú, aby obsahovali túto lokalizáciu ako parameter dotazu: ?loc=fr, napríklad.

Nastavenie projektu

npm install

Kompilácia a automatické načítanie pre vývoj

npm run serve

Kompilácia a minimalizácia pre produkciu

npm run build

Kontrola a oprava súborov

npm run lint

Prispôsobenie konfigurácie

Pozrite si Referenciu konfigurácie.

Kredity: Vďaka pôvodnej verzii tejto aplikácie na kvízy: https://github.com/arpan45/simple-quiz-vue

Nasadenie na Azure

Tu je krok za krokom návod, ktorý vám pomôže začať:

Forknite GitHub repozitár
Uistite sa, že váš kód statickej webovej aplikácie je vo vašom GitHub repozitári. Forknite tento repozitár.
Vytvorte Azure Static Web App

Vytvorte si Azure účet
Prejdite na Azure portál
Kliknite na „Create a resource“ a vyhľadajte „Static Web App“.
Kliknite na „Create“.

Konfigurácia Static Web App

Základy:
- Subscription: Vyberte svoje Azure predplatné.
- Resource Group: Vytvorte novú skupinu zdrojov alebo použite existujúcu.
- Name: Zadajte názov pre vašu statickú webovú aplikáciu.
- Region: Vyberte región najbližší k vašim používateľom.
Detaily nasadenia:
- Source: Vyberte „GitHub“.
- GitHub Account: Autorizujte Azure na prístup k vášmu GitHub účtu.
- Organization: Vyberte svoju GitHub organizáciu.
- Repository: Vyberte repozitár obsahujúci vašu statickú webovú aplikáciu.
- Branch: Vyberte vetvu, z ktorej chcete nasadzovať.
Detaily zostavenia:
- Build Presets: Vyberte framework, s ktorým je vaša aplikácia vytvorená (napr. React, Angular, Vue, atď.).
- App Location: Uveďte priečinok obsahujúci kód vašej aplikácie (napr. /, ak je v koreňovom priečinku).
- API Location: Ak máte API, uveďte jeho umiestnenie (voliteľné).
- Output Location: Uveďte priečinok, kde sa generuje výstup zostavenia (napr. build alebo dist).

Kontrola a vytvorenie
Skontrolujte svoje nastavenia a kliknite na „Create“. Azure nastaví potrebné zdroje a vytvorí GitHub Actions workflow vo vašom repozitári.
GitHub Actions Workflow
Azure automaticky vytvorí GitHub Actions workflow súbor vo vašom repozitári (.github/workflows/azure-static-web-apps-.yml). Tento workflow bude spracovávať proces zostavenia a nasadenia.
Monitorovanie nasadenia
Prejdite na kartu „Actions“ vo vašom GitHub repozitári.
Mali by ste vidieť bežiaci workflow. Tento workflow zostaví a nasadí vašu statickú webovú aplikáciu na Azure.
Po dokončení workflowu bude vaša aplikácia dostupná na poskytnutej Azure URL.

Príklad workflow súboru

Tu je príklad, ako môže vyzerať GitHub Actions workflow súbor:
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

Ďalšie zdroje

Upozornenie:
Tento dokument bol preložený pomocou služby AI prekladu Co-op Translator. Hoci sa snažíme o presnosť, prosím, berte na vedomie, že automatizované preklady môžu obsahovať chyby alebo nepresnosti. Pôvodný dokument v jeho rodnom jazyku by mal byť považovaný za autoritatívny zdroj. Pre kritické informácie sa odporúča profesionálny ľudský preklad. Nie sme zodpovední za akékoľvek nedorozumenia alebo nesprávne interpretácie vyplývajúce z použitia tohto prekladu.

5.6 KiB Raw Permalink Blame History