Visão geral dos apps de pagamento baseados na Web

Como integrar seu app de pagamento baseado na Web com o Web Payments e proporcionar uma melhor experiência do usuário aos clientes.

O Web Payments leva para a Web a interface integrada do navegador, que permite aos usuários inserir as informações de pagamento necessárias com mais facilidade do que nunca. As APIs podem invocar apps de pagamento baseados na Web, bem como apps de pagamento para Android.

Suporte ao navegador

O Web Payments consiste em algumas tecnologias diferentes, e o status do suporte depende do navegador.

Chromium Safari Firefox
Computador Android Computador Dispositivo móvel Computador/dispositivo móvel
API Payment Request
API Payment Handler
App de pagamento para iOS/Android ✔* ✔*

Benefícios dos apps de pagamento baseados na Web

Fluxo de finalização de compra com um app de pagamento baseado na Web.
  • Os pagamentos são feitos em modais, no contexto do site do comerciante, o que proporciona uma experiência do usuário melhor do que as técnicas típicas de apps de pagamento que usam redirecionamentos ou pop-ups.
  • As APIs Web Payments podem ser integradas a sites estabelecidos, permitindo que você aproveite a base de usuários atual.
  • Ao contrário dos apps específicos da plataforma, os apps de pagamento baseados na Web não precisam ser instalados com antecedência.

Como funciona um app de pagamento baseado na Web?

Os aplicativos de pagamento baseados na web são desenvolvidos usando as tecnologias padrão da web. Todo app de pagamento baseado na Web precisa incluir um service worker.

Em um app de pagamento baseado na Web, um service worker pode atuar como mediador de solicitações de pagamento das seguintes formas:

  • Abrir uma janela modal e exibir a interface do app de pagamento.
  • Conexão entre o app de pagamento e o comerciante.
  • Conseguir uma autorização do cliente e transmitir a credencial de pagamento ao comerciante.

Saiba como um app de pagamento funciona em um comerciante em Ciclo de vida de uma transação de pagamento.

Como os comerciantes descobrem seu app de pagamento

Para que um comerciante use seu app de pagamento, ele precisa utilizar a API Payment Request e especificar a forma de pagamento aceita usando o identificador da forma de pagamento.

Se você tiver um identificador de forma de pagamento exclusivo do seu app de pagamento, poderá configurar seu próprio manifesto de forma de pagamento e permitir que os navegadores descubram seu aplicativo.

Saiba como funciona e como configurar uma nova forma de pagamento em Configurar uma forma de pagamento.

APIs que podem ser usadas dentro da janela do gerenciador de pagamento

Uma "janela do gerenciador de pagamentos" é uma janela em que apps de pagamento são iniciados. No Chrome, por ser uma janela normal do navegador Chrome, a maioria das APIs da Web funcionará como se fosse usada em um documento de nível superior, com apenas algumas exceções:

  • O redimensionamento da janela de visualização está desativado.
  • window.open() está desativada.

Suporte para WebAuthn

O WebAuthn é um mecanismo de autenticação baseado na criptografia de chave pública. Você pode permitir que os usuários façam login com uma verificação biométrica. O WebAuthn já é compatível com a janela do gerenciador de pagamentos no Chrome, e o corpo padrão está procurando criar uma conexão ainda mais forte entre o Web Payments e o WebAuthn.

Suporte à API Credential Management

A API Credential Management oferece uma interface programática entre o site e o navegador para facilitar o login em vários dispositivos. Você pode permitir que os usuários façam login no seu site automaticamente com base nas informações armazenadas no gerenciador de senhas do navegador. Está previsto para ser ativado no Chrome, mas ainda está em desenvolvimento.

Suporte a WebOTP

A API WebOTP ajuda você a receber programaticamente uma OTP de uma mensagem SMS e verificar um número de telefone para o usuário com mais facilidade. A previsão é que ela seja ativada no Chrome, mas ainda esteja em desenvolvimento.

Confira a lista de problemas conhecidos e recursos que serão adicionados à janela do gerenciador de pagamento no rastreador de bugs do Chromium.

Próximas etapas

Para começar a criar um aplicativo de pagamento baseado na Web, você precisa implementar três partes distintas: