Visão geral dos apps de pagamento baseados na Web

Como integrar seu app de pagamentos baseado na Web com os pagamentos da Web e oferecer uma experiência do usuário melhor aos clientes.

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

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 oferece 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 apps de pagamento baseados na Web são criados usando as tecnologias padrão da Web. Todos os apps de pagamento baseados na Web precisam incluir um worker de serviço.

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

  • Abertura de uma janela modal e exibição da interface do app de pagamento.
  • Criar uma ponte entre a comunicação do app de pagamento e o comerciante.
  • Receber 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 usar 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 para seu app de pagamento, configure seu próprio manifesto de forma de pagamento e deixe que os navegadores descubram seu app.

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

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

Uma "janela de processamento de pagamentos" é uma janela em que os apps de pagamento são iniciados. No Chrome, como é uma janela de navegador Chrome normal, a maioria das APIs da Web funciona 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á tem suporte na janela do gerenciador de pagamentos no Chrome, e o órgão responsável pelo padrão está analisando a criação de uma conexão ainda mais estreita entre os Pagamentos da Web 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. É possível permitir que os usuários façam login no seu site automaticamente com base nas informações armazenadas no gerenciador de senhas do navegador. O recurso está previsto para ser ativado no Chrome, mas ainda está em desenvolvimento.

Suporte a WebOTP

A API WebOTP ajuda a receber uma OTP de uma mensagem SMS e verificar um número de telefone do usuário com mais facilidade. O recurso está planejado para ser ativado no Chrome, mas ainda está em desenvolvimento.

Confira a lista de problemas conhecidos e recursos planejados para serem adicionados à janela do gerenciador de pagamentos no Chromium Bug Tracker.

Próximas etapas

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