4.8 KiB

Raw Permalink Blame History

Kvízy

Tyto kvízy jsou přednáškové a popřednáškové kvízy pro kurikulum IoT pro začátečníky na https://aka.ms/iot-beginners

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:

Forkněte GitHub repozitář
Ujistěte se, že váš kód statické webové aplikace je ve vašem GitHub repozitáři. Forkněte tento repozitář.
Vytvořte Azure Static Web App

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 Static Web App

Základy:
- 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 vaši statickou webovou aplikaci.
- Region: Vyberte region nejbližší vašim uživatelům.
Podrobnosti nasazení:
- Zdroj: Vyberte „GitHub“.
- GitHub účet: Autorizujte Azure pro přístup k vašemu GitHub účtu.
- Organizace: Vyberte vaši GitHub organizaci.
- Repozitář: Vyberte repozitář obsahující vaši statickou webovou aplikaci.
- Větev: Vyberte větev, ze které chcete nasazovat.
Podrobnosti 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ří GitHub Actions workflow soubor 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 záložku „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 workflow souboru

Zde je příklad, jak může GitHub Actions workflow soubor vypadat:
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 pro automatický překlad Co-op Translator. I když se snažíme o přesnost, mějte prosím na paměti, že automatické 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 závazný zdroj. Pro důležité informace doporučujeme profesionální lidský překlad. Neodpovídáme za žádná nedorozumění nebo nesprávné výklady vyplývající z použití tohoto překladu.

4.8 KiB Raw Permalink Blame History