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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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