Panoramica delle app di pagamento basate sul web

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

Pagamenti web porta sul web l'interfaccia integrata di un browser che consente agli utenti di inserire i dati di pagamento richiesti più facilmente che mai. Le API possono richiamare app di pagamento basate sul web, nonché app di pagamento Android.

Supporto browser

I pagamenti web sono costituiti da diverse tecnologie e lo stato del supporto dipende dal browser.

Cromo Safari Firefox
Desktop Android Desktop Dispositivi mobili Computer/dispositivo mobile
API Payment Request
API Payment Gestori
App per pagamenti iOS/Android ✔* ✔*

Vantaggi delle app di pagamento basate sul web

Flusso di pagamento con un'app di pagamento basata sul web.
  • I pagamenti vengono effettuati in finestre modali, nel contesto del sito web del commerciante, il che offre un'esperienza utente migliore rispetto alle tecniche tipiche delle app di pagamento che utilizzano reindirizzamenti o popup.
  • Le API Web Payments possono essere integrate in siti web consolidati, consentendoti 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 advance.

Come funziona un'app di pagamento basata sul web?

Le app di pagamento basate sul web vengono sviluppate utilizzando tecnologie web standard. Ogni app di pagamento basata sul web deve includere un servizio 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.
  • Collegare la comunicazione tra l'app di pagamento e il commerciante.
  • Ottenere un'autorizzazione dal cliente e trasferire le credenziali di pagamento al commerciante.

Scopri come funziona un'app di pagamento per un commerciante in Ciclo di vita di una transazione di pagamento.

In che modo i commercianti scoprono la tua app di pagamento

Per poter utilizzare la tua app di pagamento, un commerciante deve utilizzare l'API Payment Request e specificare il metodo di pagamento supportato tramite 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 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 all'interno della finestra del gestore dei pagamenti

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

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

Supporto 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 l'organismo di standardizzazione sta valutando la possibilità di creare un collegamento ancora più stretto tra i pagamenti web e WebAuthn.

Supporto dell'API Credential Management

L'API Credential Management fornisce un'interfaccia programmatica tra il sito e il browser per un accesso senza interruzioni 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. È prevista l'attivazione in Chrome, ma è ancora in fase di sviluppo.

Supporto WebOTP

L'API WebOTP ti consente di ottenere tramite programmazione un'OTP da un messaggio SMS e di verificare più facilmente un numero di telefono per l'utente. È prevista la sua attivazione in Chrome, ma è ancora in fase di sviluppo.

Puoi controllare l'elenco dei problemi noti e delle funzionalità pianificate per essere aggiunte alla finestra del gestore dei pagamenti nel tracker dei bug di Chromium.

Passaggi successivi

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