4.7 KiB

Raw Permalink Blame History

Kvízy

Tieto kvízy sú prednáškové a po prednáškové kvízy pre učebný plán IoT pre začiatočníkov na https://aka.ms/iot-beginners

Nastavenie projektu

npm install

Kompilácia a automatické obnovenie 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.

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

Nasadenie na Azure

Tu je podrobný 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 si vaše 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žší vašim používateľom.
Detaily nasadenia:
- Source: Vyberte „GitHub“.
- GitHub Account: Autorizujte Azure na prístup k vášmu GitHub účtu.
- Organization: Vyberte vašu 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: Zadajte priečinok obsahujúci kód vašej aplikácie (napr. / ak je v koreňovom adresári).
- API Location: Ak máte API, zadajte jeho umiestnenie (voliteľné).
- Output Location: Zadajte 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. Aj keď sa snažíme o presnosť, prosím, berte na vedomie, že automatizované preklady môžu obsahovať chyby alebo nepresnosti. Pôvodný dokument v jeho pôvodnom 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.

4.7 KiB Raw Permalink Blame History