רישום של אפליקציית תשלום מבוססת-אינטרנט

איך מגדירים אפליקציית תשלומים מבוססת-אינטרנט במהלך ההרשמה

Eiji Kitamura

אפליקציות תשלומים מבוססות-אינטרנט הן אפליקציות מסוג Progressive Web App ‏(PWA) שפועלות מעל שירותי עובדים. ל-service worker באפליקציית תשלומים יש תפקיד חשוב: הוא מתעד בקשות תשלום מהמוכר, מפעיל את אפליקציית התשלומים ומתווך את התקשורת עם המוכר.

כדי להגדיר אפליקציית תשלומים מבוססת-אינטרנט, צריך לרשום את אמצעי התשלום הזמינים וגם עובד שירות (service worker). אפשר להגדיר את אפליקציית התשלומים מבוססת האינטרנט באופן מצהיר באמצעות מניפסט של אפליקציית אינטרנט.

תמיכה בדפדפנים

תשלומים באינטרנט מורכבים מכמה רכיבים טכנולוגיים שונים, וסטטוס התמיכה תלוי בדפדפן.

Chromium Safari Firefox
מחשב Android מחשב נייד במחשב או בנייד
Payment Request API ✔ ✔ ✔ ✔
Payment Handler API ✔ ✔
אפליקציית תשלומים ל-iOS או ל-Android ✔ ✔ ✔* ✔*

הגדרת אפליקציית תשלומים באמצעות מניפסט של אפליקציית אינטרנט

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

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

  • name
  • icons
  • serviceworker
    • src
    • scope
    • use_cache

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

רישום של קובץ שירות (service worker) בזמן אמת (JIT)

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

ניפוי באגים באפליקציית תשלומים מבוססת-אינטרנט

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

פיתוח בשרת מקומי

באיזה שרת אתם משתמשים לפיתוח? מפתחים רבים נוטים להשתמש ב-localhost או בסביבת שרת פנימית של החברה, וזה יכול להיות מאתגר כי לתכונות החזקות בדפדפן בדרך כלל נדרשת סביבה מאובטחת (HTTPS) ואישור תקין. גם Payment Request API וגם Payment Handler API לא יוצאים מן הכלל, ובדרך כלל לא מצורף אישור תקף למארחים מקומיים או לשרתים פנימיים של החברה.

החדשות הטובות הן שחלק מהדפדפנים, כולל Chrome, פטורים כברירת מחדל מהצגת אישורים עבור http://localhost. ב-Chrome אפשר גם להפעיל מכונה של Chrome כדי לפטור את הדרישה להצגת אישור. לדוגמה, כדי לפטור את הדרישה מ-http://*.corp.company.com, משתמשים בדגלים הבאים:

macOS

/Applications/Google\ Chrome.app/Contents/MacOS/Google\ Chrome --ignore-certificate-errors --unsafely-treat-insecure-origin-as-secure=http://*.corp.company.com

Windows

chrome.exe --ignore-certificate-errors --unsafely-treat-insecure-origin-as-secure=http://*.corp.company.com

מידע נוסף על הפעלת Chrome עם דגל בסביבת זמן ריצה זמין במאמר הפעלת Chromium עם דגלים.

העברה ליציאה אחרת של שרת מקומי

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

ניפוי באגים מרחוק באתר ב-Android Chrome באמצעות DevTools במחשב

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

רישום אירועים של שירותי עיבוד תשלומים ביומן

כלי הפיתוח יכולים להציג אירועים של Payment Handler API כדי להקל על הפיתוח המקומי. פותחים את DevTools בהקשר של המוכר ועוברים לקטע 'טיפול בתשלומים' שבחלונית Application. מסמנים את האפשרות 'הצגת אירועים מדומיינים אחרים' ולוחצים על הלחצן 'הקלטה' כדי להתחיל לתעד אירועים שנשלחים ל-service worker שמטפל בתשלומים.

צילום מסך של רישום ביומן של אירועים של טיפול בתשלומים.
רישום אירועים של רכיב ה-Payment Handler ביומן.

השלבים הבאים

בשלב הבא נסביר איך ה-service worker יכול לתזמר עסקת תשלום בזמן הריצה.