Omówienie internetowych aplikacji płatniczych

Jak zintegrować internetową aplikację płatniczą z płatnościami internetowymi i zapewnić klientom lepszą obsługę.

Płatności internetowe umożliwiają korzystanie z wbudowanego interfejsu przeglądarki, który pozwala użytkownikom w prostszy sposób niż kiedykolwiek wcześniej wpisywać wymagane dane do płatności. Interfejsy API mogą wywoływać internetowe aplikacje do płatności oraz aplikacje do płatności na Androida.

Obsługiwane przeglądarki

Płatności internetowe składają się z kilku różnych elementów, a stan obsługi może zależeć od przeglądarki.

Chromium Safari Firefox
Komputer Android Komputer Urządzenia mobilne Komputer/Urządzenie mobilne
Payment Request API
Interfejs API do obsługi płatności
Aplikacja płatnicza na iOS/Androida ✔* ✔*

Zalety internetowych aplikacji do płatności

Proces płatności w aplikacji internetowej do płatności.
  • Płatności są dokonywane w oknie modalnym w kontekście witryny sprzedawcy. Zapewnia to większą wygodę użytkowników niż typowe techniki płatności, które wykorzystują przekierowania lub wyskakujące okienka.
  • Interfejsy API płatności internetowych można zintegrować ze znanymi stronami internetowymi, co pozwala wykorzystać istniejącą bazę użytkowników.
  • Inaczej niż w przypadku aplikacji na danej platformie, internetowych aplikacji do płatności nie trzeba instalować z wyprzedzeniem.

Jak działa internetowa aplikacja do płatności?

Internetowe aplikacje do płatności są tworzone przy użyciu standardowych technologii internetowych. Każda internetowa aplikacja płatnicza musi zawierać skrypt service worker.

W przypadku internetowych aplikacji płatniczych pracownik service worker może występować w roli mediatora w sprawach związanych z żądaniami płatności. Aby to zrobić:

  • Otwieranie okna modalnego i wyświetlenie interfejsu aplikacji płatniczej.
  • Mostkowanie komunikacji między aplikacją płatniczą a sprzedawcą
  • Uzyskanie od klienta autoryzacji i przekazanie sprzedawcy danych uwierzytelniających płatność.

Dowiedz się, jak działa aplikacja płatnicza u sprzedawcy w artykule Cykl życia transakcji.

Jak sprzedawcy znajdują Twoją aplikację płatniczą

Aby sprzedawca mógł skorzystać z Twojej aplikacji płatniczej, musi użyć interfejsu PaymentRequest API i określić obsługiwaną formę płatności za pomocą identyfikatora formy płatności.

Jeśli masz identyfikator formy płatności, który jest unikalny dla Twojej aplikacji płatniczej, możesz skonfigurować własny plik manifestu, aby umożliwić przeglądarkom wykrycie aplikacji.

Aby dowiedzieć się, jak to działa i jak skonfigurować nową formę płatności, przeczytaj artykuł Konfigurowanie formy płatności.

Interfejsy API, których możesz używać w oknie modułu obsługi płatności

„Okno modułu obsługi płatności” to okno, w którym uruchamiane są aplikacje do płatności. W Chrome jest to zwykłe okno przeglądarki, więc większość internetowych interfejsów API powinna działać tak samo jak w dokumencie najwyższego poziomu (z kilkoma wyjątkami):

  • Zmiana rozmiaru widocznego obszaru jest wyłączona.
  • Funkcja window.open() jest wyłączona.

Obsługa WebAuthn

WebAuthn to mechanizm uwierzytelniania oparty na kryptografii klucza publicznego. Możesz zezwolić użytkownikom na logowanie się za pomocą weryfikacji biometrycznej. WebAuthn jest już obsługiwany w oknie modułu obsługi płatności w Chrome, a standardowa treść szuka jeszcze ściślejszego połączenia między płatnościami internetowymi a WebAuthn.

Obsługa interfejsu Credential Management API

Interfejs Credential Management API zapewnia zautomatyzowany interfejs między witryną a przeglądarką, który umożliwia bezproblemowe logowanie się na różnych urządzeniach. Możesz zezwolić użytkownikom na automatyczne logowanie się w Twojej witrynie na podstawie informacji zapisanych w menedżerze haseł przeglądarki. Planujemy włączyć go w Chrome, ale nadal jest w trakcie opracowywania.

Obsługa WebOTP

Interfejs WebOTP API pomaga programowo uzyskiwać OP-ie z SMS-a i łatwiej zweryfikować numer telefonu użytkownika. Planujemy włączyć ją w Chrome, ale nadal jest w fazie opracowywania.

Listę znanych problemów i funkcji, które planujemy dodać do okna modułu obsługi płatności, możesz sprawdzić w narzędziu do śledzenia błędów Chromium.

Dalsze kroki

Przygotowanie internetowej aplikacji do płatności składa się z 3 części: