leestott
0f760e5383
|
3 weeks ago | |
|---|---|---|
| .. | ||
| README.md | 3 weeks ago | |
README.md
Quizy
Te quizy są quizami przed i po wykładach w ramach programu nauczania ML dostępnego na stronie https://aka.ms/ml-beginners
Konfiguracja projektu
npm install
Kompilacja i automatyczne odświeżanie dla rozwoju
npm run serve
Kompilacja i minimalizacja dla produkcji
npm run build
Lintowanie i naprawa plików
npm run lint
Dostosowanie konfiguracji
Zobacz Referencje konfiguracji.
Podziękowania: Dzięki dla twórcy oryginalnej wersji tej aplikacji quizowej: https://github.com/arpan45/simple-quiz-vue
Wdrażanie na Azure
Oto krok po kroku przewodnik, który pomoże Ci zacząć:
-
Forkowanie repozytorium GitHub
Upewnij się, że kod Twojej aplikacji statycznej znajduje się w Twoim repozytorium GitHub. Zrób fork tego repozytorium. -
Utwórz statyczną aplikację webową na Azure
- Utwórz konto Azure
- Przejdź do portalu Azure
- Kliknij „Utwórz zasób” i wyszukaj „Static Web App”.
- Kliknij „Utwórz”.
- Konfiguracja statycznej aplikacji webowej
-
Podstawowe informacje:
- Subskrypcja: Wybierz swoją subskrypcję Azure.
- Grupa zasobów: Utwórz nową grupę zasobów lub użyj istniejącej.
- Nazwa: Podaj nazwę dla swojej aplikacji statycznej.
- Region: Wybierz region najbliższy Twoim użytkownikom.
-
Szczegóły wdrożenia:
- Źródło: Wybierz „GitHub”.
- Konto GitHub: Autoryzuj Azure do dostępu do Twojego konta GitHub.
- Organizacja: Wybierz swoją organizację GitHub.
- Repozytorium: Wybierz repozytorium zawierające Twoją aplikację statyczną.
- Gałąź: Wybierz gałąź, z której chcesz wdrażać.
-
Szczegóły kompilacji:
- Presety kompilacji: Wybierz framework, na którym oparta jest Twoja aplikacja (np. React, Angular, Vue, itd.).
- Lokalizacja aplikacji: Określ folder zawierający kod Twojej aplikacji (np. / jeśli znajduje się w głównym katalogu).
- Lokalizacja API: Jeśli masz API, określ jego lokalizację (opcjonalne).
- Lokalizacja wyników: Określ folder, w którym generowane są wyniki kompilacji (np. build lub dist).
-
Przegląd i utworzenie
Przejrzyj swoje ustawienia i kliknij „Utwórz”. Azure skonfiguruje niezbędne zasoby i utworzy plik workflow GitHub Actions w Twoim repozytorium. -
Workflow GitHub Actions
Azure automatycznie utworzy plik workflow GitHub Actions w Twoim repozytorium (.github/workflows/azure-static-web-apps-.yml). Ten workflow zajmie się procesem kompilacji i wdrożenia. -
Monitorowanie wdrożenia
Przejdź do zakładki „Actions” w swoim repozytorium GitHub.
Powinieneś zobaczyć uruchomiony workflow. Ten workflow zbuduje i wdroży Twoją aplikację statyczną na Azure.
Po zakończeniu workflow Twoja aplikacja będzie dostępna pod podanym adresem URL Azure.
Przykładowy plik workflow
Oto przykład, jak może wyglądać plik workflow GitHub Actions:
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
Dodatkowe zasoby
Zastrzeżenie:
Ten dokument został przetłumaczony za pomocą usługi tłumaczenia AI Co-op Translator. Chociaż dokładamy wszelkich starań, aby tłumaczenie było precyzyjne, prosimy pamiętać, że automatyczne tłumaczenia mogą zawierać błędy lub nieścisłości. Oryginalny dokument w jego rodzimym języku powinien być uznawany za źródło autorytatywne. W przypadku informacji krytycznych zaleca się skorzystanie z profesjonalnego tłumaczenia przez człowieka. Nie ponosimy odpowiedzialności za jakiekolwiek nieporozumienia lub błędne interpretacje wynikające z użycia tego tłumaczenia.