leestott
c5aa7afabb
|
3 weeks ago | |
|---|---|---|
| .. | ||
| README.md | 3 weeks ago | |
README.md
Mga Pagsusulit
Ang mga pagsusulit na ito ay pre- at post-lecture quizzes para sa ML curriculum sa https://aka.ms/ml-beginners
Pag-set up ng Proyekto
npm install
Nagko-compile at nagre-reload para sa development
npm run serve
Nagko-compile at nagmi-minify para sa production
npm run build
Nagli-lint at nag-aayos ng mga file
npm run lint
I-customize ang configuration
Tingnan ang Configuration Reference.
Credits: Salamat sa orihinal na bersyon ng app na ito ng pagsusulit: https://github.com/arpan45/simple-quiz-vue
Pag-deploy sa Azure
Narito ang step-by-step na gabay para makapagsimula:
-
I-fork ang isang GitHub Repository
Siguraduhing nasa iyong GitHub repository ang code ng iyong static web app. I-fork ang repository na ito. -
Gumawa ng Azure Static Web App
- Gumawa ng Azure account
- Pumunta sa Azure portal
- I-click ang “Create a resource” at hanapin ang “Static Web App”.
- I-click ang “Create”.
- I-configure ang Static Web App
-
Basics: Subscription: Piliin ang iyong Azure subscription.
-
Resource Group: Gumawa ng bagong resource group o gumamit ng umiiral na.
-
Name: Magbigay ng pangalan para sa iyong static web app.
-
Region: Piliin ang rehiyon na pinakamalapit sa iyong mga user.
-
Deployment Details:
-
Source: Piliin ang “GitHub”.
-
GitHub Account: I-authorize ang Azure na ma-access ang iyong GitHub account.
-
Organization: Piliin ang iyong GitHub organization.
-
Repository: Piliin ang repository na naglalaman ng iyong static web app.
-
Branch: Piliin ang branch na gusto mong i-deploy.
-
Build Details:
-
Build Presets: Piliin ang framework na ginamit sa iyong app (hal., React, Angular, Vue, atbp.).
-
App Location: Tukuyin ang folder na naglalaman ng code ng iyong app (hal., / kung nasa root ito).
-
API Location: Kung may API ka, tukuyin ang lokasyon nito (opsyonal).
-
Output Location: Tukuyin ang folder kung saan nabuo ang build output (hal., build o dist).
-
I-review at I-create
I-review ang iyong mga settings at i-click ang “Create”. Ise-set up ng Azure ang mga kinakailangang resources at gagawa ng GitHub Actions workflow sa iyong repository. -
GitHub Actions Workflow
Awtomatikong gagawa ang Azure ng GitHub Actions workflow file sa iyong repository (.github/workflows/azure-static-web-apps-.yml). Ang workflow na ito ang magha-handle ng proseso ng build at deployment. -
I-monitor ang Deployment
Pumunta sa “Actions” tab sa iyong GitHub repository.
Makikita mo ang isang workflow na tumatakbo. Ang workflow na ito ang magbuo at magde-deploy ng iyong static web app sa Azure.
Kapag natapos ang workflow, live na ang iyong app sa ibinigay na Azure URL.
Halimbawa ng Workflow File
Narito ang halimbawa ng GitHub Actions workflow file:
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
Karagdagang Resources
Paunawa:
Ang dokumentong ito ay isinalin gamit ang AI translation service na Co-op Translator. Bagama't sinisikap naming maging tumpak, pakitandaan na ang mga awtomatikong pagsasalin ay maaaring maglaman ng mga pagkakamali o hindi pagkakatugma. Ang orihinal na dokumento sa orihinal nitong wika ang dapat ituring na opisyal na sanggunian. Para sa mahalagang impormasyon, inirerekomenda ang propesyonal na pagsasalin ng tao. Hindi kami mananagot sa anumang hindi pagkakaunawaan o maling interpretasyon na maaaring magmula sa paggamit ng pagsasaling ito.