Rejestrowanie internetowej aplikacji płatniczej

Dowiedz się, jak skonfigurować internetową aplikację płatniczą podczas rejestracji.

Internetowe aplikacje do płatności to progresywne aplikacje internetowe (PWA) i działa w połączeniu z usługą . skrypt service worker w aplikacji płatniczej odgrywa ważną rolę, ponieważ rejestruje płatności. żądań od sprzedawcy, uruchamia aplikację płatniczą i pośredniczy w komunikacji ze sprzedawcą.

Aby skonfigurować internetową aplikację płatniczą, musisz zarejestrować dostępną płatność i mechanizm Service Worker. Możesz skonfigurować internetową aplikację płatniczą deklaratywnie za pomocą pliku manifestu aplikacji internetowej.

Obsługa przeglądarek

Płatności internetowe obejmują kilka różnych elementów technologii zależy od przeglądarki.

Chromium Safari Firefox
Komputer Android Komputer Urządzenia mobilne Komputer/Urządzenie mobilne
Payment Request API
Interfejs Payment Handler API
Aplikacja płatnicza na iOS/Androida ✔* ✔*

Konfigurowanie aplikacji płatniczej z plikiem manifestu aplikacji internetowej

Aby skonfigurować deklaratywną internetową aplikację płatniczą, wyświetl aplikację internetową pliku manifestu.

Te właściwości w pliku manifestu aplikacji internetowej mają zastosowanie w przypadku internetowych aplikacji do płatności:

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

Zapoznaj się z artykułem Konfigurowanie płatności aby mieć pewność, że plik manifestu Twojej formy płatności wskazuje plik manifestu Twojej aplikacji internetowej. bez obaw.

Rejestrowanie skryptu service worker dokładnie w czasie (JIT)

Rejestracja JIT wymaga jedynie udostępniania aplikacji internetowej plik manifestu bez dodatkowego kodowania. Jeśli masz już skonfigurowany plik manifestu aplikacji internetowej, wyświetlają się prawidłowo, powinno być gotowe. Przeglądarka obsługuje odpoczynek.

Debugowanie internetowej aplikacji płatniczej

Tworząc frontend internetowej aplikacji płatniczej, będziesz pewnie kontekstu sprzedawcy i aplikacji płatniczej. Podane niżej wskazówki dotyczące debugowania pomogą Ci programowania w Chrome.

Programowanie na serwerze lokalnym

Jakiego serwera używasz do programowania? Wielu deweloperów korzysta zwykle z usługi localhost lub wewnętrznym środowiskiem firmowym, co może stanowić wyzwanie, ponieważ zaawansowane funkcje przeglądarki zwykle wymagają bezpiecznego środowiska (HTTPS) i ważny certyfikat. Payment Request API i Payment Handler API to bez wyjątku, a hosty lokalne lub wewnętrzne serwery firmowe zwykle nie zawierają parametru ważny certyfikat.

Mamy też dobrą wiadomość: niektóre przeglądarki, w tym Chrome, są zwolnione z certyfikatów dla http://localhost. W Chrome możesz też wykluczyć certyfikat wymaga uruchomienia instancji Chrome. Aby na przykład wykluczyć wymaganie z http://*.corp.company.com, użyj tych flag:

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

Więcej informacji o uruchamianiu Chrome z flagą środowiska wykonawczego znajdziesz w artykule Uruchom Chromium z: flagi.

Przekierowanie portów przez serwer lokalny

Lokalny serwer WWW możesz portować na urządzeniu z Androidem za pomocą Narzędzia deweloperskie i przetestowanie działania aplikacji w przeglądarce mobilnej. Aby dowiedzieć się, jak to zrobić, Sprawdź Dostęp lokalny Serwery.

Zdalne debugowanie witryny w Chrome na Androida z poziomu Narzędzi deweloperskich na komputerze

Możesz też debugować Chrome w Androidzie za pomocą Narzędzi deweloperskich na komputerze. Aby dowiedzieć się, jak to zrobić, zapoznaj się z artykułem Pierwsze kroki ze zdalnym debugowaniem w Androidzie Urządzenia.

Logowanie zdarzeń modułu obsługi płatności

Narzędzia deweloperskie mogą wyświetlać Payment Handler API zdarzeń w przypadku zdarzenia łatwiejszy lokalny rozwój. Otwórz Narzędzia deweloperskie w kontekście sprzedawcy i przejdź do „Moduł do obsługi płatności” w panelu Aplikacja. Zaznacz opcję „Pokaż wydarzenia”. z innych domen” i kliknij przycisk „Nagraj”, przycisk rozpoczynania rejestrowania wysłanych zdarzeń skrypt service worker, który obsługuje płatności.

Zrzut ekranu przedstawiający logowanie zdarzeń modułu obsługi płatności.
Logowanie zdarzeń modułu obsługi płatności.

Dalsze kroki

Następnym krokiem jest poznanie, jak mechanizm Service Worker może administrować płatnością transakcji w czasie wykonywania.