co-op-translator[bot]
5193a275fd
|
3 weeks ago | |
|---|---|---|
| .. | ||
| README.md | 3 weeks ago | |
README.md
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
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.