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

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

Eiji Kitamura

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

השלבים הבאים

השלב הבא הוא להבין איך קובץ השירות (service worker) יכול לתזמר תשלום טרנזקציה בזמן ריצה.