# ការប្រលងតេស្ត

ការប្រលងតេស្តទាំងនេះ គឺជាការប្រលងតេស្តមុននិងក្រោយមេរៀនសម្រាប់មុខវិជ្ជា 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 -->