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

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

Eiji Kitamura

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

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

תמיכת דפדפן

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

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

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

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

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

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

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

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

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

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

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

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

באיזה שרת בחרת להשתמש לפיתוח? מפתחים רבים נוטים להשתמש במארח מקומי או בסביבת שרת פנימית של החברה, דבר שעלול להיות מאתגר, כי תכונות מתקדמות בדפדפן דורשות סביבה מאובטחת (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 באמצעות כלי הפיתוח של Chrome, ולבדוק איך הוא פועל בדפדפן בנייד. במאמר גישה לשרתים מקומיים מוסבר איך עושים זאת.

ניפוי באגים מרחוק באתר ב-Chrome ב-Android מכלי פיתוח למחשב

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

רישום אירועים של Payment Handler

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

צילום מסך של רישום אירועים ביומן של Payment Handler.
רישום אירועים של Payment Handler.

השלבים הבאים

השלב הבא הוא ללמוד איך ה-Service Worker יכול לתזמר עסקת תשלום בזמן הריצה.