Integrar sistemas de pagamento como o Stripe em aplicações pode ser um processo complexo, envolvendo a criação de sessões de checkout, o manuseio de metadados e a escuta de eventos via webhooks. Essas tarefas, cruciais para uma experiência de e-commerce fluida e para o rastreamento interno de transações, demandam conhecimento técnico e tempo. Felizmente, plataformas low-code como o BuildShip surgem como uma solução para simplificar drasticamente essa integração, permitindo que desenvolvedores e empresas configurem fluxos de pagamento robustos sem escrever uma única linha de código.
Este artigo, inspirado em demonstrações práticas, explora como utilizar o BuildShip para criar uma sessão de checkout do Stripe que inclua metadados personalizados e, subsequentemente, como configurar um webhook para capturar e processar esses metadados após a conclusão do pagamento.
O processo de integração do Stripe com o BuildShip é agilizado pelo uso de templates pré-configurados. A plataforma oferece um ponto de partida que já contempla os principais nós e configurações necessários.
Para iniciar, navega-se até a biblioteca de templates do BuildShip e seleciona-se o template específico 'Stripe Checkout with Metadata'. Essa ação cria automaticamente dois workflows essenciais no projeto:
Este workflow é o coração da criação da sessão de checkout. Sua funcionalidade principal reside no nó 'Create Payment Session'. Este nó exige algumas configurações importantes:
Para que o BuildShip possa se comunicar com a conta Stripe, é necessário configurar a chave secreta (Secret Key) do Stripe dentro do BuildShip. Essa chave é obtida no painel de desenvolvedor do Stripe (Dashboard > Developers > API Keys), garantindo que o modo de teste ('Test mode') esteja ativo para obter a chave correta para desenvolvimento.
O 'price ID' necessário para os 'Line Items' é gerado no Stripe ao criar um produto. No painel do Stripe, em 'Product catalog', cria-se um novo produto, define-se um preço (por exemplo, $5.00 para um pagamento único) e, após salvar, o Stripe disponibiliza o 'Price ID' associado a esse preço específico. Este ID é então copiado e utilizado na configuração dos 'Line Items' no BuildShip.
Com as configurações realizadas, o workflow 'Create Checkout With Metadata' no BuildShip pode ser testado. No painel de teste, informa-se os 'Line Items' (com o 'price ID' obtido e a quantidade) e os 'Metadata' desejados (ex: `{"userId": "1234", "creditPackId": "5678"}`). Ao executar o teste, o BuildShip retorna uma URL de sessão de checkout do Stripe. Abrindo essa URL em um navegador, o cliente visualiza o formulário de pagamento do Stripe, pronto para ser preenchido.
Após o cliente concluir o pagamento, é fundamental que o sistema receba uma notificação e possa processar as informações da transação, incluindo os metadados enviados.
O segundo workflow criado pelo template, 'Stripe Webhook', utiliza o gatilho 'Stripe Webhook' do BuildShip. Este gatilho é poderoso: ao ser configurado e o workflow ser 'shipado' (publicado), o BuildShip automaticamente registra um endpoint de webhook na conta Stripe associada.
Na aba 'Connect' do gatilho, configura-se:
Após conectar e 'shipar' o workflow, o BuildShip está pronto para receber notificações do Stripe.
Dentro do workflow 'Stripe Webhook', um nó utilitário chamado 'Get Event Metadata' é usado. Este nó recebe o objeto do evento Stripe (proveniente do gatilho) como entrada e extrai especificamente o objeto de metadados que foi incluído na criação da sessão de checkout.
Ao simular uma compra completa no formulário de checkout do Stripe (utilizando cartões de teste fornecidos pela documentação do Stripe), o evento `checkout.session.completed` é disparado. O webhook no BuildShip recebe essa notificação. Nos logs do workflow 'Stripe Webhook' no BuildShip, é possível verificar a execução e, mais importante, o output do nó 'Get Event Metadata', que deve conter os metadados enviados originalmente (ex: `{"userId": "1234", "creditPackId": "5678"}`).
A capacidade de enviar e receber metadados personalizados através das sessões de checkout do Stripe é extremamente valiosa. Ela permite que as empresas associem transações financeiras a entidades internas de seus sistemas, como contas de usuário, pedidos específicos, campanhas de marketing ou qualquer outro dado relevante para a lógica de negócios. Com o BuildShip, esse processo de vinculação se torna acessível e automatizado, facilitando a reconciliação de dados, a personalização da experiência do usuário pós-compra e a análise de dados de vendas de forma mais granular.
A integração do Stripe para processamento de pagamentos, incluindo o envio de metadados e a configuração de webhooks, é significativamente simplificada com o uso do BuildShip. A plataforma low-code permite que, com poucos cliques e configurações, seja possível estabelecer um fluxo de pagamento completo e robusto, liberando tempo e recursos que seriam gastos no desenvolvimento tradicional. Esta abordagem não apenas acelera o desenvolvimento, mas também democratiza o acesso a integrações complexas, permitindo que mais negócios aproveitem o poder do Stripe de maneira eficiente.
Descubra os melhores extensores Wi-Fi de 2024! Análise completa de modelos TP-Link, ASUS, Linksys e Netgear para eliminar zonas mortas e melhorar sua internet.
Descubra os melhores monitores portáteis de 2024 para desenvolvimento web, design e produtividade. Análise completa dos top modelos, incluindo KYY, ViewSonic, Espresso e ASUS.
Descubra como o Lovable utiliza inteligência artificial para acelerar o desenvolvimento web, permitindo criar clones de sites e MVPs em minutos. Uma análise completa da ferramenta.