Como integrar seu app de pagamento baseado na Web com os pagamentos na 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 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
Os pagamentos na 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 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 para uma 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. 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 ao:
- Abrir uma janela modal e mostrar a interface do app de pagamento.
- Fazendo a 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 as lojas descobrem seu app de pagamentos
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 pagamentos, configure seu próprio manifesto de forma de pagamento e permita que os navegadores descubram seu app.
Saiba como funciona e como configurar uma nova forma de pagamento em Configurar uma forma de pagamento.
APIs que podem ser usadas na janela do manipulador de pagamentos
Uma "janela de manipulador de pagamentos" é uma janela em que os apps de pagamento são iniciados. No Chrome, como é uma janela normal do navegador, 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çam login com uma verificação biométrica. O WebAuthn já é compatível com a janela do processador de pagamentos no Chrome, e o órgão padrão está criando uma conexão ainda mais estreita entre os pagamentos e o WebAuthn.
Suporte da API Credential Management
A API Credential Management API fornece uma interface programática entre o site e o navegador para fazer login em vários dispositivos sem problemas. Você pode permitir que os usuários façam login automaticamente no seu site com base nas informações armazenadas no gerenciador de senhas do navegador. Ela está planejada para ser ativada no Chrome, mas ainda está em desenvolvimento.
Suporte ao WebOTP
A API WebOTP ajuda você a obter de forma programática uma OTP de uma mensagem SMS e verificar um número de telefone para o usuário com mais facilidade. Ainda em desenvolvimento, mas está previsto para ser ativado no Chrome.
Confira a lista de problemas conhecidos e recursos planejados para serem adicionados à janela do gerenciador de pagamentos no Chromium bug tracker (link em inglês).
Próximas etapas
Para começar a criar um app de pagamento baseado na Web, você precisa implementar três partes distintas: