← 每日 AI 攻略商业✓ 已验证 2026年7月20日

10分钟内启动支持Stripe支付和ChatGPT的工作网站

在工作网站上集成Stripe支付和AI助手 - 无需先期投入

  1. 1.创建OpenAI API密钥。访问platform.openai.com，打开「API keys」部分，点击「Create new secret key」。将密钥复制到记事本。

    你将获得价值$5的免费额度，有效期3个月。将密钥存储在服务器的OPENAI_API_KEY环境变量中，永远不要将其放在代码或浏览器中。

    OpenAI API ↗
  2. 2.创建Stripe账户。访问stripe.com，点击「Sign up」，填写信息。在仪表板中，将Publishable key和Secret key复制到记事本。

    Stripe对每笔成功支付收取2.9% + $0.30的手续费。在第一笔支付之前不需要付款。永远不要将Secret key放在前端代码中。

    Stripe ↗
  3. 3.在GitHub上创建仓库。点击「New repository」，命名，选择Node.js .gitignore。克隆到本地：git clone [你的仓库链接]

    你需要一个git仓库来一键在Vercel上部署应用。

    GitHub ↗
  4. 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. 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. 6.在仓库根目录创建.env文件并复制以下内容： OPENAI_API_KEY=[你的OpenAI密钥] STRIPE_SECRET_KEY=[你的Stripe Secret密钥] PORT=3000 将[你的OpenAI密钥]替换为第1步中的API密钥，[你的Stripe Secret密钥]替换为第2步中的Secret key。

    ⚠️ 重要：永远不要将.env文件提交到git。创建.gitignore文件，包含node_modules/和.env，防止私密密钥进入仓库。

  7. 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仪表板中输入，而不是代码中。部署后，你可以通过POST请求测试API，地址为https://[名称].vercel.app/chat和https://[名称].vercel.app/create-payment-intent

    Vercel ↗
💰 跟着做需要花多少钱价格截至 2026-07
  • 免费ChatGPT（免费账户）3小时内40条消息；更频繁使用需要ChatGPT Plus订阅（$20/月）。
  • 免费CodePen或Replit（免费计划）在浏览器中编辑和测试代码完全免费。
  • 免费Stripe（测试模式）免费在沙箱模式下测试支付；切换到生产密钥时，每笔交易收取2.9% + $0.30佣金。
  • 免费Vercel或Netlify（免费层级）免费部署前端；后端需要付费计划（$7+/月）或带限制的无服务器函数。
试一试，做第一个打卡的人

为什么是今天

OpenAI Documentationweb
Stripe Documentationweb
Vercel Documentationweb

AI 服务变化很快 - 界面和免费额度可能与描述有所不同。