IoT-For-Beginners/translations/mr/quiz-app

क्विझेस

या क्विझेस 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 वर डिप्लॉय करणे

Azure वर डिप्लॉय करण्यासाठी खालील चरणांचे मार्गदर्शन:

1. GitHub रेपॉझिटरी फोर्क करा
   तुमचा स्टॅटिक वेब अ‍ॅप कोड GitHub रेपॉझिटरीमध्ये असावा. ही रेपॉझिटरी फोर्क करा.

2. Azure Static Web App तयार करा

• Azure खाते तयार करा
• Azure पोर्टल वर जा
• “Create a resource” वर क्लिक करा आणि “Static Web App” शोधा.
• “Create” वर क्लिक करा.

3. 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).

4. पुनरावलोकन आणि तयार करा
   तुमच्या सेटिंग्ज पुनरावलोकन करा आणि “Create” वर क्लिक करा. Azure आवश्यक संसाधने सेटअप करेल आणि तुमच्या रेपॉझिटरीमध्ये GitHub Actions वर्कफ्लो तयार करेल.

5. GitHub Actions वर्कफ्लो
   Azure तुमच्या रेपॉझिटरीमध्ये स्वयंचलितपणे GitHub Actions वर्कफ्लो फाइल तयार करेल (.github/workflows/azure-static-web-apps-.yml). हा वर्कफ्लो बिल्ड आणि डिप्लॉयमेंट प्रक्रिया हाताळेल.

6. डिप्लॉयमेंट मॉनिटर करा
   तुमच्या 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

अतिरिक्त संसाधने

• Azure Static Web Apps Documentation
• GitHub Actions Documentation

---

अस्वीकरण:
हा दस्तऐवज AI भाषांतर सेवा Co-op Translator वापरून भाषांतरित करण्यात आला आहे. आम्ही अचूकतेसाठी प्रयत्नशील असलो तरी कृपया लक्षात ठेवा की स्वयंचलित भाषांतरांमध्ये त्रुटी किंवा अचूकतेचा अभाव असू शकतो. मूळ भाषेतील दस्तऐवज हा अधिकृत स्रोत मानला जावा. महत्त्वाच्या माहितीसाठी व्यावसायिक मानवी भाषांतराची शिफारस केली जाते. या भाषांतराचा वापर करून उद्भवलेल्या कोणत्याही गैरसमज किंवा चुकीच्या अर्थासाठी आम्ही जबाबदार राहणार नाही.