4.4 KiB

Raw Permalink Blame History

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

Compilazione e ricaricamento automatico per lo sviluppo

npm run serve

Compilazione e minificazione per la produzione

npm run build

Lint e correzione dei file

npm run lint

Personalizza la configurazione

Consulta Configuration Reference.

Crediti: Grazie alla versione originale di questa app quiz: https://github.com/arpan45/simple-quiz-vue

Distribuzione su Azure

Ecco una guida passo-passo per aiutarti a iniziare:

Fai un fork del repository GitHub Assicurati che il codice della tua app web statica sia nel tuo repository GitHub. Fai un fork di questo repository.
Crea una Azure Static Web App

Crea un account Azure
Vai al portale di Azure
Clicca su “Crea una risorsa” e cerca “Static Web App”.
Clicca su “Crea”.

Configura la Static Web App

Base: Sottoscrizione: Seleziona la tua sottoscrizione Azure.
Gruppo di risorse: Crea un nuovo gruppo di risorse o usa uno esistente.
Nome: Fornisci un nome per la tua app web statica.
Regione: Scegli la regione più vicina ai tuoi utenti.
Dettagli di distribuzione:
Sorgente: Seleziona “GitHub”.
Account GitHub: Autorizza Azure ad accedere al tuo account GitHub.
Organizzazione: Seleziona la tua organizzazione GitHub.
Repository: Scegli il repository contenente la tua app web statica.
Branch: Seleziona il branch da cui vuoi distribuire.
Dettagli di build:
Preimpostazioni di build: Scegli il framework con cui è costruita la tua app (es. React, Angular, Vue, ecc.).
Posizione dell'app: Specifica la cartella contenente il codice della tua app (es. / se è 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 (es. 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 di 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à live sull'URL fornito da Azure.

Esempio di file Workflow

Ecco un esempio di come potrebbe apparire il file di workflow di 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 servizi di traduzione automatica basati su AI. Anche se ci sforziamo di garantire l'accuratezza, si prega di essere consapevoli 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 umana. Non siamo responsabili per eventuali malintesi o interpretazioni errate derivanti dall'uso di questa traduzione.

4.4 KiB Raw Permalink Blame History