8.0 KiB

Raw Permalink Blame History

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

ការប្រលងតេស្តទាំងនេះ គឺជាការប្រលងតេស្តមុននិងក្រោយមេរៀនសម្រាប់មុខវិជ្ជា IoT សម្រាប់អ្នកចាប់ផ្តើម នៅ https://aka.ms/iot-beginners

ការតំឡើងគម្រោង

npm install

កូដកម្ម និងផ្ទុកឡើងវិញសម្រាប់ការអភិវឌ្ឍន៍

npm run serve

កូដកម្ម និងបង្ហាប់ឲ្យតូចសម្រាប់ផលិតផល

npm run build

ពិនិត្យកូដ និងជួសជុលឯកសារ

npm run lint

កំណត់តំរូវការតាមតម្រូវការ

មើល សេចក្ដីយោងកំណត់តំរូវការ។

អំណរគុណ៖ អរគុណចំពោះជំនាន់ដើមនៃកម្មវិធីប្រលងតេស្តនេះ៖ https://github.com/arpan45/simple-quiz-vue

ការចេញផ្សាយទៅ Azure

នេះជាមដៀលជំហានចាប់ពីដើមដើម្បីជួយអ្នកចាប់ផ្តើម៖

ផFork តារាង GitHub ធានាថាកូដកម្មកម្មវិធីបណ្តាញ static របស់អ្នកនៅក្នុងឃ្លាំង GitHub របស់អ្នក។ Fork ឃ្លាំងនេះ។
បង្កើតកម្មវិធី Azure Static Web App

បង្កើត និង គណនី Azure
ចូលទៅ ផ្ទាំង Azure portal
ចុចលើ “Create a resource” ហើយស្វែងរក “Static Web App”។
ចុច “Create”។

កំណត់រចនាសម្ព័ន្ធ Static Web App

មូលដ្ឋាន៖ ការជាវ៖ ជ្រើសរើសការជាវ Azure របស់អ្នក។
ក្រុមធនធាន៖ បង្កើតក្រុមធនធានថ្មី ឬប្រើក្រុមដែលមានស្រាប់។
ឈ្មោះ៖ ផ្តល់ឈ្មោះសម្រាប់កម្មវិធី static web របស់អ្នក។
តំបន់៖ ជ្រើសរើសតំបន់ដែលនៅជិតអ្នកប្រើប្រាស់។
ព័ត៌មានចេញផ្សាយ៖
ប្រភព៖ ជ្រើសរើស “GitHub”។
គណនី GitHub៖ អនុញ្ញាតឲ្យ Azure ចូលប្រើគណនី GitHub របស់អ្នក។
អង្គភាព៖ ជ្រើសរើសអង្គភាព GitHub របស់អ្នក។
ឃ្លាំងទិន្នន័យ៖ ជ្រើសរើសឃ្លាំងដែលមានកម្មវិធី static web របស់អ្នក។
សាខា៖ ជ្រើសរើសសាខាដែលអ្នកចង់ចេញផ្សាយពីវា។
ព័ត៌មានសាងសង់៖
ការកំណត់សាងសង់៖ ជ្រើសរើសប្រព័ន្ធដែលកម្មវិធីរបស់អ្នកត្រូវបានបង្កើតជាមួយ (ឧ. React, Angular, Vue ល។)។
ទីតាំងកម្មវិធី៖ បញ្ជាក់ថតដែលមានកូដកម្មវិធីរបស់អ្នក (ឧ. / ប្រសិនបើវាជារឿននៃគម្រោង)។
ទីតាំង API៖ ប្រសិនបើអ្នកមាន API បញ្ជាក់ទីតាំងរបស់វា (ជាជម្រើស)។
ទីតាំងលទ្ធផល៖ បញ្ជាក់ថតដែលមានលទ្ធផលសាងសង់ (ឧ. build ឬ dist)។

ពិនិត្យឡើងវិញ និងបង្កើត ពិនិត្យការកំណត់របស់អ្នក ហើយចុច “Create”។ Azure នឹងបង្កើតធនធានទាមទារ និងបង្កើតការផលិត GitHub Actions workflow លើឃ្លាំងរបស់អ្នក។
GitHub Actions Workflow Azure នឹងបង្កើតឯកសារជាប្រព័ន្ធ GitHub Actions workflow នៅក្នុងឃ្លាំងរបស់អ្នក (.github/workflows/azure-static-web-apps-.yml) ដោយស្វ័យប្រវត្តិ។ Workflow នេះនឹងគ្រប់គ្រងដំណើរការសាងសង់ និងចេញផ្សាយ។
ត្រួតពិនិត្យការចេញផ្សាយ ចូលទៅថេប “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

ឯកសារបន្ថែម

ការបដិសេធ៖
ឯកសារនេះបានបកប្រែដោយប្រើសេវាកម្មបកប្រែ AI Co-op Translator។ ខណៈពេលដែលយើងខិតខំសំរាប់ភាពត្រឹមត្រូវ សូមប្រយ័ត្នក្នុងការយល់ថាការបកប្រែដោយស្វ័យប្រវត្តិនោះអាចមានកំហុស ឬភាពមិនត្រឹមត្រូវ។ ឯកសារដើមដែលសរសេរជាភាសាដើមគួរត្រូវបានគិតថាជាអត្ថប្រយោជន៍ប្ដូនាទៅ។ សម្រាប់ព័ត៌មានសំខាន់ៗ ការបកប្រែដោយមនុស្សជំនាញបានណែនាំ។ យើងមិនទទួលខុសត្រូវចំពោះការយល់ច្រឡំ ឬការបកប្រែកំហុសណាមួយដែលកើតមានពីការប្រើប្រាស់ការបកប្រែនេះ។

8.0 KiB Raw Permalink Blame History