Panoramica delle app di pagamento basate sul web

Come integrare la tua app di pagamento basata sul web con i pagamenti web e offrire un'esperienza utente migliore 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 Handler
App di pagamento per iOS/Android ✔* ✔*

Vantaggi delle app di pagamento basate sul web

Flusso di pagamento con un'app di pagamento basata su 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 create utilizzando le 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.
  • Colmare il divario nella comunicazione tra l'app di pagamento e il commerciante.
  • Ricevere un'autorizzazione dal cliente e trasmettere la credenziale 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

Affinché un commerciante possa utilizzare la tua app di pagamento, deve utilizzare l'API PaymentRequest 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 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é 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 alcune eccezioni:

  • Il ridimensionamento del viewport è disattivato.
  • window.open() è disattivato.

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 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 accedere facilmente su più dispositivi. Puoi consentire agli utenti di accedere automaticamente al tuo sito web in base alle informazioni memorizzate nel Gestore delle password del browser. È in programma di attivarla 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: