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 offre al web un'interfaccia integrata del browser che consente agli utenti di inserire i dati di pagamento richiesti in modo più semplice che mai. Le API possono richiamare app di pagamento basate sul web, nonché app di pagamento Android.

Supporto del browser

Web Payments consiste in diverse tecnologie e lo stato del supporto dipende dal browser.

Chromium Safari Firefox
Computer Android Computer Dispositivo mobile Computer/dispositivi mobili
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 modalità modali, nel contesto del sito web del commerciante, che offre un'esperienza utente migliore rispetto alle tipiche tecniche di app di pagamento che utilizzano reindirizzamenti o popup.
  • Le API Web Payments possono essere integrate in siti web consolidati per sfruttare la base utenti esistente.
  • A differenza delle app specifiche per le piattaforme, le app per il pagamento basate sul web non devono essere installate in anticipo.

Come funziona un'app per pagamenti basata sul web?

Le app di pagamento basate sul web vengono sviluppate utilizzando tecnologie web standard. Ogni app per pagamenti basata sul web deve includere un service worker.

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

  • 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 Il ciclo di vita di una transazione di pagamento.

In che modo i commercianti scoprono la tua app per i pagamenti

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 un file manifest del metodo di pagamento personale e consentire ai browser di rilevare la tua app.

Consulta l'articolo Configurare un metodo di pagamento per scoprire come funziona e come impostare un nuovo metodo di pagamento.

API che puoi utilizzare nella finestra del gestore dei pagamenti

Una "finestra gestore dei pagamenti" è la 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 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ù stretta tra Web Payments e WebAuthn.

Supporto per l'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 in modo programmatico un OTP da un messaggio SMS e verificare più facilmente un numero di telefono per l'utente. È prevista l'attivazione in Chrome, ma è ancora in fase di sviluppo.

Puoi controllare l'elenco di funzionalità e problemi noti che saranno aggiunti alla finestra del gestore dei pagamenti nel tracker dei bug di Chromium.

Passaggi successivi

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