You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
120 lines
8.0 KiB
120 lines
8.0 KiB
# ការប្រលងតេស្ត
|
|
|
|
ការប្រលងតេស្តទាំងនេះ គឺជាការប្រលងតេស្តមុននិងក្រោយមេរៀនសម្រាប់មុខវិជ្ជា IoT សម្រាប់អ្នកចាប់ផ្តើម នៅ https://aka.ms/iot-beginners
|
|
|
|
## ការតំឡើងគម្រោង
|
|
|
|
```
|
|
npm install
|
|
```
|
|
|
|
### កូដកម្ម និងផ្ទុកឡើងវិញសម្រាប់ការអភិវឌ្ឍន៍
|
|
|
|
```
|
|
npm run serve
|
|
```
|
|
|
|
### កូដកម្ម និងបង្ហាប់ឲ្យតូចសម្រាប់ផលិតផល
|
|
|
|
```
|
|
npm run build
|
|
```
|
|
|
|
### ពិនិត្យកូដ និងជួសជុលឯកសារ
|
|
|
|
```
|
|
npm run lint
|
|
```
|
|
|
|
### កំណត់តំរូវការតាមតម្រូវការ
|
|
|
|
មើល [សេចក្ដីយោងកំណត់តំរូវការ](https://cli.vuejs.org/config/)។
|
|
|
|
អំណរគុណ៖ អរគុណចំពោះជំនាន់ដើមនៃកម្មវិធីប្រលងតេស្តនេះ៖ https://github.com/arpan45/simple-quiz-vue
|
|
|
|
|
|
## ការចេញផ្សាយទៅ Azure
|
|
|
|
នេះជាមដៀលជំហានចាប់ពីដើមដើម្បីជួយអ្នកចាប់ផ្តើម៖
|
|
|
|
1. ផFork តារាង GitHub
|
|
ធានាថាកូដកម្មកម្មវិធីបណ្តាញ static របស់អ្នកនៅក្នុងឃ្លាំង GitHub របស់អ្នក។ Fork ឃ្លាំងនេះ។
|
|
|
|
2. បង្កើតកម្មវិធី Azure Static Web App
|
|
- បង្កើត និង [គណនី Azure](http://azure.microsoft.com)
|
|
- ចូលទៅ [ផ្ទាំង Azure portal](https://portal.azure.com)
|
|
- ចុចលើ “Create a resource” ហើយស្វែងរក “Static Web App”។
|
|
- ចុច “Create”។
|
|
|
|
3. កំណត់រចនាសម្ព័ន្ធ Static Web App
|
|
- មូលដ្ឋាន៖ ការជាវ៖ ជ្រើសរើសការជាវ Azure របស់អ្នក។
|
|
- ក្រុមធនធាន៖ បង្កើតក្រុមធនធានថ្មី ឬប្រើក្រុមដែលមានស្រាប់។
|
|
- ឈ្មោះ៖ ផ្តល់ឈ្មោះសម្រាប់កម្មវិធី static web របស់អ្នក។
|
|
- តំបន់៖ ជ្រើសរើសតំបន់ដែលនៅជិតអ្នកប្រើប្រាស់។
|
|
|
|
- #### ព័ត៌មានចេញផ្សាយ៖
|
|
- ប្រភព៖ ជ្រើសរើស “GitHub”។
|
|
- គណនី GitHub៖ អនុញ្ញាតឲ្យ Azure ចូលប្រើគណនី GitHub របស់អ្នក។
|
|
- អង្គភាព៖ ជ្រើសរើសអង្គភាព GitHub របស់អ្នក។
|
|
- ឃ្លាំងទិន្នន័យ៖ ជ្រើសរើសឃ្លាំងដែលមានកម្មវិធី static web របស់អ្នក។
|
|
- សាខា៖ ជ្រើសរើសសាខាដែលអ្នកចង់ចេញផ្សាយពីវា។
|
|
|
|
- #### ព័ត៌មានសាងសង់៖
|
|
- ការកំណត់សាងសង់៖ ជ្រើសរើសប្រព័ន្ធដែលកម្មវិធីរបស់អ្នកត្រូវបានបង្កើតជាមួយ (ឧ. React, Angular, Vue ល។)។
|
|
- ទីតាំងកម្មវិធី៖ បញ្ជាក់ថតដែលមានកូដកម្មវិធីរបស់អ្នក (ឧ. / ប្រសិនបើវាជារឿននៃគម្រោង)។
|
|
- ទីតាំង API៖ ប្រសិនបើអ្នកមាន API បញ្ជាក់ទីតាំងរបស់វា (ជាជម្រើស)។
|
|
- ទីតាំងលទ្ធផល៖ បញ្ជាក់ថតដែលមានលទ្ធផលសាងសង់ (ឧ. build ឬ dist)។
|
|
|
|
4. ពិនិត្យឡើងវិញ និងបង្កើត
|
|
ពិនិត្យការកំណត់របស់អ្នក ហើយចុច “Create”។ Azure នឹងបង្កើតធនធានទាមទារ និងបង្កើតការផលិត GitHub Actions workflow លើឃ្លាំងរបស់អ្នក។
|
|
|
|
5. GitHub Actions Workflow
|
|
Azure នឹងបង្កើតឯកសារជាប្រព័ន្ធ GitHub Actions workflow នៅក្នុងឃ្លាំងរបស់អ្នក (.github/workflows/azure-static-web-apps-<name>.yml) ដោយស្វ័យប្រវត្តិ។ Workflow នេះនឹងគ្រប់គ្រងដំណើរការសាងសង់ និងចេញផ្សាយ។
|
|
|
|
6. ត្រួតពិនិត្យការចេញផ្សាយ
|
|
ចូលទៅថេប “Actions” នៅក្នុងឃ្លាំង GitHub របស់អ្នក។
|
|
អ្នកគួរតែឃើញ workflow កំពុងរត់។ Workflow នេះនឹងសាងសង់ និងចេញផ្សាយកម្មវិធី static web របស់អ្នកទៅ Azure។
|
|
ពេល workflow បញ្ចប់ កម្មវិធីរបស់អ្នកនឹងផ្សាយបន្តផ្ទាល់លើ URL Azure ដែលបានផ្តល់។
|
|
|
|
### ឯកសារ Workflow ឧទាហរណ៍
|
|
|
|
នេះជាឧទាហរណ៍នៃឯកសារ GitHub Actions workflow រដ្ធានដែលអាចមានរាងដូចនេះ៖
|
|
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
|
|
```
|
|
|
|
### ឯកសារបន្ថែម
|
|
- [ឯកសារជាផ្លូវការ Azure Static Web Apps](https://learn.microsoft.com/azure/static-web-apps/getting-started)
|
|
- [ឯកសារជាផ្លូវការ GitHub Actions](https://docs.github.com/actions/use-cases-and-examples/deploying/deploying-to-azure-static-web-app)
|
|
|
|
---
|
|
|
|
<!-- CO-OP TRANSLATOR DISCLAIMER START -->
|
|
**ការបដិសេធ**៖
|
|
ឯកសារនេះបានបកប្រែដោយប្រើសេវាកម្មបកប្រែ AI [Co-op Translator](https://github.com/Azure/co-op-translator)។ ខណៈពេលដែលយើងខិតខំសំរាប់ភាពត្រឹមត្រូវ សូមប្រយ័ត្នក្នុងការយល់ថាការបកប្រែដោយស្វ័យប្រវត្តិនោះអាចមានកំហុស ឬភាពមិនត្រឹមត្រូវ។ ឯកសារដើមដែលសរសេរជាភាសាដើមគួរត្រូវបានគិតថាជាអត្ថប្រយោជន៍ប្ដូនាទៅ។ សម្រាប់ព័ត៌មានសំខាន់ៗ ការបកប្រែដោយមនុស្សជំនាញបានណែនាំ។ យើងមិនទទួលខុសត្រូវចំពោះការយល់ច្រឡំ ឬការបកប្រែកំហុសណាមួយដែលកើតមានពីការប្រើប្រាស់ការបកប្រែនេះ។
|
|
<!-- CO-OP TRANSLATOR DISCLAIMER END --> |