8.4 KiB

Raw Permalink Blame History

क्विजहरू

यी क्विजहरू IoT for Beginners पाठ्यक्रमको लागि प्रि- र पोस्ट-लेक्चर क्विजहरू हुन्। पाठ्यक्रमको लिंक: https://aka.ms/iot-beginners

प्रोजेक्ट सेटअप

npm install

विकासको लागि कम्पाइल र हॉट-रिलोड

npm run serve

उत्पादनको लागि कम्पाइल र मिनिफाई

npm run build

फाइलहरू लिन्ट र फिक्स गर्नुहोस्

npm run lint

कन्फिगरेसन अनुकूलन गर्नुहोस्

Configuration Reference हेर्नुहोस्।

क्रेडिट: यो क्विज एपको मूल संस्करणको लागि धन्यवाद: https://github.com/arpan45/simple-quiz-vue

Azure मा डिप्लोय गर्नुहोस्

यहाँ सुरु गर्नका लागि चरण-दर-चरण मार्गदर्शन छ:

GitHub रिपोजिटरी फोर्क गर्नुहोस्
तपाईंको स्टाटिक वेब एप कोड GitHub रिपोजिटरीमा सुनिश्चित गर्नुहोस्। यो रिपोजिटरी फोर्क गर्नुहोस्।
Azure Static Web App सिर्जना गर्नुहोस्

Azure खाता सिर्जना गर्नुहोस्।
Azure पोर्टल मा जानुहोस्।
“Create a resource” मा क्लिक गर्नुहोस् र “Static Web App” खोज्नुहोस्।
“Create” मा क्लिक गर्नुहोस्।

Static Web App कन्फिगर गर्नुहोस्

आधारभूत:
- Subscription: तपाईंको Azure सब्सक्रिप्शन चयन गर्नुहोस्।
- Resource Group: नयाँ रिसोर्स ग्रुप सिर्जना गर्नुहोस् वा पहिलेको प्रयोग गर्नुहोस्।
- Name: तपाईंको स्टाटिक वेब एपको नाम प्रदान गर्नुहोस्।
- Region: तपाईंको प्रयोगकर्ताहरू नजिकको क्षेत्र चयन गर्नुहोस्।
डिप्लोयमेन्ट विवरण:
- Source: “GitHub” चयन गर्नुहोस्।
- GitHub Account: Azure लाई तपाईंको GitHub खाता पहुँच गर्न अनुमति दिनुहोस्।
- Organization: तपाईंको GitHub संगठन चयन गर्नुहोस्।
- Repository: तपाईंको स्टाटिक वेब एप रहेको रिपोजिटरी चयन गर्नुहोस्।
- Branch: तपाईं डिप्लोय गर्न चाहनुभएको ब्रान्च चयन गर्नुहोस्।
बिल्ड विवरण:
- Build Presets: तपाईंको एप निर्माण गरिएको फ्रेमवर्क चयन गर्नुहोस् (जस्तै React, Angular, Vue आदि)।
- App Location: तपाईंको एप कोड रहेको फोल्डर निर्दिष्ट गर्नुहोस् (जस्तै / यदि यो रूटमा छ भने)।
- API Location: यदि तपाईंको API छ भने यसको स्थान निर्दिष्ट गर्नुहोस् (वैकल्पिक)।
- Output Location: बिल्ड आउटपुट उत्पन्न हुने फोल्डर निर्दिष्ट गर्नुहोस् (जस्तै build वा dist)।

समीक्षा र सिर्जना गर्नुहोस्
तपाईंको सेटिङहरू समीक्षा गर्नुहोस् र “Create” मा क्लिक गर्नुहोस्। Azure आवश्यक संसाधनहरू सेटअप गर्नेछ र तपाईंको रिपोजिटरीमा GitHub Actions वर्कफ्लो सिर्जना गर्नेछ।
GitHub Actions वर्कफ्लो
Azure स्वचालित रूपमा तपाईंको रिपोजिटरीमा GitHub Actions वर्कफ्लो फाइल (.github/workflows/azure-static-web-apps-.yml) सिर्जना गर्नेछ। यो वर्कफ्लो बिल्ड र डिप्लोयमेन्ट प्रक्रिया ह्यान्डल गर्नेछ।
डिप्लोयमेन्ट अनुगमन गर्नुहोस्
GitHub रिपोजिटरीको “Actions” ट्याबमा जानुहोस्।
तपाईंले वर्कफ्लो चलिरहेको देख्नुहुनेछ। यो वर्कफ्लो तपाईंको स्टाटिक वेब एप Azure मा निर्माण र डिप्लोय गर्नेछ।
वर्कफ्लो पूरा भएपछि, तपाईंको एप प्रदान गरिएको Azure URL मा लाइभ हुनेछ।

उदाहरण वर्कफ्लो फाइल

यहाँ GitHub Actions वर्कफ्लो फाइलको उदाहरण छ:
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.4 KiB Raw Permalink Blame History