4.6 KiB

Raw Permalink Blame History

Kvizi

Ti kvizi so predhodni in zaključni kvizi za učni načrt strojnega učenja na https://aka.ms/ml-beginners

Nastavitev projekta

npm install

Kompilacija in samodejno osveževanje za razvoj

npm run serve

Kompilacija in minimizacija za produkcijo

npm run build

Preverjanje kode in odpravljanje napak

npm run lint

Prilagoditev konfiguracije

Glej Referenca konfiguracije.

Zasluge: Zahvala za izvirno različico te aplikacije za kvize: https://github.com/arpan45/simple-quiz-vue

Namestitev na Azure

Tukaj je korak-po-korak vodič, ki vam bo pomagal začeti:

Forkajte GitHub repozitorij
Poskrbite, da je koda vaše statične spletne aplikacije v vašem GitHub repozitoriju. Forkajte ta repozitorij.
Ustvarite Azure Static Web App

Ustvarite Azure račun
Pojdite na Azure portal
Kliknite “Create a resource” in poiščite “Static Web App”.
Kliknite “Create”.

Konfigurirajte Static Web App

Osnovno: Naročnina: Izberite svojo Azure naročnino.
Skupina virov: Ustvarite novo skupino virov ali uporabite obstoječo.
Ime: Dajte ime svoji statični spletni aplikaciji.
Regija: Izberite regijo, ki je najbližja vašim uporabnikom.
Podrobnosti o namestitvi:
Vir: Izberite “GitHub”.
GitHub račun: Avtorizirajte Azure za dostop do vašega GitHub računa.
Organizacija: Izberite svojo GitHub organizacijo.
Repozitorij: Izberite repozitorij, ki vsebuje vašo statično spletno aplikacijo.
Branch: Izberite branch, iz katerega želite namestiti.
Podrobnosti o gradnji:
Prednastavitve gradnje: Izberite okvir, na katerem je vaša aplikacija zgrajena (npr. React, Angular, Vue itd.).
Lokacija aplikacije: Določite mapo, ki vsebuje kodo vaše aplikacije (npr. /, če je v korenu).
Lokacija API-ja: Če imate API, določite njegovo lokacijo (neobvezno).
Lokacija izhoda: Določite mapo, kjer je generiran izhod gradnje (npr. build ali dist).

Pregled in ustvarjanje
Preglejte svoje nastavitve in kliknite “Create”. Azure bo nastavil potrebne vire in ustvaril GitHub Actions workflow v vašem repozitoriju.
GitHub Actions Workflow
Azure bo samodejno ustvaril GitHub Actions workflow datoteko v vašem repozitoriju (.github/workflows/azure-static-web-apps-.yml). Ta workflow bo upravljal proces gradnje in namestitve.
Spremljanje namestitve
Pojdite na zavihek “Actions” v vašem GitHub repozitoriju.
Videti bi morali, da se izvaja workflow. Ta workflow bo zgradil in namestil vašo statično spletno aplikacijo na Azure.
Ko se workflow zaključi, bo vaša aplikacija na voljo na dodeljenem Azure URL-ju.

Primer datoteke workflow

Tukaj je primer, kako bi lahko izgledala GitHub Actions workflow datoteka:
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

Dodatni viri

Omejitev odgovornosti:
Ta dokument je bil preveden z uporabo storitve za strojno prevajanje Co-op Translator. Čeprav si prizadevamo za natančnost, vas prosimo, da upoštevate, da lahko avtomatizirani prevodi vsebujejo napake ali netočnosti. Izvirni dokument v njegovem izvirnem jeziku je treba obravnavati kot avtoritativni vir. Za ključne informacije priporočamo strokovno človeško prevajanje. Ne prevzemamo odgovornosti za morebitna nesporazumevanja ali napačne razlage, ki izhajajo iz uporabe tega prevoda.

4.6 KiB Raw Permalink Blame History