# کوئزز یہ کوئزز 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 ## ایذور پر ڈیپلائمنٹ یہاں ایک مرحلہ وار گائیڈ ہے جو آپ کو شروع کرنے میں مدد دے گی: 1. گٹ ہب ریپوزیٹری کو فورک کریں یقینی بنائیں کہ آپ کا اسٹیٹک ویب ایپ کوڈ آپ کی گٹ ہب ریپوزیٹری میں موجود ہے۔ اس ریپوزیٹری کو فورک کریں۔ 2. ایک ایذور اسٹیٹک ویب ایپ بنائیں - ایک [ایذور اکاؤنٹ](http://azure.microsoft.com) بنائیں - [ایذور پورٹل](https://portal.azure.com) پر جائیں - "Create a resource" پر کلک کریں اور "Static Web App" تلاش کریں۔ - "Create" پر کلک کریں۔ 3. اسٹیٹک ویب ایپ کو کنفیگر کریں - بنیادی معلومات: - سبسکرپشن: اپنی ایذور سبسکرپشن منتخب کریں۔ - ریسورس گروپ: ایک نیا ریسورس گروپ بنائیں یا موجودہ استعمال کریں۔ - نام: اپنی اسٹیٹک ویب ایپ کے لیے ایک نام فراہم کریں۔ - ریجن: اپنے صارفین کے قریب ترین ریجن منتخب کریں۔ - #### ڈیپلائمنٹ کی تفصیلات: - سورس: "GitHub" منتخب کریں۔ - گٹ ہب اکاؤنٹ: ایذور کو اپنے گٹ ہب اکاؤنٹ تک رسائی کی اجازت دیں۔ - آرگنائزیشن: اپنی گٹ ہب آرگنائزیشن منتخب کریں۔ - ریپوزیٹری: وہ ریپوزیٹری منتخب کریں جس میں آپ کی اسٹیٹک ویب ایپ موجود ہے۔ - برانچ: وہ برانچ منتخب کریں جس سے آپ ڈیپلائمنٹ کرنا چاہتے ہیں۔ - #### بلڈ کی تفصیلات: - بلڈ پری سیٹس: وہ فریم ورک منتخب کریں جس پر آپ کی ایپ بنی ہوئی ہے (مثلاً React, Angular, Vue وغیرہ)۔ - ایپ لوکیشن: وہ فولڈر بتائیں جہاں آپ کی ایپ کا کوڈ موجود ہے (مثلاً / اگر یہ روٹ میں ہے)۔ - API لوکیشن: اگر آپ کے پاس API ہے تو اس کا مقام بتائیں (اختیاری)۔ - آؤٹ پٹ لوکیشن: وہ فولڈر بتائیں جہاں بلڈ آؤٹ پٹ جنریٹ ہوتا ہے (مثلاً build یا dist)۔ 4. ریویو اور تخلیق کریں اپنی سیٹنگز کا جائزہ لیں اور "Create" پر کلک کریں۔ ایذور ضروری وسائل سیٹ اپ کرے گا اور آپ کی ریپوزیٹری میں ایک گٹ ہب ایکشنز ورک فلو بنائے گا۔ 5. گٹ ہب ایکشنز ورک فلو ایذور خودکار طور پر آپ کی ریپوزیٹری میں ایک گٹ ہب ایکشنز ورک فلو فائل بنائے گا (.github/workflows/azure-static-web-apps-.yml)۔ یہ ورک فلو بلڈ اور ڈیپلائمنٹ کے عمل کو سنبھالے گا۔ 6. ڈیپلائمنٹ کی نگرانی کریں اپنی گٹ ہب ریپوزیٹری کے "Actions" ٹیب پر جائیں۔ آپ کو ایک ورک فلو چلتا ہوا نظر آئے گا۔ یہ ورک فلو آپ کی اسٹیٹک ویب ایپ کو ایذور پر بلڈ اور ڈیپلائے کرے گا۔ جب ورک فلو مکمل ہو جائے، تو آپ کی ایپ فراہم کردہ ایذور URL پر لائیو ہو جائے گی۔ ### ورک فلو فائل کی مثال یہاں گٹ ہب ایکشنز ورک فلو فائل کی ایک مثال دی گئی ہے: 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 ``` ### اضافی وسائل - [ایذور اسٹیٹک ویب ایپس ڈاکیومنٹیشن](https://learn.microsoft.com/azure/static-web-apps/getting-started) - [گٹ ہب ایکشنز ڈاکیومنٹیشن](https://docs.github.com/actions/use-cases-and-examples/deploying/deploying-to-azure-static-web-app) --- **ڈسکلیمر**: یہ دستاویز AI ترجمہ سروس [Co-op Translator](https://github.com/Azure/co-op-translator) کا استعمال کرتے ہوئے ترجمہ کی گئی ہے۔ ہم درستگی کے لیے کوشش کرتے ہیں، لیکن براہ کرم آگاہ رہیں کہ خودکار ترجمے میں غلطیاں یا غیر درستیاں ہو سکتی ہیں۔ اصل دستاویز کو اس کی اصل زبان میں مستند ذریعہ سمجھا جانا چاہیے۔ اہم معلومات کے لیے، پیشہ ور انسانی ترجمہ کی سفارش کی جاتی ہے۔ ہم اس ترجمے کے استعمال سے پیدا ہونے والی کسی بھی غلط فہمی یا غلط تشریح کے ذمہ دار نہیں ہیں۔