co-op-translator[bot]
21b768b948
|
4 weeks ago | |
|---|---|---|
| .. | ||
| README.md | 4 weeks ago | |
README.md
آزمون‌ها
این آزمون‌ها برای قبل و بعد از جلسات آموزشی در دوره «اینترنت اشیا برای مبتدیان» در دسترس هستند: https://aka.ms/iot-beginners
راه‌اندازی پروژه
npm install
کامپایل و بارگذاری مجدد برای توسعه
npm run serve
کامپایل و کوچک‌سازی برای تولید
npm run build
بررسی و اصلاح فایل‌ها
npm run lint
سفارشی‌سازی تنظیمات
به راهنمای تنظیمات مراجعه کنید.
اعتبار: سپاس از نسخه اصلی این اپلیکیشن آزمون: https://github.com/arpan45/simple-quiz-vue
استقرار در Azure
در اینجا یک راهنمای گام‌به‌گام برای شروع آورده شده است:
-
یک مخزن GitHub را فورک کنید
اطمینان حاصل کنید که کد اپلیکیشن وب استاتیک شما در مخزن GitHub شما قرار دارد. این مخزن را فورک کنید. -
ایجاد یک اپلیکیشن وب استاتیک در Azure
- یک حساب Azure ایجاد کنید.
- به پرتال Azure بروید.
- روی "ایجاد یک منبع" کلیک کنید و "Static Web App" را جستجو کنید.
- روی "ایجاد" کلیک کنید.
- پیکربندی اپلیکیشن وب استاتیک
-
بخش اصولی:
- اشتراک: اشتراک Azure خود را انتخاب کنید.
- گروه منابع: یک گروه منابع جدید ایجاد کنید یا از یک گروه موجود استفاده کنید.
- نام: یک نام برای اپلیکیشن وب استاتیک خود ارائه دهید.
- منطقه: منطقه‌ای را انتخاب کنید که به کاربران شما نزدیک‌تر است.
-
جزئیات استقرار:
- منبع: "GitHub" را انتخاب کنید.
- حساب GitHub: به Azure اجازه دهید به حساب GitHub شما دسترسی داشته باشد.
- سازمان: سازمان GitHub خود را انتخاب کنید.
- مخزن: مخزنی را که شامل اپلیکیشن وب استاتیک شما است انتخاب کنید.
- شاخه: شاخه‌ای را که می‌خواهید از آن استقرار انجام دهید انتخاب کنید.
-
جزئیات ساخت:
- پیش‌تنظیمات ساخت: فریمورکی را که اپلیکیشن شما با آن ساخته شده است انتخاب کنید (مثلاً React، Angular، Vue و غیره).
- محل اپلیکیشن: پوشه‌ای را که شامل کد اپلیکیشن شما است مشخص کنید (مثلاً / اگر در ریشه قرار دارد).
- محل API: اگر API دارید، محل آن را مشخص کنید (اختیاری).
- محل خروجی: پوشه‌ای را که خروجی ساخت در آن تولید می‌شود مشخص کنید (مثلاً build یا dist).
-
بازبینی و ایجاد
تنظیمات خود را بازبینی کنید و روی "ایجاد" کلیک کنید. Azure منابع لازم را تنظیم کرده و یک فایل گردش کار GitHub Actions در مخزن شما ایجاد می‌کند. -
گردش کار GitHub Actions
Azure به طور خودکار یک فایل گردش کار GitHub Actions در مخزن شما ایجاد می‌کند (.github/workflows/azure-static-web-apps-.yml). این گردش کار فرآیند ساخت و استقرار را مدیریت می‌کند. -
نظارت بر استقرار
به تب "Actions" در مخزن GitHub خود بروید.
باید یک گردش کار در حال اجرا را مشاهده کنید. این گردش کار اپلیکیشن وب استاتیک شما را در Azure می‌سازد و مستقر می‌کند.
پس از اتمام گردش کار، اپلیکیشن شما در URL ارائه‌شده توسط Azure فعال خواهد بود.
نمونه فایل گردش کار
در اینجا یک نمونه از فایل گردش کار 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
منابع اضافی
سلب مسئولیت:
این سند با استفاده از سرویس ترجمه هوش مصنوعی Co-op Translator ترجمه شده است. در حالی که ما تلاش می‌کنیم دقت را حفظ کنیم، لطفاً توجه داشته باشید که ترجمه‌های خودکار ممکن است شامل خطاها یا نادرستی‌ها باشند. سند اصلی به زبان اصلی آن باید به عنوان منبع معتبر در نظر گرفته شود. برای اطلاعات حساس، توصیه می‌شود از ترجمه حرفه‌ای انسانی استفاده کنید. ما مسئولیتی در قبال سوء تفاهم‌ها یا تفسیرهای نادرست ناشی از استفاده از این ترجمه نداریم.