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.
Suporte ao navegador
Os pagamentos da Web consistem em algumas tecnologias diferentes, e o status de suporte depende do navegador.
Benefícios dos apps de pagamento baseados 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 já existentes, permitindo que você aproveite a base de usuários atual.
- Ao contrário dos apps específicos para plataformas, 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 worker de serviço pode atuar como mediador de solicitações de pagamento da seguinte maneira:
- 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, será possível configurar seu próprio manifesto de forma de pagamento e permitir 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 na janela do gerenciador de pagamentos
Uma "janela de processamento de pagamento" é 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. É possível permitir que os usuários faça login por 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 de gerenciamento de credenciais oferece uma interface programática entre o site e o navegador para login sem problemas 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 criar um app de pagamento baseado na Web, você precisa implementar três partes distintas: