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

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

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

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

תרשים 1. ‫`WebView` (משמאל) ו-`Custom Tab` (מימין) מוקפים בקו מתאר.

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

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

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

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

יש שלושה תרחישים עיקריים לשימוש באינטרנט באפליקציה ל-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 במאמר סקירה כללית של כרטיסיות מותאמות אישית ב-Android.

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

`Custom Tab` (משמאל).