co-op-translator[bot]
06c38d0df9
|
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 kurikulum ng IoT for Beginners sa https://aka.ms/iot-beginners
Pag-setup 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 para sa pagsusulit: https://github.com/arpan45/simple-quiz-vue
Pag-deploy sa Azure
Narito ang isang step-by-step na gabay para makapagsimula:
-
I-fork ang isang GitHub Repository
Siguraduhing nasa iyong GitHub repository ang static web app code mo. 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 iyong app code (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).
-
Review at Create
I-review ang iyong mga setting 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 build at deployment process. -
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 na ang workflow, live na ang iyong app sa ibinigay na Azure URL.
Halimbawa ng Workflow File
Narito ang isang 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, tandaan na ang mga awtomatikong pagsasalin ay maaaring maglaman ng mga pagkakamali o hindi pagkakatugma. Ang orihinal na dokumento sa kanyang katutubong wika ang dapat ituring na opisyal na pinagmulan. 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.