4.8 KiB
Quiz
Questi quiz sono i quiz pre- e post-lezione per il curriculum di ML su https://aka.ms/ml-beginners
Configurazione del progetto
npm install
Compila e ricarica automaticamente per lo sviluppo
npm run serve
Compila e minimizza per la produzione
npm run build
Analizza e corregge i file
npm run lint
Personalizza la configurazione
Consulta Riferimento Configurazione.
Crediti: Grazie alla versione originale di questa app per quiz: https://github.com/arpan45/simple-quiz-vue
Distribuzione su Azure
Ecco una guida passo-passo per aiutarti a iniziare:
-
Fai un fork di un repository GitHub
Assicurati che il codice della tua app web statica sia nel tuo repository GitHub. Fai un fork di questo repository. -
Crea un'app web statica su Azure
- Crea un account Azure
- Vai al portale di Azure
- Clicca su “Crea una risorsa” e cerca “App Web Statica”.
- Clicca su “Crea”.
- Configura l'app web statica
-
Base:
- Sottoscrizione: Seleziona la tua sottoscrizione Azure.
- Gruppo di risorse: Crea un nuovo gruppo di risorse o utilizza uno esistente.
- Nome: Fornisci un nome per la tua app web statica.
- Regione: Scegli la regione più vicina ai tuoi utenti.
-
Dettagli di distribuzione:
- Origine: Seleziona “GitHub”.
- Account GitHub: Autorizza Azure ad accedere al tuo account GitHub.
- Organizzazione: Seleziona la tua organizzazione GitHub.
- Repository: Scegli il repository che contiene la tua app web statica.
- Branch: Seleziona il branch da cui vuoi distribuire.
-
Dettagli di build:
- Preset di build: Scegli il framework con cui è costruita la tua app (ad esempio, React, Angular, Vue, ecc.).
- Posizione dell'app: Specifica la cartella che contiene il codice della tua app (ad esempio, / se si trova nella radice).
- Posizione API: Se hai un'API, specifica la sua posizione (opzionale).
- Posizione output: Specifica la cartella in cui viene generato l'output della build (ad esempio, build o dist).
-
Rivedi e crea
Rivedi le tue impostazioni e clicca su “Crea”. Azure configurerà le risorse necessarie e creerà un workflow di GitHub Actions nel tuo repository. -
Workflow di GitHub Actions
Azure creerà automaticamente un file di workflow GitHub Actions nel tuo repository (.github/workflows/azure-static-web-apps-.yml). Questo workflow gestirà il processo di build e distribuzione. -
Monitora la distribuzione
Vai alla scheda “Actions” nel tuo repository GitHub.
Dovresti vedere un workflow in esecuzione. Questo workflow costruirà e distribuirà la tua app web statica su Azure.
Una volta completato il workflow, la tua app sarà online all'URL fornito da Azure.
Esempio di file Workflow
Ecco un esempio di come potrebbe apparire il file di 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
Risorse aggiuntive
Disclaimer:
Questo documento è stato tradotto utilizzando il servizio di traduzione automatica Co-op Translator. Sebbene ci impegniamo per garantire l'accuratezza, si prega di notare che le traduzioni automatiche possono contenere errori o imprecisioni. Il documento originale nella sua lingua nativa dovrebbe essere considerato la fonte autorevole. Per informazioni critiche, si raccomanda una traduzione professionale effettuata da un traduttore umano. Non siamo responsabili per eventuali incomprensioni o interpretazioni errate derivanti dall'uso di questa traduzione.