الفرق بين المراجعتين لصفحة: «Cordova/next steps»
لا ملخص تعديل |
لا ملخص تعديل |
||
| سطر 1: | سطر 1: | ||
<noinclude>{{DISPLAYTITLE: موضوعات متقدمة عن كوردوفا}}</noinclude> | <noinclude>{{DISPLAYTITLE: موضوعات متقدمة عن كوردوفا}}</noinclude> | ||
[[تصنيف: Cordova]] | [[تصنيف: Cordova]] | ||
بعد أن تفهم كيفية استخدام [[Cordova/cli|واجهة سطر الأوامر]] الخاصة بكوردوفا، وكيفية الاستفادة من الإضافات، فهناك بعض الأشياء التي قد ترغب في تعلمها لأجل إنشاء تطبيقات أفضل وأكثر فاعلية. تقدم الوثيقة التالية نصائح | بعد أن تفهم كيفية استخدام [[Cordova/cli|واجهة سطر الأوامر]] الخاصة بكوردوفا، وكيفية الاستفادة من الإضافات، فهناك بعض الأشياء التي قد ترغب في تعلمها لأجل إنشاء تطبيقات أفضل وأكثر فاعلية. تقدم الوثيقة التالية نصائح حول عدة مواضيع تتعلق بأفضل الممارسات المُتعارف عليها بين المطورين، وطرق الاختبار والترقية، ومواضيع أخرى، ولكنها ليست ملزمة. بل يمكن اعتبارها كنقطة انطلاقتك كمطور نحو مرحلة أكثر تقدمًا. | ||
==أفضل ممارسات التطوير في كوردوفا== | ==أفضل ممارسات التطوير في كوردوفا== | ||
===التطبيقات أحادية الصفحة (SPA)=== | ===التطبيقات أحادية الصفحة (SPA)=== | ||
من المهم أن تُصمّم تطبيقات كوردوفا | من المهم أن تُصمّم تطبيقات كوردوفا وفق مقاربة التطبيقات أحادية الصفحة (SPA). وهي تطبيقات من جانب العميل (client-side application) تُشغّل عبر طلبية (request) واحدة من صفحة إلكترونية. حيث يحمِّل المستخدم في البداية مجموعة أولية من الموارد (ملفات [[HTML]] و [[CSS]] و و[[JavaScript|جافاسكريبت]])، أما التحديثات الأخرى (إظهار معرض [view] جديد، وتحميل البيانات...) فتُجرى عبر تقنية أجاكس (AJAX). | ||
تُستخدم مقاربة SPA عادةً لإنشاء التطبيقات المعقدة من جانب العميل. GMail هو أحد المثلة الرائعة على ذلك. فبعد تحميل GMail، | تُستخدم مقاربة SPA عادةً لإنشاء التطبيقات المعقدة من جانب العميل. GMail هو أحد المثلة الرائعة على ذلك. فبعد تحميل GMail، كل الوظائف التي تُقدم للمستخدم (استعراض البريد، التحرير، والتنظيم...) تتم من خلال تحديث الدوم (DOM) بدلاً من مغادرة الصفحة الحالية لتحميل صفحة جديدة. | ||
يمكن أن تساعدك مقاربة SPA على تنظيم تطبيقك بطريقة أكثر كفاءة، ولكن لها أيضًا بعض الفوائد الخاصة لتطبيقات كوردوفا. فمثلًا، | يمكن أن تساعدك مقاربة SPA على تنظيم تطبيقك بطريقة أكثر كفاءة، ولكن لها أيضًا بعض الفوائد الخاصة لتطبيقات كوردوفا. فمثلًا، تطبيقات كوردوفا تنتظر إطلاق الحدث <code>[https://cordova.apache.org/docs/en/latest/cordova/events/events.html#deviceready deviceready]</code> قبل استخدام أي إضافة. لذلك إن لم تستخدم SPA، وقام المستخدم بالنقر للانتقال من صفحة إلى أخرى، فسيتعين عليك الانتظار حتى يُفعّل الحدث<code>[https://cordova.apache.org/docs/en/latest/cordova/events/events.html#deviceready deviceready]</code> مرة أخرى قبل أن تستطيع استخدام الإضافات. | ||
حتى لو لم تكن تستخدم كوردوفا، فإنشاء تطبيق هاتفي بدون استخدام المقاربة أحادية الصفحة سيضر بأداء تطبيقك. ذلك لأن التنقل بين الصفحات يتطلب إعادة تحميل النصوص البرمجية والأصول (assets) وغير ذلك. وحتى في حال تخزين تلك الأصول مؤقتًا، فهذا لن يحل كل المشكلات المتعلقة بالأداء. | حتى لو لم تكن تستخدم كوردوفا، فإنشاء تطبيق هاتفي بدون استخدام المقاربة أحادية الصفحة سيضر بأداء تطبيقك. ذلك لأن التنقل بين الصفحات يتطلب إعادة تحميل النصوص البرمجية والأصول (assets) وغير ذلك. وحتى في حال تخزين تلك الأصول مؤقتًا، فهذا لن يحل كل المشكلات المتعلقة بالأداء. | ||
| سطر 28: | سطر 28: | ||
أكبر خطأ يمكن أن ترتكبه هو استخدام أحداث النقر (click events). فعلى الرغم من أن هذا الأمر قد يعمل بشكل جيد على الهواتف، فإن معظم الأجهزة تفرض تاخيرُا على النقرات بـ 300 ميليثانية (300ms) للتمييز بين الحدث <code>touch</code> والحدث <code>hold</code>. | أكبر خطأ يمكن أن ترتكبه هو استخدام أحداث النقر (click events). فعلى الرغم من أن هذا الأمر قد يعمل بشكل جيد على الهواتف، فإن معظم الأجهزة تفرض تاخيرُا على النقرات بـ 300 ميليثانية (300ms) للتمييز بين الحدث <code>touch</code> والحدث <code>hold</code>. | ||
استخدام <code>touchstart</code> | استخدام <code>touchstart</code> أو <code>touchend</code> سيؤدي إلى تحسّن كبير في الأداء - قد لا تبدوا 300 ميليثانية بالشيء الخطير، ولكن يمكن أن تؤدي إلى تحديثات كثيرة في واجهة المستخدم (UI). يجب أيضًا مراعاة حقيقة أن الأحداث "touch" غير مدعومة في المتصفحات التي لا تدعم webkit، راجع الصفحة [http://caniuse.com/#search=touch CanIUse] لمعرفة المزيد. | ||
لتجاوز هذه القيود، يمكنك استخدام بعض المكتبات مثل <code>HandJS</code> و <code>Fastclick</code>. | لتجاوز هذه القيود، يمكنك استخدام بعض المكتبات مثل <code>HandJS</code> و <code>Fastclick</code>. | ||
| سطر 70: | سطر 70: | ||
==اختبار تطبيقات كوردوفا== | ==اختبار تطبيقات كوردوفا== | ||
===الاختبار على المحاكيات مقابل الاختبار على جهاز حقيقي=== | ===الاختبار على المحاكيات مقابل الاختبار على جهاز حقيقي=== | ||
من الشائع استخدام متصفحات سطح المكتب ومحاكيات (simulators) أو مشاكِلات (emulators) الأجهزة عند تطوير تطبيقات كوردوفا. لكنّ ذلك لا يُعفيك من ضرورة | من الشائع استخدام متصفحات سطح المكتب ومحاكيات (simulators) أو مشاكِلات (emulators) الأجهزة عند تطوير تطبيقات كوردوفا. لكنّ ذلك لا يُعفيك من ضرورة اختبار تطبيقك على أكبر عدد ممكن من الأجهزة الفعلية: | ||
*المُحاكيات | *المُحاكيات تبقى مجرد محاكيات. على سبيل المثال، قد يعمل تطبيقك في محاكي iOS بدون مشاكل، ولكنه قد يفشل على جهاز حقيقي (خاصة في ظروف معينة، مثل حالة انحسار الذاكرة). أو قد يفشل تطبيقك في المحاكي بينما يعمل بشكل جيد على جهاز حقيقي. | ||
*المُشاكلات (Emulators) تبقى مجرد مُشاكلات. لن تعطيك فكرة دقيقة عن أداء تطبيقك على جهاز فعلي. على سبيل المثال، قد تعرض بعض المُشاكلات تطبيقك بطريقة مشوّهة، في حين أن الجهاز الحقيقي سيعرضه بشكل طبيعي. (إذا واجهت هذه المشكلة، قم بتعطيل المضيف GPU في المحاكي.) | *المُشاكلات (Emulators) تبقى مجرد مُشاكلات. لن تعطيك فكرة دقيقة عن أداء تطبيقك على جهاز فعلي. على سبيل المثال، قد تعرض بعض المُشاكلات تطبيقك بطريقة مشوّهة، في حين أن الجهاز الحقيقي سيعرضه بشكل طبيعي. (إذا واجهت هذه المشكلة، قم بتعطيل المضيف GPU في المحاكي.) | ||
*المحاكيات أسرع بشكل عام من الجهاز المادي. على خلاف المُشاكلات التي تكون أبطأ بشكل عام. لا تحكم على أداء تطبيقك من أدائه على المُحاكي أو المُشاكل. ولكن احكم على أداء تطبيقك من خلال تشغيله على مجموعة من الأجهزة الحقيقية. | *المحاكيات أسرع بشكل عام من الجهاز المادي. على خلاف المُشاكلات التي تكون أبطأ بشكل عام. لا تحكم على أداء تطبيقك من أدائه على المُحاكي أو المُشاكل. ولكن احكم على أداء تطبيقك من خلال تشغيله على مجموعة من الأجهزة الحقيقية. | ||
| سطر 78: | سطر 78: | ||
بالطبع، من المستحيل اختبار كل الأجهزة الموجودة في السوق. لهذا قد يكون من الحكمة توظيف عدة أشخاص يملكون أجهزة مختلفة للاختبار. على الرغم من أنهم لن يكشفوا كل المشاكل الممكنة، إلا أنهم على الأرجح سيكتشفون ثغرات ومشاكل لن يكون بمقدورك إيجادها وحدَك. | بالطبع، من المستحيل اختبار كل الأجهزة الموجودة في السوق. لهذا قد يكون من الحكمة توظيف عدة أشخاص يملكون أجهزة مختلفة للاختبار. على الرغم من أنهم لن يكشفوا كل المشاكل الممكنة، إلا أنهم على الأرجح سيكتشفون ثغرات ومشاكل لن يكون بمقدورك إيجادها وحدَك. | ||
'''نصيحة''': على أجهزة Android Nexus، يمكنك تثبيت عدة إصدارات مختلفة من أندرويد بسهولة على | '''نصيحة''': على أجهزة Android Nexus، يمكنك تثبيت عدة إصدارات مختلفة من أندرويد بسهولة على جهازٍ واحدٍ. ستتيح لك هذه العملية البسيطة اختبار تطبيقك بسهولة على مستويات مختلفة من أندرويد باستخدام جهاز واحد، وستعفيك من شراء عدد كبير من الأجهزة أو اختراق (jailbreak) جهازك. للمزيد من التفاصيل ارجع إلى الصفحة [https://developers.google.com/android/nexus/images#instructions Google Android factory images and instructions]. | ||
==تصحيح تطبيقات كوردوفا== | ==تصحيح تطبيقات كوردوفا== | ||
يتطلب التصحيح (Debugging) في كوردوفا بعض الإعدادات الخاصة. فعلى عكس تطبيقات سطح المكتب، لا يمكنك ببساطة فتح أدوات المطورين على جهازك المحمول وبدء التصحيح، لكن لحسن الحظ هناك بعض البدائل الممتازة. | يتطلب التصحيح (Debugging) في كوردوفا بعض الإعدادات الخاصة. فعلى عكس تطبيقات سطح المكتب، لا يمكنك ببساطة فتح أدوات المطورين على جهازك المحمول وبدء التصحيح، لكن لحسن الحظ هناك بعض البدائل الممتازة. | ||
===تصحيح تطبيقات iOS=== | ===تصحيح تطبيقات iOS=== | ||
====Xcode==== | ====Xcode==== | ||
يمكنك استخدام بيئة التطوير Xcode لتصحيح الجانب الأصلي (native side) من تطبيقات كوردوفا في منصة iOS. | يمكنك استخدام بيئة التطوير Xcode لتصحيح الجانب الأصلي (native side) من تطبيقات كوردوفا في منصة iOS. تأكد من إظهار منطقة التصحيح (<code>View -> Debug Area</code>). بمجرد تشغيل التطبيق على الجهاز (أو المُحاكي)، فيمكنك مطالعة مُخرجات السجل (log output) في منطقة التصحيح. فهو المكان الذي ستُطبع فيه الأخطاء والتنبيهات. يمكنك أيضًا وضع نقاط توقف (breakpoints) داخل الملفات المصدرية. هذا سيسمح لك بالمرور عبر الشيفرة البرمجية سطرًا سطرًا، واستعراض حالة المتغيرات في كل خطوة. إذ يتم إظهار حالة المتغيرات في منطقة التصحيح عند كل نقطة توقف. | ||
بمجرد تشغيل تطبيقك على الجهاز، يمكنك إظهار مفتش Safari - Safari's web inspector - (كما هو موضح أدناه) لتصحيح [[Cordova/webviews|المعرض]] وملفات [[JavaScript|جافاسكريبت]] الخاصة بالتطبيق. لمزيد من التفاصيل، راجع صفحة التصحيح في [https://developer.apple.com/support/debugging/ Apple Support]. | بمجرد تشغيل تطبيقك على الجهاز، يمكنك إظهار مفتش Safari - Safari's web inspector - (كما هو موضح أدناه) لتصحيح [[Cordova/webviews|المعرض]] وملفات [[JavaScript|جافاسكريبت]] الخاصة بالتطبيق. لمزيد من التفاصيل، راجع صفحة التصحيح في [https://developer.apple.com/support/debugging/ Apple Support]. | ||
====التصحيح عند بعد عبر مفتش سافاري==== | ====التصحيح عند بعد عبر مفتش سافاري==== | ||
باستخدام مفتش Safari (Safari's web inspector)، يمكنك تصحيح أخطاء [[Cordova/webviews|المعرض]] و ملفات [[JavaScript|جافاسكريبت]] الخاصة بتطبيقك. هذه الأداة تعمل فقط على منصات OSX ابتداءً من الإصدار iOS 6. | باستخدام مفتش Safari (Safari's web inspector)، يمكنك تصحيح أخطاء [[Cordova/webviews|المعرض]] و ملفات [[JavaScript|جافاسكريبت]] الخاصة بتطبيقك. هذه الأداة تعمل فقط على منصات OSX ابتداءً من الإصدار iOS 6. | ||
يُستخدم متصفح Safari للاتصال بالجهاز (أو المحاكي)، إذ يربط بين أدوات المطورين الخاصة بالمتصفح وبين تطبيق كوردوفا. هكذا يمكنك الاستفادة من الخدمات التي تقدمها أدوات التطوير ، مثل فحص ومعالجة الدوم DOM، وتصحيح أخطاء [[JavaScript|جافاسكريبت]]، وفحص الشبكة، ووحدة التحكم والمزيد. | |||
مثل بيئة التطوير Xcode، يُمكِّنك مفتش Safari من تعيين نقاط توقف في شيفرة [[JavaScript|جافاسكريبت]]، وعرض حالة المتغيرات عند تلك النقاط. يمكنك الاطلاع على الأخطاء والتنبيهات والرسائل المطبوعة على وحدة التحكم. ويمكنك أيضًا تشغيل أوامر [[JavaScript|جافاسكريبت]] مباشرة من وحدة التحكم أثناء تشغيل التطبيق. | |||
لمزيد من التفاصيل حول كيفية إعداد مفتش Safari والخدمات التي يقدمها، راجع الصفحتين [http://moduscreate.com/enable-remote-web-inspector-in-ios-6/ Enabling Remote Web Inspector in iOS 6] و [https://developer.apple.com/library/safari/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/Introduction/Introduction.html Safari Web Inspector Guide]. | لمزيد من التفاصيل حول كيفية إعداد مفتش Safari والخدمات التي يقدمها، راجع الصفحتين [http://moduscreate.com/enable-remote-web-inspector-in-ios-6/ Enabling Remote Web Inspector in iOS 6] و [https://developer.apple.com/library/safari/documentation/AppleApplications/Conceptual/Safari_Developer_Guide/Introduction/Introduction.html Safari Web Inspector Guide]. | ||
===التصحيح عن بعد عبر Chrome=== | ===التصحيح عن بعد عبر Chrome=== | ||
مثل Safari، يعمل Chrome مع أندرويد فقط، ولكن يمكن استخدامه من أي منصة مكتبية. فهو يتطلب على الأقل الإصدار Android 4.4 (KitKat)، والمستوى 19 من واجهة برمجة التطبيقات (API)، و Chrome 30+ (على سطح المكتب). بمجرد ربط الاتصال، ستحصل على نفس أدوات المطورين (Chrome Dev) المُستخدمة مع تطبيقات سطح المكتب لأجل استخدامها مع تطبيقات الجوال. والأفضل من ذلك، أن أدوات Chrome Dev تعطيك خيار المرآة، والذي يعرض تطبيقك على محاكي هاتفي. ولكنه أكثر من مجرد معرِض، إذ يمكنك التمرير (scroll) والنقر | مثل Safari، يعمل Chrome مع أندرويد فقط، ولكن يمكن استخدامه من أي منصة مكتبية. فهو يتطلب على الأقل الإصدار Android 4.4 (KitKat)، والمستوى 19 من واجهة برمجة التطبيقات (API)، و Chrome 30+ (على سطح المكتب). | ||
بمجرد ربط الاتصال، ستحصل على نفس أدوات المطورين (Chrome Dev) المُستخدمة مع تطبيقات سطح المكتب لأجل استخدامها مع تطبيقات الجوال. والأفضل من ذلك، أن أدوات Chrome Dev تعطيك خيار المرآة، والذي يعرض تطبيقك على محاكي هاتفي. ولكنه أكثر من مجرد معرِض، إذ يمكنك التمرير (scroll) والنقر في أدوات التطوير، وسترى التحديثات على جهاز الهاتف. يمكن الاطلاع على مزيد من التفاصيل حول التصحيح عن بُعد عبر Chrome من [https://developers.google.com/chrome/mobile/docs/debugging هنا] | |||
إن كان بإمكانك رؤية جهازك في قسم فحص الأجهزة (inspect devices section)، ولكن لم تستطع مشاهدة [[Cordova/webviews|معرض]] كوردوفا، فقد تحتاج إلى إضافة <code>android:debuggable="true"</code> إلى العقدة <code><application></code> في الملف <code>AndroidManifest.xml</code>. | إن كان بإمكانك رؤية جهازك في قسم فحص الأجهزة (inspect devices section)، ولكن لم تستطع مشاهدة [[Cordova/webviews|معرض]] كوردوفا، فقد تحتاج إلى إضافة <code>android:debuggable="true"</code> إلى العقدة <code><application></code> في الملف <code>AndroidManifest.xml</code>. | ||
من الممكن استخدام أدوات Chrome Dev لفحص تطبيقات iOS، من خلال خادم WebKit وسيط (WebKit proxy)، يمكنك زيارة صفحته على مستودع git من | من الممكن استخدام أدوات Chrome Dev لفحص تطبيقات iOS، من خلال خادم WebKit وسيط (WebKit proxy)، يمكنك زيارة صفحته على مستودع git من [https://github.com/google/ios-webkit-debug-proxy/ هنا]. | ||
===Ripple=== | ===Ripple=== | ||
Ripple هو | Ripple هو مُشاكلٌ (emulator) لمشاريع كوردوفا يعمل على سطح المكتب. إذ يتيح لك تشغيل تطبيقات كوردوفا على سطح المكتب، وإنشاء (اختلاق) العديد من ميزات كوردوفا. على سبيل المثال، يتيح لك محاكاة مقياس التسارع (accelerometer) لاختبار أحداث الاهتزاز (shake events). حيث يقوم بتزييف الواجهة البرمجية للكاميرا من خلال السماح لك بتحديد صورة من القرص الصلب. يساعدك Ripple على التركيز أكثر على شيفرتك البرمجية بدلاً من القلق بشأن إضافات كوردوفا. يمكنك معرفة المزيد عن Ripple من [http://ripple.incubator.apache.org/ هنا]. | ||
===Weinre=== | ===Weinre=== | ||
ينشئ Weinre خادمًا محليًا يمكنه استضافة عميل تصحيح (debug client) يعمل عن بًعد لاستخدامه مع تطبيقات كوردوفا. بعد تثبيته وتشغيله، يمكنك نسخ سطر من الشيفرة البرمجية إلى تطبيق كوردوفا ثم إعادة تشغيله. يمكنك بعد ذلك فتح لوحة أدوات التطوير على سطح المكتب لبدء العمل على التطبيق. قد لا يبدو Weinre بنفس أناقة المُصحِّحَين في Chrome و Safari Remote، ولكنه يتميز بالقدرة على العمل مع مجموعة أكبر بكثير من أنظمة التشغيل والمنصات. يمكن الاطلاع على مزيد من المعلومات من هنا: http://people.apache.org/~pmuellr/weinre/docs/latest/ | ينشئ Weinre خادمًا محليًا يمكنه استضافة عميل تصحيح (debug client) يعمل عن بًعد لاستخدامه مع تطبيقات كوردوفا. بعد تثبيته وتشغيله، يمكنك نسخ سطر من الشيفرة البرمجية إلى تطبيق كوردوفا ثم إعادة تشغيله. يمكنك بعد ذلك فتح لوحة أدوات التطوير على سطح المكتب لبدء العمل على التطبيق. قد لا يبدو Weinre بنفس أناقة المُصحِّحَين في Chrome و Safari Remote، ولكنه يتميز بالقدرة على العمل مع مجموعة أكبر بكثير من أنظمة التشغيل والمنصات. يمكن الاطلاع على مزيد من المعلومات من هنا: http://people.apache.org/~pmuellr/weinre/docs/latest/ | ||
| سطر 111: | سطر 117: | ||
*[http://topcoat.io/ Topcoat] | *[http://topcoat.io/ Topcoat] | ||
*[http://facebook.github.io/react/ ReactJS] | *[http://facebook.github.io/react/ ReactJS] | ||
عند بناء واجهة المستخدم، من المهم التفكير في جميع المنصات التي تستهدفها، وفي توقعات المستخدمين على كل منصة. على سبيل المثال، تطبيقات أندرويد التي تعتمد واجهة مستخدم على شاكلة | عند بناء واجهة المستخدم، من المهم التفكير في جميع المنصات التي تستهدفها، وفي توقعات المستخدمين على كل منصة. على سبيل المثال، تطبيقات أندرويد التي تعتمد واجهة مستخدم على شاكلة أنماط المنصة iOS، قد لا تتناسب مع مستخدمي أندرويد. | ||
تفرض مخازن التطبيقات (application stores) في بعض الأحيان نمطًا معينًا لواجهة المستخدم. لهذا السبب، من المهم أن تحترم خصوصيات كل منصة، وأن تكون على دراية بمختلف إرشادات واجهات المستخدمين لتلك المنصات، والتي يمكنك الاطلاع عليها من الروابط التالية: | تفرض مخازن التطبيقات (application stores) في بعض الأحيان نمطًا معينًا لواجهة المستخدم. لهذا السبب، من المهم أن تحترم خصوصيات كل منصة، وأن تكون على دراية بمختلف إرشادات واجهات المستخدمين لتلك المنصات، والتي يمكنك الاطلاع عليها من الروابط التالية: | ||
| سطر 121: | سطر 127: | ||
== اعتبارات خاصة == | == اعتبارات خاصة == | ||
على الرغم من أن كوردوفا تسهّل عملية التطوير العابر للمنصات، فلا تتوقع أبدًا أن | على الرغم من أن كوردوفا تسهّل عملية التطوير العابر للمنصات، فلا تتوقع أبدًا أن تعزِلك بشكل كامل عن المنصة الأصلية. لذلك يجب أن تكون على وعي بالقيود الموجودة. | ||
===تحميل المحتوى عن بعد=== | ===تحميل المحتوى عن بعد=== | ||
استدعاء دوال [[JavaScript|جافاسكريبت]] (في كوردوفا) من صفحة HTML محملة عن بُعد (أي صفحة HTML غير مُخزّنة محليًا على الجهاز) ليس مدعومًا. هذا لأن كوردوفا لم تُصمّم لأجل ذلك، كما لم يقم مجتمع كوردوفا باختبار هذا الإعداد. وفي حين أن هذا الأمر قد يعمل في بعض الظروف، إلا أنه غير موصى به وغير مدعوم. لأنه يطرح عدة تحديات، مثل الحفاظ على التزامن بين | استدعاء دوال [[JavaScript|جافاسكريبت]] (في كوردوفا) من صفحة HTML محملة عن بُعد (أي صفحة HTML غير مُخزّنة محليًا على الجهاز) ليس مدعومًا. هذا لأن كوردوفا لم تُصمّم لأجل ذلك، كما لم يقم مجتمع كوردوفا باختبار هذا الإعداد. وفي حين أن هذا الأمر قد يعمل في بعض الظروف، إلا أنه غير موصى به وغير مدعوم. لأنه يطرح عدة تحديات، مثل الحفاظ على التزامن بين الأجزاء المكتوبة بلغة [[JavaScript|جافاسكريبت]] والأجزاء الأصلية من كوردوفا (نظرًا لأنها موصولة بواجهات برمجية خاصة قابلة للتغيير)، إضافة إلى موثوقية المحتويات البعيدة (remote content) التي تستدعي دوال محلية أصلية (native local functions)، وكذلك احتمال الرفض من متجر التطبيقات. | ||
عرض محتويات HTML المُحمّلة عن بعد في [[Cordova/webviews|معرض]] يجب أن يحدث باستخدام <code>InAppBrowser</code>. فقد صُمِّم <code>InAppBrowser</code> بحيث يمنع شيفرات [[JavaScript|جافاسكريبت]] المُنفّدة في | عرض محتويات HTML المُحمّلة عن بعد في [[Cordova/webviews|معرض]] يجب أن يحدث باستخدام <code>InAppBrowser</code>. فقد صُمِّم <code>InAppBrowser</code> بحيث يمنع شيفرات [[JavaScript|جافاسكريبت]] المُنفّدة في المحتويات الخارجية من الوصول إلى الواجهة البرمجية لتطبيقات [[JavaScript|جافاسكريبت]]-كوردوفا للأسباب المذكورة أعلاه. | ||
يرجى الرجوع إلى [[Cordova/security|صفحة الأمن في كوردوفا]]. | يرجى الرجوع إلى [[Cordova/security|صفحة الأمن في كوردوفا]]. | ||
== المواكبة == | == المواكبة == | ||
فيما يلي بعض الطرق التي | فيما يلي بعض الطرق التي ستساعدك على مواكبة مستجدات كوردوفا. | ||
*اشترك في [http://cordova.apache.org/#news مدونة كوردوفا]. | *اشترك في [http://cordova.apache.org/#news مدونة كوردوفا]. | ||
*اشترك في [http://cordova.apache.org/#mailing-list البريد الإلكتروني للمطورين]. لكن تذكر أنه ليس مجموعة دعم. ولكنه مكان مُخصص لمناقشة كل ما يتعلق بتطوير كوردوفا. | *اشترك في [http://cordova.apache.org/#mailing-list البريد الإلكتروني للمطورين]. لكن تذكر أنه ليس مجموعة دعم. ولكنه مكان مُخصص لمناقشة كل ما يتعلق بتطوير كوردوفا. | ||
| سطر 137: | سطر 143: | ||
الروابط التالية هي أفضل الأماكن التي يمكن أن تحصل منها على المساعدة حول كل ما يتعلق بكوردوفا: | الروابط التالية هي أفضل الأماكن التي يمكن أن تحصل منها على المساعدة حول كل ما يتعلق بكوردوفا: | ||
*[http://stackoverflow.com/questions/tagged/cordova StackOverflow]: باستخدام الوسم <code>Cordova</code>، يمكنك استعراض وتصفح جميع الأسئلة المتعلقة بكوردوفا. لاحظ أن StackOverflow يحوّل تلقائيًا الوسم"<code>Phonegap</code>" إلى الوسم "<code>Cordova</code>"، وبذلك ستتمكن من الوصول إلى الأسئلة القديمة أيضًا. | *[http://stackoverflow.com/questions/tagged/cordova StackOverflow]: باستخدام الوسم <code>Cordova</code>، يمكنك استعراض وتصفح جميع الأسئلة المتعلقة بكوردوفا. لاحظ أن StackOverflow يحوّل تلقائيًا الوسم"<code>Phonegap</code>" إلى الوسم "<code>Cordova</code>"، وبذلك ستتمكن من الوصول إلى الأسئلة القديمة أيضًا. | ||
*[https://groups.google.com/forum/#!forum/phonegap PhoneGap Google Group]: هذه كانت صفحة منتدى الدعم القديم لمّا كانت كوردوفا | *[https://groups.google.com/forum/#!forum/phonegap PhoneGap Google Group]: هذه كانت صفحة منتدى الدعم القديم لمّا كانت كوردوفا تحمل الاسم PhoneGap صحيح أنه لا يزال هناك الكثير من مستخدمي كوردوفا الذين يترددون على هذه المجموعة، إلا أنّ مجتمع كوردوفا قد أعرب عن اهتمامه بالتركيز بشكل أكبر على استخدام [http://stackoverflow.com/questions/tagged/cordova StackOverflow] للحصول على الدعم. | ||
*[http://phonegap.meetup.com/ الملتقيات]: | *[http://phonegap.meetup.com/ الملتقيات]: للأسف لا توجد ملتقيات محلية لكوردوفا أو PhoneGap في عالمنا العربي. لكن مع تزايد شعبية هذه المنصة نأمل أن نرى ذلك قريبًا، إلى ذلك الحين، سيكون عليك أن تكتفي بالمنتديات والمواقع. | ||
== انظر أيضا == | == انظر أيضا == | ||
مراجعة 19:36، 24 نوفمبر 2018
بعد أن تفهم كيفية استخدام واجهة سطر الأوامر الخاصة بكوردوفا، وكيفية الاستفادة من الإضافات، فهناك بعض الأشياء التي قد ترغب في تعلمها لأجل إنشاء تطبيقات أفضل وأكثر فاعلية. تقدم الوثيقة التالية نصائح حول عدة مواضيع تتعلق بأفضل الممارسات المُتعارف عليها بين المطورين، وطرق الاختبار والترقية، ومواضيع أخرى، ولكنها ليست ملزمة. بل يمكن اعتبارها كنقطة انطلاقتك كمطور نحو مرحلة أكثر تقدمًا.
أفضل ممارسات التطوير في كوردوفا
التطبيقات أحادية الصفحة (SPA)
من المهم أن تُصمّم تطبيقات كوردوفا وفق مقاربة التطبيقات أحادية الصفحة (SPA). وهي تطبيقات من جانب العميل (client-side application) تُشغّل عبر طلبية (request) واحدة من صفحة إلكترونية. حيث يحمِّل المستخدم في البداية مجموعة أولية من الموارد (ملفات HTML و CSS و وجافاسكريبت)، أما التحديثات الأخرى (إظهار معرض [view] جديد، وتحميل البيانات...) فتُجرى عبر تقنية أجاكس (AJAX).
تُستخدم مقاربة SPA عادةً لإنشاء التطبيقات المعقدة من جانب العميل. GMail هو أحد المثلة الرائعة على ذلك. فبعد تحميل GMail، كل الوظائف التي تُقدم للمستخدم (استعراض البريد، التحرير، والتنظيم...) تتم من خلال تحديث الدوم (DOM) بدلاً من مغادرة الصفحة الحالية لتحميل صفحة جديدة.
يمكن أن تساعدك مقاربة SPA على تنظيم تطبيقك بطريقة أكثر كفاءة، ولكن لها أيضًا بعض الفوائد الخاصة لتطبيقات كوردوفا. فمثلًا، تطبيقات كوردوفا تنتظر إطلاق الحدث deviceready قبل استخدام أي إضافة. لذلك إن لم تستخدم SPA، وقام المستخدم بالنقر للانتقال من صفحة إلى أخرى، فسيتعين عليك الانتظار حتى يُفعّل الحدثdeviceready مرة أخرى قبل أن تستطيع استخدام الإضافات.
حتى لو لم تكن تستخدم كوردوفا، فإنشاء تطبيق هاتفي بدون استخدام المقاربة أحادية الصفحة سيضر بأداء تطبيقك. ذلك لأن التنقل بين الصفحات يتطلب إعادة تحميل النصوص البرمجية والأصول (assets) وغير ذلك. وحتى في حال تخزين تلك الأصول مؤقتًا، فهذا لن يحل كل المشكلات المتعلقة بالأداء.
إليك بعض الأمثلة عن مكتبات SPA التي يمكنك استخدامها في تطبيقات كوردوفا:
وغيرها كثير.
اعتبارات متعلقة بالأداء
في هذه الفقرة، سنتكلم عن بعض الأساليب المُتبعة لتحسين أداء تطبيقاتك:
النقر مقابل اللمس (Click versus Touch)
أكبر خطأ يمكن أن ترتكبه هو استخدام أحداث النقر (click events). فعلى الرغم من أن هذا الأمر قد يعمل بشكل جيد على الهواتف، فإن معظم الأجهزة تفرض تاخيرُا على النقرات بـ 300 ميليثانية (300ms) للتمييز بين الحدث touch والحدث hold.
استخدام touchstart أو touchend سيؤدي إلى تحسّن كبير في الأداء - قد لا تبدوا 300 ميليثانية بالشيء الخطير، ولكن يمكن أن تؤدي إلى تحديثات كثيرة في واجهة المستخدم (UI). يجب أيضًا مراعاة حقيقة أن الأحداث "touch" غير مدعومة في المتصفحات التي لا تدعم webkit، راجع الصفحة CanIUse لمعرفة المزيد.
لتجاوز هذه القيود، يمكنك استخدام بعض المكتبات مثل HandJS و Fastclick.
تحويلات CSS مقابل تداول الدوم (CSS Transitions versus DOM Manipulation)
استخدام تحويلات CSS المُسرّعة (accelerated CSS transitions) للأجهزة أفضل بكثير من استخدام جافاسكريبت لإنشاء الرسوميات (animations). انظر في قائمة الموارد في نهاية هذا القسم للحصول على أمثلة.
بطؤ الشبكة (Networks Suck)
قد لا تكون الشبكات سيئة دائمًا، ولكن زمن الانتظار في شبكات الجوّال، مهما كانت جيدة، أسوأ بكثير مما تعتقد. فتطبيق على سطح المكتب يعمل على إفراغ 500 صف من بيانات JSON كل 30 ثانية، سيكون بطيئا جدًّا على جهاز الجوّال، كما سيستنزف البطارية. ضع في اعتبارك أن لتطبيقات كوردوفا عدة طرق لحفظ البيانات في التطبيق (مثل التخزين المحلي والواجهة البرمجية FileSystem). استخدم ذاكرة التخزين المؤقت لحفظ البيانات محليا، ولكن انتبه لكمية البيانات التي ترسلها ذهابا وإيابا. خصوصًا إن كان تطبيقك متصلًا بشبكة خلوية.
مقالات ومصادر إضافية
- "You half assed it"
- "Top Ten Performance Tips for PhoneGap and Hybrid Apps"
- "Fast Apps and Sites with JavaScript"
رصد انقطاع الاتصال (Offline) والتعامل معه
قد لا يكون تطبيقك على شبكة بطيئة وحسب، بل من الممكن أن يكون منقطعًا بالكامل عنها. يجب أن يتعامل تطبيقك مع هذا الوضع بطريقة ذكية وصحيحة. أو قد يعتقد الناس أن تطبيقك معطل. نظرًا لسهولة التعامل مع هذا الأمر (كوردوفا توفر أحداثًا ترصد حالة الاتصال [online] أو انقطاع الاتصال [offline] بشبكة الإنترنت)، فلا يوجد أي سبب على الإطلاق لئلًا يتجاوب تطبيقك بالشكل الصحيح مع حالات انقطاع الاتصال. تأكد من اختبار (راجع قسم الاختبار أدناه) تطبيقك وتأكد من اختبار كيفية تعامله مع الحالات التي يبدء فيها من حالة ثم ينتقل إلى أخرى.
لاحظ أن الحدثين online و offline، وكذلك الواجهة البرمجية للاتصال بالشبكة (Network Connection API) ليست مثالية. لذلك قد تحتاج إلى استخدام طلبية XHR للتحقق مما إن كان الجهاز متصلًا أو منقطعًا عن الإنترنت.
حاول إضافة الدعم للمسائل المتعلق بالشبكة. فمتجر Apple (وربما متاجر أخرى) سيرفض التطبيقات التي لا تعالج بشكل صحيح حالات الاتصال/الانقطاع عن الشبكة. لمزيد من المناقشات حول هذا الموضوع، راجع صفحة "Is This Thing On?"
إدارة الترقيات
ترقية مشاريع كوردوفا
إن أنشأت مشروعك الحالي باستخدام كوردوفا 3.x، فيمكنك ترقيته من خلال تنفيذ الأمر التالي:
cordova platform update platform-name ios, android, etc.
أما إن كنت قد أنشأت مشروعك الحالي باستخدام إصدار سابق لكوردوفا 3.x، فمن الأفضل إنشاء مشروع جديد عبر الإصدار كوردوفا 3.x، ثم نسخ الشيفرة البرمجية لمشروعك الحالي وأصولِه (assets) إلى المشروع الجديد. عبر الخطوات التالية:
- أنشئ مشروعًا جديدًا باستخدام كوردوفا 3.x.
- انسخ المجلد
wwwمن مشروعك القديم نحو المشروع الجديد. - انسخ إعدادات المشروع القديم إلى المشروع الجديد.
- أضف كل الإضافات المستخدمة في المشروع القديم إلى المشروع الجديد.
- قم ببناء مشروعك.
- اختبر، ثم اختبر، ثم اختبر.
بغض النظر عن الإصدار السابق للمشروع، فمن الضروري أن تنتبه إلى ما تم تغييره في الإصدار المحدث، لأن التحديث قد يكسر شيفرتك البرمجية. أفضل مكان للعثور على هذه المعلومات سيكون في ملاحظات الإصدار المنشورة في المستودعات وعلى مدونة كوردوفا. سيكون عليك اختبار تطبيقك للتحقق من أنه يعمل بشكل صحيح بعد إجراء التحديث.
ملاحظة: قد لا تتوافق بعض الإضافات مع الإصدار الجديد من كوردوفا. في هذه الحالة حاول البحث عن إضافةٍ بديلةٍ تؤدي العمل الذي تحتاجه، وإلا فربما عليك تأخير ترقية المشروع. أو يمكنك تعديل الإضافة بحيث تعمل ضمن الإصدار الجديد، وتنشرها لمساعدة المطورين الآخرين.
ترقية الإضافات
لا توجد حاليًا آلية لترقية الإضافات المُعدّلة عبر أمرٍ واحد. بدلاً من ذلك، أزل الإضافة، ثم أضفها مجددًا إلى مشروعك، وسيُثبّت الإصدار الجديد:
cordova plugin rm "some-plugin"
cordova plugin add "some-plugin"
ارجع إلى صفحة إدارة إصدارات المنصات والإضافات لمزيد من التفاصيل.
تأكد من مراجعة توثيق الإضافة المحدّثة، حيث قد تحتاج إلى تعديل شيفرتك لتعمل مع الإصدار الجديد. تأكد أيضًا من أن الإصدار الجديد من الإضافة يعمل دون مشاكل مع إصدار مشروع كوردوفا خاصتك.
اختبر تطبيقاتك على الدوام للتأكد من أن تثبيت الإضافة الجديدة لم يؤدي إلى كسر أو تعطيل شيء ما.
إن كان مشروعك يحتوي على الكثير من الإضافات التي تحتاج إلى التحديث، فيمكنك ربح الوقت بإنشاء نص برمجي shell أو رُقعة (batch script) تضيف وتزيل الإضافات عبر أمرِ واحدِ.
يعد اختبار تطبيقاتك أمرًا بالغ الأهمية. يستخدم فريق كوردوفا أداة Jasmine، ولكن يمكنك استخدام ما يناسبك من الحلول.
اختبار تطبيقات كوردوفا
الاختبار على المحاكيات مقابل الاختبار على جهاز حقيقي
من الشائع استخدام متصفحات سطح المكتب ومحاكيات (simulators) أو مشاكِلات (emulators) الأجهزة عند تطوير تطبيقات كوردوفا. لكنّ ذلك لا يُعفيك من ضرورة اختبار تطبيقك على أكبر عدد ممكن من الأجهزة الفعلية:
- المُحاكيات تبقى مجرد محاكيات. على سبيل المثال، قد يعمل تطبيقك في محاكي iOS بدون مشاكل، ولكنه قد يفشل على جهاز حقيقي (خاصة في ظروف معينة، مثل حالة انحسار الذاكرة). أو قد يفشل تطبيقك في المحاكي بينما يعمل بشكل جيد على جهاز حقيقي.
- المُشاكلات (Emulators) تبقى مجرد مُشاكلات. لن تعطيك فكرة دقيقة عن أداء تطبيقك على جهاز فعلي. على سبيل المثال، قد تعرض بعض المُشاكلات تطبيقك بطريقة مشوّهة، في حين أن الجهاز الحقيقي سيعرضه بشكل طبيعي. (إذا واجهت هذه المشكلة، قم بتعطيل المضيف GPU في المحاكي.)
- المحاكيات أسرع بشكل عام من الجهاز المادي. على خلاف المُشاكلات التي تكون أبطأ بشكل عام. لا تحكم على أداء تطبيقك من أدائه على المُحاكي أو المُشاكل. ولكن احكم على أداء تطبيقك من خلال تشغيله على مجموعة من الأجهزة الحقيقية.
- من المستحيل تكوين فكرة دقيقة عن كيفية استجابة تطبيقك للّمس من خلال استخدام المُحاكيات أو المُشاكلات. لذلك من الضروري أن تُشغّل التطبيق على جهاز حقيقي، فهي الطريقة الوحيدة المضمونة لتكتشف المشاكل المتعلقة بأحجام عناصر واجهة المستخدم، والاستجابة، وما إلى ذلك.
- يأمل المطورون أن يكونوا قادرين على الاكتفاء باختبار تطبيقاتهم على جهاز واحد فقط لكل منصة، لكن من الأفضل اختبار العديد من الأجهزة بمُختَلَف المنصات التي تدعمها. على سبيل المثال، ما قد ينجح على هاتف أندرويد معيّن قد يفشل على جهاز أندرويد آخر. وما قد يعمل على جهاز iOS 7 قد يفشل على جهاز iOS 6.
بالطبع، من المستحيل اختبار كل الأجهزة الموجودة في السوق. لهذا قد يكون من الحكمة توظيف عدة أشخاص يملكون أجهزة مختلفة للاختبار. على الرغم من أنهم لن يكشفوا كل المشاكل الممكنة، إلا أنهم على الأرجح سيكتشفون ثغرات ومشاكل لن يكون بمقدورك إيجادها وحدَك.
نصيحة: على أجهزة Android Nexus، يمكنك تثبيت عدة إصدارات مختلفة من أندرويد بسهولة على جهازٍ واحدٍ. ستتيح لك هذه العملية البسيطة اختبار تطبيقك بسهولة على مستويات مختلفة من أندرويد باستخدام جهاز واحد، وستعفيك من شراء عدد كبير من الأجهزة أو اختراق (jailbreak) جهازك. للمزيد من التفاصيل ارجع إلى الصفحة Google Android factory images and instructions.
تصحيح تطبيقات كوردوفا
يتطلب التصحيح (Debugging) في كوردوفا بعض الإعدادات الخاصة. فعلى عكس تطبيقات سطح المكتب، لا يمكنك ببساطة فتح أدوات المطورين على جهازك المحمول وبدء التصحيح، لكن لحسن الحظ هناك بعض البدائل الممتازة.
تصحيح تطبيقات iOS
Xcode
يمكنك استخدام بيئة التطوير Xcode لتصحيح الجانب الأصلي (native side) من تطبيقات كوردوفا في منصة iOS. تأكد من إظهار منطقة التصحيح (View -> Debug Area). بمجرد تشغيل التطبيق على الجهاز (أو المُحاكي)، فيمكنك مطالعة مُخرجات السجل (log output) في منطقة التصحيح. فهو المكان الذي ستُطبع فيه الأخطاء والتنبيهات. يمكنك أيضًا وضع نقاط توقف (breakpoints) داخل الملفات المصدرية. هذا سيسمح لك بالمرور عبر الشيفرة البرمجية سطرًا سطرًا، واستعراض حالة المتغيرات في كل خطوة. إذ يتم إظهار حالة المتغيرات في منطقة التصحيح عند كل نقطة توقف.
بمجرد تشغيل تطبيقك على الجهاز، يمكنك إظهار مفتش Safari - Safari's web inspector - (كما هو موضح أدناه) لتصحيح المعرض وملفات جافاسكريبت الخاصة بالتطبيق. لمزيد من التفاصيل، راجع صفحة التصحيح في Apple Support.
التصحيح عند بعد عبر مفتش سافاري
باستخدام مفتش Safari (Safari's web inspector)، يمكنك تصحيح أخطاء المعرض و ملفات جافاسكريبت الخاصة بتطبيقك. هذه الأداة تعمل فقط على منصات OSX ابتداءً من الإصدار iOS 6.
يُستخدم متصفح Safari للاتصال بالجهاز (أو المحاكي)، إذ يربط بين أدوات المطورين الخاصة بالمتصفح وبين تطبيق كوردوفا. هكذا يمكنك الاستفادة من الخدمات التي تقدمها أدوات التطوير ، مثل فحص ومعالجة الدوم DOM، وتصحيح أخطاء جافاسكريبت، وفحص الشبكة، ووحدة التحكم والمزيد.
مثل بيئة التطوير Xcode، يُمكِّنك مفتش Safari من تعيين نقاط توقف في شيفرة جافاسكريبت، وعرض حالة المتغيرات عند تلك النقاط. يمكنك الاطلاع على الأخطاء والتنبيهات والرسائل المطبوعة على وحدة التحكم. ويمكنك أيضًا تشغيل أوامر جافاسكريبت مباشرة من وحدة التحكم أثناء تشغيل التطبيق.
لمزيد من التفاصيل حول كيفية إعداد مفتش Safari والخدمات التي يقدمها، راجع الصفحتين Enabling Remote Web Inspector in iOS 6 و Safari Web Inspector Guide.
التصحيح عن بعد عبر Chrome
مثل Safari، يعمل Chrome مع أندرويد فقط، ولكن يمكن استخدامه من أي منصة مكتبية. فهو يتطلب على الأقل الإصدار Android 4.4 (KitKat)، والمستوى 19 من واجهة برمجة التطبيقات (API)، و Chrome 30+ (على سطح المكتب).
بمجرد ربط الاتصال، ستحصل على نفس أدوات المطورين (Chrome Dev) المُستخدمة مع تطبيقات سطح المكتب لأجل استخدامها مع تطبيقات الجوال. والأفضل من ذلك، أن أدوات Chrome Dev تعطيك خيار المرآة، والذي يعرض تطبيقك على محاكي هاتفي. ولكنه أكثر من مجرد معرِض، إذ يمكنك التمرير (scroll) والنقر في أدوات التطوير، وسترى التحديثات على جهاز الهاتف. يمكن الاطلاع على مزيد من التفاصيل حول التصحيح عن بُعد عبر Chrome من هنا
إن كان بإمكانك رؤية جهازك في قسم فحص الأجهزة (inspect devices section)، ولكن لم تستطع مشاهدة معرض كوردوفا، فقد تحتاج إلى إضافة android:debuggable="true" إلى العقدة <application> في الملف AndroidManifest.xml.
من الممكن استخدام أدوات Chrome Dev لفحص تطبيقات iOS، من خلال خادم WebKit وسيط (WebKit proxy)، يمكنك زيارة صفحته على مستودع git من هنا.
Ripple
Ripple هو مُشاكلٌ (emulator) لمشاريع كوردوفا يعمل على سطح المكتب. إذ يتيح لك تشغيل تطبيقات كوردوفا على سطح المكتب، وإنشاء (اختلاق) العديد من ميزات كوردوفا. على سبيل المثال، يتيح لك محاكاة مقياس التسارع (accelerometer) لاختبار أحداث الاهتزاز (shake events). حيث يقوم بتزييف الواجهة البرمجية للكاميرا من خلال السماح لك بتحديد صورة من القرص الصلب. يساعدك Ripple على التركيز أكثر على شيفرتك البرمجية بدلاً من القلق بشأن إضافات كوردوفا. يمكنك معرفة المزيد عن Ripple من هنا.
Weinre
ينشئ Weinre خادمًا محليًا يمكنه استضافة عميل تصحيح (debug client) يعمل عن بًعد لاستخدامه مع تطبيقات كوردوفا. بعد تثبيته وتشغيله، يمكنك نسخ سطر من الشيفرة البرمجية إلى تطبيق كوردوفا ثم إعادة تشغيله. يمكنك بعد ذلك فتح لوحة أدوات التطوير على سطح المكتب لبدء العمل على التطبيق. قد لا يبدو Weinre بنفس أناقة المُصحِّحَين في Chrome و Safari Remote، ولكنه يتميز بالقدرة على العمل مع مجموعة أكبر بكثير من أنظمة التشغيل والمنصات. يمكن الاطلاع على مزيد من المعلومات من هنا: http://people.apache.org/~pmuellr/weinre/docs/latest/
خيارات أخرى
لمزيد من الأمثلة والشروحات حول نصائح التصحيح أعلاه، انقر على هذا الرابط.
واجهة المستخدم
ليس من السهل على المطورين بناء تطبيقات جميلة وأنيقة بكوردوفا. العديد من الناس يختارون استخدام بيئة عمل لواجهة المستخدمين (UI framework) لتسهيل ذلك. فيما يلي قائمة مختصرة بالخيارات الممكنة:
- jQuery Mobile - يعمل jQuery Mobile تلقائيًا على تحسين تخطيطك (layout) ليمنحك أداءً أفضل على الهاتف. كما أنه يتولى إنشاء تطبيقات الصفحة الأحادية (SPA) تلقائيا.
- ionic - يملك هذا الإطار المُتميّز واجهة سطر أوامر خاصة به لمعالجة إنشاء المشاريع.
- Ratchet - مُطوّر من قبل نفس الأشخاص الذين طوروا Bootstrap.
- Kendo UI - واجهة مستخدم وإطار تطبيقات مفتوح المصدر من Telerik.
عند بناء واجهة المستخدم، من المهم التفكير في جميع المنصات التي تستهدفها، وفي توقعات المستخدمين على كل منصة. على سبيل المثال، تطبيقات أندرويد التي تعتمد واجهة مستخدم على شاكلة أنماط المنصة iOS، قد لا تتناسب مع مستخدمي أندرويد.
تفرض مخازن التطبيقات (application stores) في بعض الأحيان نمطًا معينًا لواجهة المستخدم. لهذا السبب، من المهم أن تحترم خصوصيات كل منصة، وأن تكون على دراية بمختلف إرشادات واجهات المستخدمين لتلك المنصات، والتي يمكنك الاطلاع عليها من الروابط التالية:
مقالات ومصادر إضافية عن واجهة المستخدم
على الرغم من أن معايير المتصفحات أصبحت أكثر وأكثر اتساقا، فلا نزال مضطرين أحيانًا للتعامل مع بعض المعايير المخصوصة بكل متصفح على حدة (عبر البادئات المُزعجة webkit- و -ms.) هذا الرابط يأخذك إلى مقالة مهمة لتطوير واجهة مستخدمين للتطبيقات العابرة للمنصات (cross browser):
اعتبارات خاصة
على الرغم من أن كوردوفا تسهّل عملية التطوير العابر للمنصات، فلا تتوقع أبدًا أن تعزِلك بشكل كامل عن المنصة الأصلية. لذلك يجب أن تكون على وعي بالقيود الموجودة.
تحميل المحتوى عن بعد
استدعاء دوال جافاسكريبت (في كوردوفا) من صفحة HTML محملة عن بُعد (أي صفحة HTML غير مُخزّنة محليًا على الجهاز) ليس مدعومًا. هذا لأن كوردوفا لم تُصمّم لأجل ذلك، كما لم يقم مجتمع كوردوفا باختبار هذا الإعداد. وفي حين أن هذا الأمر قد يعمل في بعض الظروف، إلا أنه غير موصى به وغير مدعوم. لأنه يطرح عدة تحديات، مثل الحفاظ على التزامن بين الأجزاء المكتوبة بلغة جافاسكريبت والأجزاء الأصلية من كوردوفا (نظرًا لأنها موصولة بواجهات برمجية خاصة قابلة للتغيير)، إضافة إلى موثوقية المحتويات البعيدة (remote content) التي تستدعي دوال محلية أصلية (native local functions)، وكذلك احتمال الرفض من متجر التطبيقات.
عرض محتويات HTML المُحمّلة عن بعد في معرض يجب أن يحدث باستخدام InAppBrowser. فقد صُمِّم InAppBrowser بحيث يمنع شيفرات جافاسكريبت المُنفّدة في المحتويات الخارجية من الوصول إلى الواجهة البرمجية لتطبيقات جافاسكريبت-كوردوفا للأسباب المذكورة أعلاه.
يرجى الرجوع إلى صفحة الأمن في كوردوفا.
المواكبة
فيما يلي بعض الطرق التي ستساعدك على مواكبة مستجدات كوردوفا.
- اشترك في مدونة كوردوفا.
- اشترك في البريد الإلكتروني للمطورين. لكن تذكر أنه ليس مجموعة دعم. ولكنه مكان مُخصص لمناقشة كل ما يتعلق بتطوير كوردوفا.
الحصول على المساعدة
الروابط التالية هي أفضل الأماكن التي يمكن أن تحصل منها على المساعدة حول كل ما يتعلق بكوردوفا:
- StackOverflow: باستخدام الوسم
Cordova، يمكنك استعراض وتصفح جميع الأسئلة المتعلقة بكوردوفا. لاحظ أن StackOverflow يحوّل تلقائيًا الوسم"Phonegap" إلى الوسم "Cordova"، وبذلك ستتمكن من الوصول إلى الأسئلة القديمة أيضًا. - PhoneGap Google Group: هذه كانت صفحة منتدى الدعم القديم لمّا كانت كوردوفا تحمل الاسم PhoneGap صحيح أنه لا يزال هناك الكثير من مستخدمي كوردوفا الذين يترددون على هذه المجموعة، إلا أنّ مجتمع كوردوفا قد أعرب عن اهتمامه بالتركيز بشكل أكبر على استخدام StackOverflow للحصول على الدعم.
- الملتقيات: للأسف لا توجد ملتقيات محلية لكوردوفا أو PhoneGap في عالمنا العربي. لكن مع تزايد شعبية هذه المنصة نأمل أن نرى ذلك قريبًا، إلى ذلك الحين، سيكون عليك أن تكتفي بالمنتديات والمواقع.