Lance um site funcional com pagamentos via Stripe e ChatGPT em 10 minutos
Integre pagamentos Stripe e assistente de IA em um site funcional - sem gastar dinheiro no início
- 1.Crie uma chave de API do OpenAI. Acesse platform.openai.com, abra a seção «API keys» e clique em «Create new secret key». Copie a chave para um bloco de notas.
Você receberá $5 em créditos grátis, válidos por 3 meses. Armazene a chave na variável de ambiente OPENAI_API_KEY no seu servidor, nunca coloque no código ou navegador.
OpenAI API ↗ - 2.Crie uma conta Stripe. Acesse stripe.com, clique em «Sign up», preencha os dados. No painel de controle, copie a Publishable key e a Secret key para um bloco de notas.
Stripe cobra 2,9% + $0,30 por cada pagamento bem-sucedido. Antes do primeiro pagamento, não há custos. Nunca coloque a chave secreta no código do frontend.
Stripe ↗ - 3.Crie um repositório no GitHub. Clique em «New repository», nomeie-o, selecione Node.js .gitignore. Clone para sua máquina: git clone [seu-link-do-repositorio]
Você precisará de um repositório git para fazer deploy do aplicativo no Vercel com um clique.
GitHub ↗ - 4.Crie uma aplicação Node.js. Na pasta do repositório, crie package.json e copie o seguinte: { "name": "stripe-chatgpt-site", "version": "1.0.0", "main": "server.js", "dependencies": { "express": "^4.18.2", "stripe": "^14.0.0", "openai": "^4.28.0", "cors": "^2.8.5", "dotenv": "^16.3.1" } } Depois execute: npm install
package.json contém todas as bibliotecas necessárias. npm install as instalará localmente.
Node.js ↗ - 5.Crie um arquivo server.js na raiz do repositório e copie o seguinte: javascript const express = require('express'); const stripe = require('stripe')(process.env.STRIPE_SECRET_KEY); const { OpenAI } = require('openai'); const cors = require('cors'); require('dotenv').config(); const app = express(); app.use(express.json()); app.use(cors()); const openai = new OpenAI({ apiKey
Este código cria dois endpoints: um para criar um pagamento via Stripe, outro para conversar com ChatGPT. Usa o modelo econômico gpt-4o-mini, para que seu crédito de $5 dure mais tempo.
Express.js + OpenAI + Stripe SDK ↗Promptconst response = await openai.chat.completions.create({ model: 'gpt-4o-mini', messages: [{ role: 'user', content: '[SUA_MENSAGEM]' }], max_tokens: 200, }); Substituia [SUA_MENSAGEM] pelo texto que deseja enviar ao modelo. max_tokens=200 limita a resposta a 200 tokens (~150 palavras) e economiza dinheiro.O que este prompt fazEste é o código para conversar com a API do ChatGPT. Você substitui seu texto no lugar de [SUA_MENSAGEM], e o modelo retorna uma resposta. O parâmetro max_tokens=200 limita o comprimento da resposta para não gastar todos os $5 de crédito no primeiro dia. - 6.Crie um arquivo .env na raiz do repositório e copie o seguinte: OPENAI_API_KEY=[SUA_CHAVE_OPENAI] STRIPE_SECRET_KEY=[SUA_SECRET_KEY_STRIPE] PORT=3000 Substituia [SUA_CHAVE_OPENAI] pela chave de API da etapa 1, [SUA_SECRET_KEY_STRIPE] pela Secret key da etapa 2.
⚠️ IMPORTANTE: Nunca coloque o arquivo .env no git. Crie .gitignore com o conteúdo node_modules/ e .env, para que as chaves privadas não entrem no repositório.
- 7.Faça deploy no Vercel. Acesse vercel.com, clique em «Import Project», selecione seu repositório GitHub. No campo Environment Variables, adicione: OPENAI_API_KEY = [sua chave] STRIPE_SECRET_KEY = [sua chave] Clique em «Deploy». Em 2-3 minutos, o site estará online em https://[seu-nome].vercel.app
Vercel detecta automaticamente a aplicação Node.js e a faz deploy. As variáveis de ambiente são inseridas no painel Vercel, não no código. Após o deploy, você pode testar a API através de requisições POST para https://[seu-nome].vercel.app/chat e https://[seu-nome].vercel.app/create-payment-intent
Vercel ↗
- grátisChatGPT (conta gratuita)40 requisições a cada 3 horas; para uso mais frequente, é necessária a assinatura ChatGPT Plus ($20/mês).
- grátisCodePen ou Replit (plano gratuito)Completamente grátis para editar e testar código no navegador.
- grátisStripe (modo de teste)Teste pagamentos gratuitamente em modo sandbox; ao migrar para chaves de produção, há comissão de 2.9% + $0.30 por transação.
- grátisVercel ou Netlify (free tier)Deploy do frontend gratuitamente; para backend, é necessário plano pago ($7+/mês) ou funções serverless com limites.
Por que hoje
Serviços de IA mudam rápido - interfaces e limites gratuitos podem diferir do descrito.