Запустите рабочий сайт с приёмом платежей через Stripe и ChatGPT за 10 минут
Интегрируйте платежи Stripe и AI-ассистента на рабочем сайте - без первого вложения денег
- 1.Создайте API ключ OpenAI. Перейдите на platform.openai.com, откройте раздел «API keys» и нажмите «Create new secret key». Скопируйте ключ в блокнот.
Вы получите $5 в бесплатных кредитах, действующих 3 месяца. Храните ключ в переменной окружения OPENAI_API_KEY на вашем сервере, никогда не кладите его в код или браузер.
OpenAI API ↗ - 2.Создайте Stripe аккаунт. Перейдите на stripe.com, нажмите «Sign up», заполните данные. В дашборде скопируйте Publishable key и Secret key в блокнот.
Stripe берёт 2,9% + $0,30 за каждый успешный платёж. До первого платежа платить не нужно. Secret key никогда не кладите в фронтенд-код.
Stripe ↗ - 3.Создайте репозиторий на GitHub. Нажмите «New repository», назовите его, выберите Node.js .gitignore. Клонируйте себе: git clone [ссылка-на-ваш-репо]
Вам понадобится git-репо, чтобы развернуть приложение на Vercel одной кнопкой.
GitHub ↗ - 4.Создайте Node.js приложение. В папке репо создайте package.json и скопируйте туда: { "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" } } Затем выполните: npm install
package.json содержит все необходимые библиотеки. npm install установит их локально.
Node.js ↗ - 5.Создайте файл server.js в корне репо и скопируйте туда: 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
Этот код создаёт два эндпоинта: один для создания платежа через Stripe, второй для общения с ChatGPT. Используется бюджетная модель gpt-4o-mini, которая оставляет ваш $5 кредит надольше.
Express.js + OpenAI + Stripe SDK ↗Промптconst response = await openai.chat.completions.create({ model: 'gpt-4o-mini', messages: [{ role: 'user', content: '[ВАШЕ_СООБЩЕНИЕ]' }], max_tokens: 200, }); Замените [ВАШЕ_СООБЩЕНИЕ] на текст, который хотите отправить модели. max_tokens=200 ограничивает ответ 200 токенами (~150 словами) и экономит деньги.Что делает этот промптЭто код для общения с ChatGPT API. Вы подставляете свой текст вместо [ВАШЕ_СООБЩЕНИЕ], и модель вернёт ответ. Параметр max_tokens=200 ограничивает длину ответа, чтобы не потратить весь $5 кредит в первый день. - 6.Создайте .env файл в корне репо и скопируйте туда: OPENAI_API_KEY=[ВАШЕ_КЛЮЧ_OPENAI] STRIPE_SECRET_KEY=[ВАШЕ_SECRET_KEY_STRIPE] PORT=3000 Замените [ВАШЕ_КЛЮЧ_OPENAI] на API ключ из шага 1, [ВАШЕ_SECRET_KEY_STRIPE] на Secret key из шага 2.
⚠️ ВАЖНО: Никогда не кладите .env файл в git. Создайте .gitignore с содержимым node_modules/ и .env, чтобы закрытые ключи не попали в репо.
- 7.Разверните на Vercel. Перейдите на vercel.com, нажмите «Import Project», выберите ваш GitHub-репозиторий. В поле Environment Variables добавьте: OPENAI_API_KEY = [ваш ключ] STRIPE_SECRET_KEY = [ваш ключ] Нажмите «Deploy». Через 2 - 3 минуты сайт будет онлайн по адресу вида https://[название].vercel.app
Vercel автоматически детектирует Node.js приложение и разворачивает его. Переменные окружения вводятся в дашборде Vercel, а не в коде. После деплоя вы можете протестировать API через POST-запросы к https://[название].vercel.app/chat и https://[название].vercel.app/create-payment-intent
Vercel ↗
- бесплатноChatGPT (бесплатный аккаунт)40 запросов в 3 часа; для более частого использования нужна подписка ChatGPT Plus ($20/месяц).
- бесплатноCodePen или Replit (бесплатный план)Полностью бесплатно для редактирования и тестирования кода в браузере.
- бесплатноStripe (тестовый режим)Бесплатно тестировать платежи в sandbox-режиме; при переводе на боевые ключи комиссия 2.9% + $0.30 за транзакцию.
- бесплатноVercel или Netlify (free tier)Бесплатно разворачивать фронтенд; для backend требуется платный план ($7+/месяц) или serverless-функции с лимитами.
Почему сегодня
ИИ-сервисы быстро меняются - интерфейсы и бесплатные лимиты могут отличаться от описанных.