You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
127 lines
4.9 KiB
127 lines
4.9 KiB
<!--
|
|
CO_OP_TRANSLATOR_METADATA:
|
|
{
|
|
"original_hash": "6d130dffca5db70d7e615f926cb1ad4c",
|
|
"translation_date": "2025-09-03T17:58:17+00:00",
|
|
"source_file": "quiz-app/README.md",
|
|
"language_code": "pl"
|
|
}
|
|
-->
|
|
# 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](https://cli.vuejs.org/config/).
|
|
|
|
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ąć:
|
|
|
|
1. Forkowanie repozytorium GitHub
|
|
Upewnij się, że kod Twojej aplikacji statycznej znajduje się w Twoim repozytorium GitHub. Zrób fork tego repozytorium.
|
|
|
|
2. Utwórz statyczną aplikację webową na Azure
|
|
- Utwórz [konto Azure](http://azure.microsoft.com)
|
|
- Przejdź do [portalu Azure](https://portal.azure.com)
|
|
- Kliknij „Utwórz zasób” i wyszukaj „Static Web App”.
|
|
- Kliknij „Utwórz”.
|
|
|
|
3. 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).
|
|
|
|
4. 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.
|
|
|
|
5. Workflow GitHub Actions
|
|
Azure automatycznie utworzy plik workflow GitHub Actions w Twoim repozytorium (.github/workflows/azure-static-web-apps-<name>.yml). Ten workflow zajmie się procesem kompilacji i wdrożenia.
|
|
|
|
6. 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
|
|
- [Dokumentacja Azure Static Web Apps](https://learn.microsoft.com/azure/static-web-apps/getting-started)
|
|
- [Dokumentacja GitHub Actions](https://docs.github.com/actions/use-cases-and-examples/deploying/deploying-to-azure-static-web-app)
|
|
|
|
---
|
|
|
|
**Zastrzeżenie**:
|
|
Ten dokument został przetłumaczony za pomocą usługi tłumaczenia AI [Co-op Translator](https://github.com/Azure/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. |