Conecte Stripe, Twilio e outros serviços
ResumindoOs conectores ligam serviços externos ao seu app — Stripe para pagamentos, Twilio para SMS, Resend para usar o seu próprio domínio de e-mail e muito mais. Peça a funcionalidade no chat e o MonstarX mostra um cartão para as chaves, ou abra Backend → Nuvem → Conectores e clique em Conectar. Ainda não tem as chaves? Clique em Depois e o MonstarX cria tudo mesmo assim.
O seu app já vem com banco de dados, contas, e-mail, armazenamento de arquivos e IA. Os conectores acrescentam todo o resto: receber pagamentos com Stripe, enviar SMS com Twilio, puxar dados de qualquer site com Firecrawl e muito mais. Cada conector liga um serviço externo a um app, usando as chaves (as senhas secretas que um serviço dá para você usar a API dele) da sua própria conta naquele serviço.
Quase nunca você precisa sair procurando por eles. Quando você pede uma funcionalidade que depende de um serviço — “os alunos podem comprar pacotes de aulas” —, o MonstarX escreve o código e pede as chaves ali mesmo, no chat.
A quais serviços o meu app pode se conectar?
Seção intitulada “A quais serviços o meu app pode se conectar?”Estes conectores servem para o que o seu app faz pelas pessoas que o usam. Todos ficam em BackendNuvem, na lista Conectores.
| Conector | O que o seu app pode fazer com ele | O que você cola |
|---|---|---|
| Stripe | Receber pagamentos, assinaturas e checkout. Chaves de sandbox (teste) ou de produção (live). | Chave secreta, chave publicável, segredo de assinatura do webhook (opcional) |
| Twilio | Enviar mensagens por SMS e WhatsApp e fazer chamadas de voz. | SID da conta, token de autenticação, número de origem |
| Resend | Enviar e-mails pelo seu próprio domínio em vez do MonstarX Email. | Chave de API, endereço de origem |
| OpenAI | Usar a sua própria chave da OpenAI em vez do MonstarX AI. | Chave de API |
| OpenRouter | Usar a sua própria chave do OpenRouter (qualquer modelo) em vez do MonstarX AI. | Chave de API |
| Google Maps | Busca e preenchimento automático de lugares, detalhes de empresas e rotas de carro. | Chave de API |
| Mapbox | Geocodificação (transformar um endereço em uma posição no mapa), rotas e os estilos de mapa do Mapbox, inclusive satélite. | Token de acesso público |
| Firecrawl | Transformar qualquer site em texto limpo ou dados estruturados (scrape, crawl, busca). | Chave de API |
| Zernio | Conectar as contas sociais dos seus usuários (X, Instagram, Facebook, LinkedIn, TikTok, YouTube e outras) e publicar ou agendar posts. | Chave de API |
| ElevenLabs | Conversão de texto em fala e geração de voz. | Chave de API |
| Google Analytics | Contar visualizações de página e eventos com o GA4. | ID da métrica |
Alguns conectores fazem trabalhos maiores e têm páginas próprias:
- Supabase e Railway podem guardar os dados do app no seu próprio banco Postgres — veja Supabase e Railway.
- Firebase dá ao app o seu próprio Firestore, login, armazenamento de arquivos e notificações push — veja Firebase.
- Cloudflare roda o app inteiro na sua própria conta Cloudflare — veja Sua própria conta Cloudflare.
- Azure, AWS, Vercel e Google Cloud são lugares onde você pode publicar o app — veja Publique em outras hospedagens.
Como conecto um serviço pelo chat?
Seção intitulada “Como conecto um serviço pelo chat?”Peça a funcionalidade com palavras simples, como “deixe as pessoas pagarem um pacote de aulas com Stripe”. O MonstarX cria a funcionalidade e mostra um cartão pedindo para você conectar o serviço, com o motivo.
-
Leia o cartão. Onde encontrar as chaves abre a página do próprio serviço que explica onde ficam as chaves.
-
No Stripe, escolha o Ambiente: Sandbox (chaves de teste) enquanto você testa, Produção (chaves live) quando clientes de verdade forem pagar.
-
Cole as chaves nos campos e clique em Conectar Stripe (o botão sempre traz o nome do serviço).
-
O cartão fica verde: Stripe está conectado. A prévia reinicia com as chaves, para você testar a funcionalidade na hora.
Só o proprietário do projeto pode conectar um serviço. Qualquer outra pessoa que esteja vendo o projeto vê o cartão com o aviso “Somente o proprietário do projeto pode conectá-lo.”
E se eu ainda não tiver as chaves?
Seção intitulada “E se eu ainda não tiver as chaves?”Clique em Depois. O cartão se recolhe em uma linha — “Stripe · você vai conectar depois” — e o MonstarX cria tudo mesmo assim. Onde o app precisa do serviço, ele mostra uma mensagem clara de que o Stripe ainda não está conectado, em vez de quebrar. Clique em Conectar agora quando tiver as chaves.
A sua escolha fica salva no projeto, então o cartão continua recolhido em todos os dispositivos até você conectar.
E se o MonstarX não conseguir continuar sem ele?
Seção intitulada “E se o MonstarX não conseguir continuar sem ele?”Às vezes a solicitação inteira depende do que está na sua conta, como “importe os meus produtos do Stripe”. Nesse caso, o cartão fica âmbar, mostra O MonstarX precisa conectar Stripe para continuar e não tem o botão Depois. O MonstarX cria as partes que não dependem do serviço e espera. Assim que você conecta, ele continua sozinho.
Como conecto um serviço pela aba Backend?
Seção intitulada “Como conecto um serviço pela aba Backend?”-
Abra o seu projeto e clique em Backend na barra superior e depois em Nuvem.
-
Role até Conectores e clique em Conectar ao lado do serviço.
-
Preencha os campos. Os opcionais trazem “(opcional)”, e muitos têm uma linha de ajuda logo abaixo.
-
Clique em Conectar seguido do nome do serviço.
Um serviço conectado mostra o rótulo verde Conectado (no Stripe, Conectado · sandbox ou Conectado · produção) e dois botões:
- Atualizar chaves, para trocar uma ou mais chaves. Deixe um campo em branco para manter o valor atual.
- Desconectar, para remover o serviço e as chaves dele deste app.
O pequeno ícone de seta ao lado de cada conector abre a documentação do próprio serviço.
Como sei de quais serviços o meu app ainda está esperando?
Seção intitulada “Como sei de quais serviços o meu app ainda está esperando?”O MonstarX percebe quando o código do app usa um serviço que ainda não foi conectado e avisa você em três lugares:
- Backend → Nuvem lista esses conectores primeiro, com os rótulos Seu app usa isso · conectando depois, Seu app usa isso · não conectado ou Necessário para continuar.
- Publicar ganha um ponto âmbar e, dentro dele, um aviso como “Stripe e Twilio ainda não estão conectados”, com um botão Conectar para cada um. Você ainda pode publicar; essas partes só vão funcionar para alguém depois que as chaves forem adicionadas.
- O teste de QA verifica um fluxo até a etapa que precisa do serviço e marca essa etapa como pendente de chaves, em vez de dar como falha. Veja Testes de QA automatizados.
Se você remover a funcionalidade que usava um serviço, o lembrete some sozinho.
Para onde vão as chaves?
Seção intitulada “Para onde vão as chaves?”As chaves ficam guardadas de forma criptografada com o app, com nomes fixos como STRIPE_SECRET_KEY. Você vê os nomes delas (nunca os valores) em BackendSegredos, ao lado das chaves que você mesmo adicionou. Veja Segredos.
- Chaves secretas só são usadas pelo servidor do app. Ninguém que visita o app consegue vê-las.
- Chaves públicas, como a chave publicável do Stripe, uma chave do Google Maps ou o ID da métrica do Google Analytics, são feitas para uso no navegador. Para essas chaves, isso é seguro — é por isso que os serviços dão dois tipos de chave.
- As chaves pertencem a um app só. Os seus outros apps nunca as veem.
Posso usar o meu próprio serviço no lugar de um embutido?
Seção intitulada “Posso usar o meu próprio serviço no lugar de um embutido?”Sim. Alguns conectores foram feitos para ocupar o lugar de um serviço do MonstarX Cloud, e a lista os marca com substitui … do MonstarX (por exemplo, substitui E-mail do MonstarX):
| Serviço embutido | Substitua por |
|---|---|
| E-mail (envia pelo domínio de e-mail do MonstarX) | Resend, para enviar pelo seu próprio domínio |
| IA (modelos gerenciados com alternativas de reserva) | OpenAI ou OpenRouter, cobrados na sua própria conta |
| Banco de dados | Supabase — ou o Postgres do Railway, que não aparece marcado, mas também pode guardar os dados. Veja Supabase e Railway. |
Conecte o substituto e depois peça ao MonstarX para usá-lo — por exemplo, “envie os e-mails do app pelo Resend”. Quando nada no app usar mais o serviço embutido, você pode desativar E-mail, IA, Pesquisa na web ou Armazenamento em BackendNuvem. Veja a seção “Posso desativar um serviço e usar o meu?” em MonstarX Cloud.
É bom saber
Seção intitulada “É bom saber”- As criações nunca esperam pelas chaves. O MonstarX escreve o código a partir da documentação do serviço, então uma chave faltando só impede aquela funcionalidade de funcionar.
- Teste antes. As chaves de sandbox do Stripe permitem fazer um checkout com cartões de teste, sem dinheiro de verdade.
- Sua conta, sua fatura. Um serviço conectado cobra na sua conta naquele serviço, pelos preços dele. O MonstarX não acrescenta nada.
- Conectores para o próprio MonstarX são outra coisa: as Ferramentas de negócio deixam o MonstarX ler o seu Google Sheets, HubSpot ou Jira enquanto cria, e os Conectores MCP dão a ele outras ferramentas.
Perguntas frequentes
Seção intitulada “Perguntas frequentes”Preciso saber programar para conectar o Stripe?
Não. Peça a funcionalidade no chat, cole as suas duas chaves do Stripe no cartão que o MonstarX mostra e clique em Conectar Stripe. O MonstarX escreve todo o código.
Posso criar o app antes de ter as chaves?
Sim. Clique em Depois no cartão. O MonstarX cria tudo, mostra uma mensagem amigável de “ainda não conectado” onde o serviço é necessário e lembra você em Publicar antes de o app ir ao ar.
Onde altero ou removo uma chave?
Em Backend → Nuvem → Conectores, clique em Atualizar chaves ou Desconectar ao lado do serviço. Os nomes das chaves também aparecem em Backend → Segredos.
Quem usa o meu app consegue ver as minhas chaves?
As chaves secretas, não — elas ficam no servidor do app. Só as chaves públicas feitas para o navegador, como a chave publicável do Stripe, chegam à página.
As minhas chaves funcionam na prévia e no app publicado?
Sim. Conectar reinicia a prévia com as novas chaves, e na próxima vez que você publicar o app no ar também as recebe.
Existe conector para um serviço que não está na lista?
Você pode usá-lo mesmo assim. Peça ao MonstarX para integrar o serviço e depois adicione a chave dele você mesmo em Backend → Segredos. O app lê a chave do mesmo jeito.