أبسط طريقة لإنشاء تطبيقات الويب التدريجية عبر الأنظمة الأساسية والأجهزة.
هذا الريبو هو موطن لعدة مشاريع في عائلة الأدوات Pwabuilder.
| أدوات | ملخص | مصدر | مستندات | يساهم |
|---|---|---|---|---|
| pwabuilder.com | أفضل طريقة لتعبئة PWAs لمختلف المتاجر. | /التطبيقات/pwabuilder | مستندات pwabuilder | ويكي |
| PWA Studio | يجعل PWA Studio VSCODE أفضل بيئة مطور لبناء تطبيقات الويب التقدمية. | /التطبيقات/pwabuilder-vscode | PWA Studio Docs | ويكي |
| PWA بداية | اختبرنا في رأينا وإنتاج نموذج تطبيق الويب التدريجي (PWA) لإنشاء مشاريع جديدة. | ريبو | مستندات بداية PWA | ويكي |
| مستندات | مصدر | يساهم |
|---|---|---|
| docs.pwabuilder.com | /مستندات | ويكي |
| blog.pwabuilder.com | /التطبيقات/المدونة | /التطبيقات/المدونة |
| عناصر | ملخص | مصدر | مستندات | يساهم |
|---|---|---|---|---|
<pwa-install> | مكون الويب لتجربة تثبيت PWA الرائعة | PWA-install | PWA-install | ويكي |
ستحتاج إلى الأشياء التالية المثبتة بشكل صحيح على جهاز الكمبيوتر الخاص بك.
يجب أن تكون على دراية بـ TypeScript التي نستخدمها لهذا المشروع. هذا يساعدك على إعطائك المزيد من التوجيهات كما ترمز من Intellisense عند استخدام VSCode.
نوصي بالأدوات التالية لإعداد DEV الخاص بك:
بالإضافة إلى ذلك ، عند فتح المشروع في VS Code ، ستتم مطالبتك بتثبيت الامتدادات الموصى بها.
انتقل إلى مجلد المشروع الذي تخطط للعمل عليه (مثال /تطبيقات /pwabuilder) ، واتبع ReadMe لكيفية البدء.
سيقوم تشغيل npm install في مجلد المشروع تلقائيًا بتثبيت جميع التبعيات وبناءها.
لا يستخدم هذا monorepo حزمة الجذر. json مثل monorepos الأخرى التي قد تستخدمها. بدلاً من ذلك ، تعيش المشاريع في مجلداتها المنفصلة وهي في الغالب مستقلة عن بعضها البعض.
ومع ذلك ، عندما تكون هناك تبعيات بين المشاريع ، يجب أن تتعامل أدواتنا تلقائيًا مع الارتباط وبناء التبعية عند تشغيل npm install في جذر المشروع.
على سبيل المثال /apps/pwabuilder لديها اعتماد على library/site-analytics . يتم تعريف هذه التبعية في pwabuilder package.json مثل ذلك:
//package.json
"dependencies" : {
"@pwabuilder/site-analytics" : " file:../../libraries/site-analytics " ,
... سيقوم تشغيل npm install في مجلد Pwabuilder أيضًا بتشغيل npm install و npm run build لمشروع site-analytics . في معظم الحالات ، وما لم يكن العمل على التبعية ، فلن يضطر المطور للقلق بشأن كيفية ربط هذه المشاريع.
للربط التلقائي للمشاريع للعمل ، تأكد من أن كل مشروع لديه برنامج نصي preinstall مثل:
// package.json
"scripts" : {
"preinstall" : " node ../../scripts/setupDeps.js " ,
... تخضع جميع الملفات على مستودع Pwabuilder لترخيص معهد ماساتشوستس للتكنولوجيا. يرجى قراءة ملف الترخيص بجذر المشروع.
اعتمد هذا المشروع رمز سلوك المصدر المفتوح Microsoft. لمزيد من المعلومات ، راجع مدونة الشهادة الأسئلة الشائعة أو الاتصال بـ [email protected] مع أي أسئلة أو تعليقات إضافية.