Capacitor

Capacitor أداة من فريق Ionic. تضع مشروع الويب داخل مشروع أصلي وتفتحه في WebView. تُعد امتداداً لـ Cordova، لكنها تعمل مع مشروع أصلي حديث. ليست React Native: الشاشة لا تتحول إلى مكوّنات أصلية، تبقى ويب.

هو لإخراج تطبيق ويب جاهز إلى المتجر والوصول إلى الكاميرا عبر إضافة.

• وضع موقع موجود في غلاف تطبيق
• إنشاء مشروع Android وiOS
• الكاميرا والملفات عبر إضافة
• إبقاء كود الويب منفصلاً

مع Capacitor تخرج من قاعدة ويب واحدة مشروعان للمتجر. إذا لزم زر أصلي أو إيماءة معقدة يضيق هذا الطريق. عندها قد يكون الكود الأصلي أو إطار آخر هو الصحيح.

لمن يعرف الويب البداية سهلة. الصعوبة في المشروع الأصلي والتوقيع وإصدار الإضافة وقواعد المتجر. npx cap copy هو ما لا يُنسى عند نقل بناء الويب إلى الجانب الأصلي.

الميزة: فريق ويب واحد يخرج منصتين، وحد الإضافة واضح. الحد: الرسوم الثقيلة والإحساس الأصلي الكامل قد يبقيان ضعيفين في WebView. وضع عدم الاتصال والأذونات يُفحصان وحدهما.

مجلد web مكان بناء الويب. المشروع الأصلي مجلدا android وios. الإضافة جسر من JavaScript إلى الكود الأصلي.

• npx cap init ينشئ الضبط
• npx cap add android يضيف المشروع الأصلي
• npx cap sync ينقل الويب والإضافات
• WebView يفتح الصفحة داخل التطبيق

هذه الأوامر تثبّت الحزمة وتسمّي المشروع وتضيف جانب Android. يجب أن يكون بناء الويب جاهزاً أولاً.

npm install @capacitor/core @capacitor/cli
npx cap init
npx cap add android

• هل Capacitor لغة؟ لا. هي الأداة التي تضع تطبيق الويب في غلاف أصلي.
• هل هي مثل React Native؟ لا. Capacitor تبقي الشاشة ويب.
• هل تفتح الكاميرا بلا إضافة؟ لا. قدرة الجهاز تحتاج إضافة وإذناً.