استخدام محتوى الويب في تطبيق Android

يتيح لك Android الاستفادة من إمكانات الويب في تطبيقاتك. وبالتالي، يمكنك الاستفادة من المرونة والكفاءة في عرض أنواع معيّنة من المحتوى.

يتيح لك ذلك دمج المحتوى على الويب الحالي بسلاسة في تطبيق Android، مثل عرض خلاصة الأخبار أو البرامج التعليمية التفاعلية أو الإعلانات الصورية أو حتى استضافة لعبة مصغّرة بدون الحاجة إلى إنشاء كل شيء من الصفر. يمكنك اعتبارها نافذة على الإنترنت من داخل تطبيقك. هناك طريقتان لتضمين محتوى على الويب في تطبيقك:

• WebView: تعرض هذه الواجهة محتوى على الويب تتحكّم فيه بشكل مضمّن في المكان الذي تريد فيه درجة عالية من المرونة في تخصيص واجهة المستخدم أو تحديثها.
• Custom Tabs: تجربة تصفّح كاملة داخل التطبيق يوفّرها المتصفّح التلقائي للمستخدم (يُرجى الاطّلاع على المتصفّحات المتوافقة) عندما ينقر المستخدمون على رابط وتريد إبقاءهم في التطبيق بدلاً من مغادرته إلى متصفّح خارجي، مع توفير معظم تجربة التصفّح الجاهزة للاستخدام.

الشكل 1: يظهر `WebView` (على اليمين) و `علامة تبويب مخصّصة` (على اليسار) في إطار.

لماذا يجب تضمين محتوى على الويب؟

هناك العديد من المزايا لتضمين محتوى على الويب في تطبيقك:

• الكفاءة: إعادة استخدام الرمز الحالي من موقعك الإلكتروني الاستفادة من تكنولوجيات الويب والمحتوى الحاليين
• الدمج: استخدام محتوى خارجي من مقدّمي خدمات خارجيين، مثل الوسائط والإعلانات، داخل تطبيقك
• المرونة: يمكنك تعديل المحتوى بشكل ديناميكي بدون التقيّد بواجهات مستخدم محدّدة مسبقًا أو بدون طرح تحديثات للتطبيق.

متى يجب استخدام المحتوى على الويب؟

هناك ثلاث حالات استخدام أساسية لاستخدام الويب في تطبيق Android:

1. تضمين محتوى على الويب في تطبيقك كمحتوى أساسي أو داعم: استخدِم WebView

• يمكنك عرض المحتوى على الويب الخاص بك بشكل مضمّن كتجربة أساسية إذا كنت تريد درجة عالية من المرونة في تخصيص واجهة المستخدم أو تعديلها.
• عرض محتوى آخر، مثل الإعلانات أو الأحكام واللوائح القانونية أو أي محتوى آخر تابع لجهة خارجية، بشكل مضمّن أو كنافذة ضمن تجربة التطبيق

الشكل 2. محتوى على الويب مضمّن في التطبيق باستخدام `WebView`كمحتوى أساسي (على اليسار) ومحتوى داعم (على اليمين).

2. التصفّح داخل التطبيق باستخدام Custom Tabs أو WebView لحالات الاستخدام الأكثر تقدّمًا

• توفير تجربة تصفُّح كاملة داخل التطبيق عندما ينقر المستخدمون على رابط وتريد إبقاءهم في التطبيق بدلاً من مغادرته إلى متصفّح خارجي
  • ملاحظة: بالنسبة إلى الأجهزة ذات الشاشات الكبيرة، مثل الأجهزة اللوحية والأجهزة القابلة للطي، تتوفّر خيارات إضافية لمساعدة التطبيقات في الاستفادة من المساحة الإضافية:
  • يمكن للتطبيقات فتح روابط الويب في وضع تقسيم الشاشة باستخدام تجربة تشغيل نافذة متعددة مجاورة. يتيح ذلك للمستخدمين تنفيذ مهام متعددة بين تطبيقك والمتصفّح في الوقت نفسه. أو
  • Custom Tabs لديها خيار لوحة جانبية يمكن فتحه في المهمة نفسها، ولكن بجانب محتوى التطبيق الحالي.
• يتم تشغيل Custom Tab من خلال المتصفّح التلقائي للمستخدم، وذلك للمتصفّحات التي تتيح استخدام Custom Tabs.
  • على الرغم من أنّه يمكن استخدام WebView وتوفير تجربة تصفّح داخل التطبيق قابلة للتخصيص بشكل كبير، ننصح باستخدام Custom Tabs للحصول على تجربة تصفّح جاهزة للاستخدام وانتقال سلس عندما يريد المستخدم فتح رابط ويب في المتصفّح.

الشكل 3: النقر على رابط داخل التطبيق (على اليمين) وفتح متصفّح داخل التطبيق (على اليسار)

3. عمليات تسجيل الدخول أو المصادقة داخل تطبيقك

الطريقة المقترَحة في Android هي إنشاء مسارات تسجيل الدخول أو المصادقة باستخدام Credential Manager. إذا كنت لا تزال بحاجة إلى استخدام Embedded Web لهذه التجارب، يمكنك اتّباع الإرشادات التالية:

• تستخدم بعض التطبيقات WebView لتوفير مسارات تسجيل الدخول للمستخدمين، بما في ذلك استخدام اسم مستخدم ومفتاح مرور (أو كلمة مرور) خاصَّين بتطبيقك. يتيح ذلك للمطوّرين توحيد مسارات المصادقة على جميع الأنظمة الأساسية.
• عند الربط بموفّر هوية تابع لجهة خارجية أو تجربة تسجيل دخول، مثل "تسجيل الدخول باستخدام..."، فإنّ Custom Tabs هي الطريقة المناسبة. يساعد تشغيل Custom Tab في حماية بيانات اعتماد المستخدم من خلال إبقائها معزولة عن الموقع الإلكتروني التابع لجهة خارجية.

لمزيد من المعلومات حول استخدام WebView لإجراء المصادقة، يُرجى الاطّلاع على مقالة مصادقة المستخدمين باستخدام WebView. لإطلاق Custom Tab، يُرجى الاطّلاع على نظرة عامة على علامات التبويب المخصّصة في Chrome على Android.

الشكل 4. حقل تسجيل الدخول داخل التطبيق (على اليمين) وتسجيل الدخول من خلال جهة خارجية في "علامة تبويب مخصّصة" (على اليسار)