cryptofoundry

الاتصال بـ cryptofoundry

أخبرنا بما تريد بناءه أو أتمتته.

البريد الإلكتروني
[email protected]
ADAMANT Messenger
فتح في ADAMANT
مقال

الانتقال من تطبيق Android PWA إلى Capacitor

الانتقال من تطبيق Android PWA إلى Capacitor

في السابق، كان يتم بناء تطبيق ADAMANT للأندرويد باستخدام PWABuilder، الذي فرض عدة قيود: عدم التحكم في مستوى واجهة برمجة التطبيقات (API) المستهدفة، وعدم الوصول إلى الكود الأصلي، وعدم دعم الأتمتة. مع تحديث PWA v4.7، انتقل التطبيق إلى Capacitor.js للحصول على تحكم كامل في الكود الأصلي، والقدرة على تشغيل وظائف أصلية مثل الإشعارات الفورية والكاميرا عبر واجهة برمجة تطبيقات Cordova، وتحسين الكود، والإضافات المخصصة، وأتمتة CI/CD.

Moving Android PWA to Capacitor

لماذا Capacitor.js؟

ADAMANT Messenger هو منصة مراسلة لا مركزية تُعطي الأولوية للأداء، والأمان، وسهولة الصيانة. تم اختيار Capacitor.js لأنه يتكامل بسلاسة مع أطر العمل الحديثة مثل Vue.js، ويدعم قاعدة كود واحدة عبر iOS وAndroid والويب، ويوفر إمكانية الوصول إلى واجهات برمجة التطبيقات الأصلية دون التضحية بتجربة الويب، ويستفيد من تطوير نشط وتوثيق قوي.

Moving Android PWA to Capacitor

المقارنة: Android الأصلي، PWABuilder، وCapacitor.js

يتيح تطوير Android الأصلي وصولاً كاملاً إلى جميع ميزات وواجهات برمجة التطبيقات الخاصة بـ Android، وأداءً عاليًا، وتحكمًا دقيقًا في واجهة المستخدم والوظائف، لكنه يتطلب خبرة في Java أو Kotlin، وقاعدة كود منفصلة لكل منصة، وتكاليف ووقت تطوير أعلى.

يُسهل PWABuilder تحويل تطبيق PWA إلى تطبيق أصلي بحد أدنى من الإعداد والنشر السريع، مما يجعله مناسبًا للتطبيقات البسيطة ذات الوظائف الأصلية المحدودة. ومع ذلك، فإنه يوفر وصولاً محدودًا إلى ميزات الجهاز الأصلية، وأداءً قد لا يُطابق التطبيقات الأصلية بالكامل، ويعتمد على خدمة تحويل تابعة لطرف ثالث.

يوفر Capacitor.js قاعدة كود واحدة متعددة المنصات مع إمكانية الوصول إلى واجهات برمجة التطبيقات والإضافات الأصلية، ويدعم أدوات وتقنيات تطوير الويب الحديثة، ويتمتع بمجتمع نشط وتحديثات مستمرة. أما التنازلات فهي تتمثل في منحنى تعلم طفيف للمستخدمين غير الملمين بجسور الويب-الأصلي، وقد تتطلب بعض الوظائف الأصلية لا يزال إضافات مخصصة.

التنفيذ التقني

يتم بناء تطبيق Android أصليًا باستخدام Capacitor.js وGitHub Actions. تضمن التنفيذ إضافة سير عمل في GitHub Actions، وتكوين Capacitor، وملفات بيان Android، وصور الشاشة الترحيبية وأيقونات التطبيق، ونص بناء. يمكن الاطلاع على جميع التغييرات الكاملة في طلب السحب على GitHub.

Moving Android PWA to Capacitor