Como integrar seu app de pagamento baseado na Web ao Web Payments e proporcionar uma melhor experiência do usuário aos clientes.
O Web Payments leva para a Web a interface integrada de um 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 do Android.
Suporte ao navegador
O Web Payments consiste 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 melhor experiência do usuário do que as técnicas típicas de apps de pagamento que usam redirecionamentos ou pop-ups.
- As APIs Web Payments podem ser integradas em sites estabelecidos, permitindo que você aproveite a base de usuários existente.
- 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 por:
- Abertura de uma janela modal e exibição da interface do app de pagamento.
- Uma ponte entre o 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 para um comerciante em O ciclo 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ê tem um identificador de forma de pagamento exclusivo para seu app de pagamento, pode configurar seu próprio manifesto da 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
A "janela do gerenciador de pagamentos" é a janela em que os aplicativos de pagamento são iniciados. Como se trata de uma janela normal do navegador Chrome no Chrome, 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. A WebAuthn já é compatível com a janela do gerenciador de pagamentos no Chrome, e o órgão padrão está procurando criar uma conexão ainda mais rígida 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. Ele será ativado no Chrome, mas ainda em desenvolvimento.
Compatibilidade com WebOTP
A API WebOTP ajuda você a conseguir uma OTP de uma mensagem SMS de forma programática e verificar um número de telefone para o usuário com mais facilidade. Ele está previsto para ser ativado no Chrome, mas ainda em desenvolvimento.
Confira a lista de problemas e recursos conhecidos que serão adicionados à janela do gerenciador de pagamentos no rastreador de bugs do Chromium.
Próximas etapas
Para começar a criar um app de pagamento baseado na Web, você precisa implementar três partes: