איך משתמשים בתוכן מהאינטרנט באפליקציה ל-Android

‫Android מאפשרת לכם להשתמש ביכולות של האינטרנט באפליקציות שלכם. כך תוכלו ליהנות מהגמישות והיעילות של הצגת סוגים מסוימים של תוכן.

כך אפשר לשלב בצורה חלקה תוכן אינטרנט קיים באפליקציית Android, למשל כדי להציג פיד חדשות, להציג הדרכות אינטראקטיביות, להציג מודעות או אפילו לארח משחק מיני בלי לבנות הכול מאפס. אפשר לחשוב על זה כחלון לאינטרנט מתוך האפליקציה. יש שתי דרכים להטמעת תוכן אינטרנט באפליקציה:

  • WebView: הוא מציג תוכן אינטרנט שאתם שולטים בו בתוך השורה, במקום שבו אתם רוצים מידה גבוהה של גמישות בהתאמה אישית או בעדכון של ממשק המשתמש.
  • Custom Tabs: חוויית גלישה מלאה בתוך האפליקציה שמבוססת על דפדפן ברירת המחדל של המשתמש (ראו את הדפדפנים הנתמכים). האפשרות הזו מתאימה למקרים שבהם משתמשים לוחצים על קישור ואתם רוצים שהם יישארו באפליקציה ולא יעברו לדפדפן חיצוני. רוב חוויית הגלישה זמינה מחוץ לקופסה.
אפליקציית Android פתוחה ב-Google Play, עם תצוגת האינטרנט הראשית מודגשת. כרטיסייה מותאמת אישית פתוחה בדף האינטרנט Android For Developers, מודגשת.
איור 1. ‫`WebView` (מימין) ו-`Custom Tab` (משמאל) מודגשים.

למה כדאי להטמיע תוכן אינטרנטי?

יש כמה יתרונות להטמעת תוכן אינטרנט באפליקציה:

  • יעילות: שימוש חוזר בקוד קיים מהאתר. להתבסס על טכנולוגיות ותוכן קיימים באינטרנט.
  • שילוב: שימוש בתוכן חיצוני מספקים של צד שלישי, כמו מדיה ומודעות, בתוך האפליקציה.
  • גמישות: אפשר לעדכן את התוכן באופן דינמי בלי להיות מוגבלים לממשקי משתמש מוגדרים מראש, או בלי לפרסם עדכונים לאפליקציה.

מתי כדאי להשתמש בתוכן אינטרנט?

יש שלושה תרחישי שימוש עיקריים לשימוש באינטרנט באפליקציה ל-Android:

1. הטמעת תוכן אינטרנט באפליקציה כתוכן ראשי או כתוכן תומך: שימוש ב-WebView

  • הצגת תוכן אינטרנט משלכם בתוך השורה כחוויה ראשית, במקומות שבהם אתם רוצים מידה גבוהה של גמישות בהתאמה אישית או בעדכון של ממשק המשתמש.
  • הצגת תוכן אחר כמו מודעות, תנאים והגבלות משפטיים, תקנות או תוכן אחר של צד שלישי בתוך חוויית השימוש באפליקציה או כחלון בתוכה.
אפליקציית Android נפתחת ב-Google Play, ותצוגת האינטרנט הראשית מודגשת בתיבה אדומה אפליקציית Android פתוחה עם טקסט תומך בתוך תיבה אדומה.
איור 2. תוכן מהאינטרנט שמוטמע באפליקציה באמצעות רכיבי `WebView`כתוכן ראשי (מימין) ותוכן תומך (משמאל).

2. גלישה בתוך האפליקציה באמצעות Custom Tabs או WebView לתרחישי שימוש מתקדמים יותר

  • ליהנות מחוויית גלישה מלאה בתוך האפליקציה כשמשתמשים לוחצים על קישור ואתם רוצים שהם יישארו באפליקציה ולא יעברו לדפדפן חיצוני.
    • הערה: במכשירים עם מסך גדול, כמו טאבלטים ומכשירים מתקפלים, יש אפשרויות נוספות שיעזרו לאפליקציות לנצל את השטח הנוסף:
    • אפליקציות יכולות לפתוח קישורי אינטרנט במסך מפוצל באמצעות הפעלת חוויית ריבוי חלונות סמוכה. כך המשתמשים יכולים לבצע כמה משימות בו-זמנית באפליקציה ובדפדפן. או
    • Custom Tabs יש להן אפשרות לחלונית צדדית שאפשר לפתוח באותה משימה, אבל לצד התוכן הקיים של האפליקציה.
  • הדפדפן Custom Tab מופעל על ידי דפדפן ברירת המחדל של המשתמש, בדפדפנים שתומכים ב-Custom Tabs.
    • אפשר להשתמש ב-WebView כדי לספק חוויית גלישה באפליקציה שניתנת להתאמה אישית, אבל אנחנו ממליצים להשתמש ב-Custom Tabs כדי לספק חוויית גלישה מוכנה לשימוש ומעבר חלק כשמשתמש רוצה לפתוח קישור לאתר בדפדפן.
דף אינטרנט עם קישור בתוך האפליקציה בתיבה אדומה בצד ימין, ודפדפן בתוך האפליקציה שמוצג בצד שמאל.
איור 3. לחיצה על קישור בתוך האפליקציה (מימין) ופתיחת דפדפן בתוך האפליקציה (משמאל).

3. תהליכי כניסה או אימות באפליקציה

הגישה המומלצת ב-Android היא ליצור את תהליכי הכניסה או האימות באמצעות המרכז לניהול פרטי כניסה. אם אתם עדיין צריכים להשתמש ב-Embedded Web כדי ליהנות מהחוויה הזו, תוכלו להיעזר בהנחיות הבאות:

  • חלק מהאפליקציות משתמשות ב-WebView כדי לספק למשתמשים תהליכי כניסה, כולל שימוש בשם משתמש ובמפתח גישה (או בסיסמה) שספציפיים לאפליקציה. כך המפתחים יכולים לאחד את תהליכי האימות בפלטפורמות שונות.
  • כשמקשרים לספק זהויות או לחוויית כניסה של צד שלישי, כמו 'כניסה באמצעות…', מומלץ להשתמש ב-Custom Tabs. הפעלת Custom Tab עוזרת להגן על פרטי הכניסה של המשתמש כי היא שומרת אותם מבודדים באתר של הצד השלישי.

מידע נוסף על שימוש ב-WebView לצורכי אימות זמין במאמר אימות משתמשים באמצעות WebView. הוראות להפעלת Custom Tab מופיעות במאמר סקירה כללית של כרטיסיות מותאמות אישית ב-Android.

שדה כניסה באפליקציה עם WebView בצד ימין. כניסה באמצעות צד שלישי עם כרטיסייה בהתאמה אישית בצד ימין.
איור 4. שדה כניסה באפליקציה (מימין) וכניסה דרך צד שלישי שנפתחה ב-`Custom Tab` (משמאל).