Panoramica delle app di pagamento basate sul web

Come integrare la tua app per pagamenti basata sul web con Pagamenti web e offrire una migliore esperienza utente ai clienti.

Pagamenti web porta sul web un'interfaccia integrata di un browser che consente agli utenti di inserire i dati di pagamento richiesti con una facilità mai vista prima. Le API possono richiamare le app di pagamento basate sul web e le app di pagamento Android.

Supporto del browser

Web Payments è costituito da diverse tecnologie e lo stato dell'assistenza dipende dal browser.

Chromium Safari Firefox
Computer Android Computer Dispositivo mobile Computer/dispositivi mobili
API Payment Request
API Payment Handler
App di pagamento iOS/Android ✔* ✔*

Vantaggi delle app di pagamento basate sul web

Flusso di pagamento con un'app per pagamenti basata sul web.
  • I pagamenti vengono effettuati in modalità, nel contesto del sito web del commerciante, in modo da offrire un'esperienza utente migliore rispetto alle normali tecniche di app per pagamenti che utilizzano reindirizzamenti o popup.
  • Le API Web Payments possono essere integrate in siti web consolidati per consentirti di sfruttare la base utenti esistente.
  • A differenza delle app specifiche per piattaforma, le app di pagamento basate sul web non devono essere installate in anticipo.

Come funziona un'app di pagamento basata sul web?

Le app di pagamento basate sul web vengono create utilizzando le tecnologie web standard. Ogni app di pagamento basata sul web deve includere un service worker.

In un'app di pagamento basata sul web, un service worker può fungere da mediatore per le richieste di pagamento:

  • Apertura di una finestra modale e visualizzazione dell'interfaccia dell'app di pagamento.
  • Collegamento della comunicazione tra l'app di pagamento e il commerciante.
  • Ottenere un'autorizzazione dal cliente e trasmettere la credenziale di pagamento al commerciante.

Scopri come funziona un'app di pagamento su un commerciante in Life di una transazione di pagamento.

In che modo i commercianti trovano la tua app di pagamento

Per poter utilizzare la tua app di pagamento, un commerciante deve usare l'API Payment Request e specificare il metodo di pagamento supportato utilizzando l'identificatore del metodo di pagamento.

Se hai un identificatore del metodo di pagamento univoco per la tua app di pagamento, puoi configurare il tuo file manifest del metodo di pagamento e consentire ai browser di trovare la tua app.

Scopri come funziona e come configurare un nuovo metodo di pagamento in Configurare un metodo di pagamento.

API che puoi utilizzare nella finestra del gestore dei pagamenti

Una "finestra gestore pagamenti" è una finestra in cui vengono avviate le app di pagamento. Poiché si tratta di una normale finestra del browser Chrome, la maggior parte delle API web dovrebbe funzionare come se fosse utilizzata in un documento di primo livello, con solo alcune eccezioni:

  • Il ridimensionamento dell'area visibile è disattivato.
  • L'app window.open() è disattivata.

Supporto di WebAuthn

WebAuthn è un meccanismo di autenticazione basato sulla crittografia a chiave pubblica. Puoi consentire agli utenti di accedere tramite una verifica biometrica. WebAuthn è già supportato nella finestra del gestore dei pagamenti su Chrome e il corpo standard sta cercando di creare una connessione ancora più efficace tra Web Payments e WebAuthn.

Supporto dell'API Credential Management

L'API Credential Management fornisce un'interfaccia programmatica tra il sito e il browser per consentire l'accesso senza problemi su tutti i dispositivi. Puoi consentire agli utenti di accedere automaticamente al tuo sito web in base alle informazioni memorizzate nel gestore delle password del browser. Prevediamo di essere abilitato in Chrome, ma è ancora in fase di sviluppo.

Supporto WebOTP

L'API WebOTP consente di ottenere in modo programmatico un OTP da un messaggio SMS e di verificare un numero di telefono per l'utente più facilmente. Prevediamo di abilitarla in Chrome, ma è ancora in fase di sviluppo.

Puoi consultare l'elenco di funzionalità e problemi noti che sono previsti per l'aggiunta alla finestra del gestore dei pagamenti nel tracker dei bug di Chromium.

Passaggi successivi

Per iniziare a creare un'app per pagamenti basata sul web, devi implementare tre parti distinte: