تكوين أطر العمل والمكتبات الأمامية باستخدام Azure Static Web Apps
تتطلب Azure Static Web Apps أن يكون لديك قيم التكوين المناسبة في ملف تكوين البنية لإطار العمل أو المكتبة الأمامية.
التكوين
يسرد الجدول التالي إعدادات سلسلة من أطر العمل والمكتبات1.
يتم شرح الهدف من أعمدة الجدول بالعناصر التالية:
- موقع الإخراج (موقع التطبيق الاصطناعي): يسرد قيمة
output_location، وهو المجلد لملفات موقع الويب الثابتة المضمنة. - موقع البيانات الاصطناعية لواجهة برمجة التطبيقات (موقع واجهة برمجة التطبيقات): يسرد قيمة
api_location، وهو المجلد الذي يحتوي على وظائف Azure المدارة المضمنة لأطر العمل التي تتطلب استضافة من جانب الخادم. - أمر إنشاء مخصص: عندما يتطلب إطار العمل أمرا مختلفا عن
npm run buildأوnpm run azure:build، يمكنك تعريف أمر بناء مخصص.
إشعار
بعض أطر عمل الويب التي تتميز بالعرض من جانب الخادم ويمكن نشرها في Azure Static Web Apps. وهذا يعني أن تطبيقك مضمن في أصول ثابتة وملفات Azure Functions. في ملف التكوين، يتم تعيين الأصول الثابتة إلى موقع الإخراج وتعيين ملفات Azure Functions إلى موقع البيانات الاصطناعية لواجهة برمجة التطبيقات.
| Framework | موقع الإخراج (موقع أداة التطبيق) | موقع البيانات الاصطناعية لواجهة برمجة التطبيقات | أمر إنشاء مخصص |
|---|---|---|---|
| Alpine.js | / |
غير متوفر | n/a 2 |
| الزاوي | dist/<APP_NAME>/browser |
غير متوفر | غير متوفر |
| استرو | dist |
غير متوفر | غير متوفر |
| اوريليا | dist |
غير متوفر | غير متوفر |
| العمود الفقري.js | / |
غير متوفر | غير متوفر |
| Blazor (WASM) | wwwroot |
n/a |
غير متوفر |
| يعيرها | dist |
غير متوفر | غير متوفر |
| رفرفه | build/web |
غير متوفر | flutter build web |
| إطار العمل7 | www |
غير متوفر | npm run build-prod |
| بصيص | dist |
غير متوفر | غير متوفر |
| Html | / |
غير متوفر | غير متوفر |
| هوغو | public |
غير متوفر | غير متوفر |
| Hyperapp | / |
غير متوفر | غير متوفر |
| جافا سكريبت | / |
غير متوفر | غير متوفر |
| مسج | / |
غير متوفر | غير متوفر |
| خروج المغلوب | dist |
غير متوفر | غير متوفر |
| LitElement | / |
غير متوفر | غير متوفر |
| ميثريل | / |
غير متوفر | غير متوفر |
| Next.js (تصدير HTML ثابت) | out |
غير متوفر | غير متوفر |
| Next.js (العرض المختلط) | / |
غير متوفر | غير متوفر |
| Nuxt 2 | / |
غير متوفر | غير متوفر |
| Nuxt 3 | output/public |
output/server |
غير متوفر |
| Preact | dist |
غير متوفر | غير متوفر |
| الرد | build |
غير متوفر | غير متوفر |
| RedwoodJS | web/dist |
غير متوفر | yarn rw build web |
| الصلبه | dist |
غير متوفر | غير متوفر |
| استنسل | www |
غير متوفر | غير متوفر |
| SvelteKit (ثابت) | build |
غير متوفر | غير متوفر |
| SvelteKit | build/static |
build/server |
غير متوفر |
| Three.js | / |
غير متوفر | غير متوفر |
| TypeScript | dist |
غير متوفر | غير متوفر |
| Vue.js | dist |
غير متوفر | غير متوفر |
1 لا يقصد بالجدول أعلاه أن يكون قائمة شاملة بأطر العمل والمكتبات التي تعمل مع Azure Static Web Apps.
2 غير قابل للتطبيق