准备工作
准备概览
在开始使用 NuxtBase 之前，你需要进行一些准备工作，确保你具备所需的环境变量和相关账号。
为了使用 Supabase 和 Zpay 支付，你需要注册并申请一下这两个平台的账号：
- MemFire：国内 Supabase 服务商，兼容国内开发生态，内置通用服务，简单易学，加速小程序/移动应用/WEB 网站的开发，降低开发/运维成本
- ZPay 支付：微信支付服务商和支付宝 ISV 服务商，专业为开发者/个体户/小微企业提供正规、安全、稳定的创收支持
为了使用 AI 服务，你可以选择国内任意的 AI 服务商，例如：
准备所需的环境变量
注册 3 个平台，主要是为了需要获取以下环境变量，分别设置在前端和后端的 .env 文件中。
前端环境变量 .env 文件
# 你的 Supabase URL
SUPABASE_URL=你的supabase_url
# 你的 Supabase Key
SUPABASE_KEY=你的_supabase_key
# 你的服务端请求地址
HTTP_BASE_URL=http://localhost:7010
后端环境变量 .env 文件
# Supabase 环境变量
SUPABASE_URL=你的supabase_url
SUPABASE_PRIVATE_KEY=你的supabase_private_key
# ZPay 支付环境变量
ZPAY_PAY_KEY=你的zpay_pay_key
ZPAY_PAY_PID=你的zpay_pay_pid
ZPAY_NOTIFY_URL=你的zpay_notify_url
# AI 服务商环境变量
OPENAI_API_KEY=你的openai_api_key
OPENAI_BASE_URL=你的openai_base_url
接下来我带着未使用过 MemfireDB、ZPay 和 AI 服务商的开发者，一步步完成这些准备工作。
1. 注册 MemfireDB，获取 Supabase 相关环境变量
1.1 注册 MemfireDB
首先，你需要登录 MemfireDB，并注册一个 MemfireDB 账号。注册并登录后进入到我的应用，点击【创建应用】。
1.2 开通应用
你可以在前期开发中使用 免费版。当项目上线后，可以根据需求升级到入门版（19.9 元/月）或更高级别的服务。
1.3 获取环境变量
注册应用后，点击【应用设置】 - 【API】，就能获取到你 supabase 相关的所有环境变量。将对应的环境变量填入到前后端的 .env 文件中。
URL: 对应.env中的SUPABASE_URLservice_role：对应SUPABASE_PRIVATE_KEY（私钥，切勿公开分享，只能放在服务端）annon：对应SUPABASE_KEY（公钥，可以放在前端）
🎉 恭喜你！完成这一步，你就完成了 NuxtBase 的所有后端能力接入！接下来我们来给 NuxtBase 添加上 💳 支付能力吧。
2. 注册 ZPay，获取支付相关环境变量
ZPay 是支付宝及微信支付备案 ISV 服务商，资金安全有保障，无需营业执照就能解决个人收款痛点。
Nuxtbase 和 ZPay 无利益关系，只是目前个人认为该平台是国内独立开发者最好的收款服务商。
2.1 注册 ZPay 账号
为了集成个人支付功能，你需要注册 ZPay 账号。
2.2 增加支付渠道
注册成功后，你需要新增一个支付渠道（建议开通支付宝）才可以实现支付。
开通支付渠道有渠道开户费 88 元，开户失败 ZPay 是会全额退款的，这点你放心。这一步可能需要耗时 2-3 天，因为有审核环节，而且还需要开通银联结算渠道，因为 ZPay 会通过银联渠道直接结算到你的银行卡（✅ 建议：当然我这边还是建议使用一张你不常用的卡并定时转出，为了 100%的资金安全）。
相信我，当你走完开户流程后，你就知道 ZPay 是一个值得独立开发者信赖的国内支付服务商了。
个人建议作为独立开发者前期不用全部开通，开通支付宝渠道。因为目前 NuxtBase 默认支持的是支付宝支付，当然你想更改为微信也很简单，只需更改代码中的type:alipay为type:wxpay即可。
2.3 获取环境变量
当你开通完成支付渠道后，你就可以获取到对应的 ZPay 相关的环境变量了。具体如下图：
KEY：对应我们的.env中的ZPAY_PAY_KEYPID：对应我们的.env中的ZPAY_PAY_PIDZPAY_NOTIFY_URL：修改成自己的后端域名，并添加/api/payment/notify，作为 Zpay 支付成功后通知的回调地址
2.4 关注 ZPay 公众号
最后这一步虽然和 NuxtBase 无关，但是这边建议你关注一下 ZPay 的公众号并绑定你的账户，这样用户支付成功后你就能及时收到通知了！希望你也能我一样体验第一次收到支付通知的激动心情！
🎉 恭喜你，完成这一步，你就完成了 NuxtBase 支付能力的接入。我先在这里预祝你的产品能够大卖收款多多。接下来我们来最令人激动的 AI 能力的接入吧！
3. 选择一个你的 AI 服务商，获取 AI 服务商相关环境变量
根据你的需求选择一个兼容 OpenAI 的 AI 服务商，例如 DeepSeek、智谱清言或通义千问。每个服务商都差不多，你需要获取的是一个对应的API_KEY和BASE_URL。
国内的 AI 服务商很多，而且大部分人都赠送了非常慷慨的免费额度，你前期开发阶段完全不用担心 AI 的费用的问题。我们这里已 DeepSeek 为例：
3.1 注册 DeepSeek 账号
首先，登录 DeepSeek，点击【接入 API】，并注册一个 DeepSeek 账号。
3.2 充值获取你的 APIKey
如果你有免费的赠送额度，那么就无需充值。如果没有，你可以充值 10 元获取 500W 的额度（够你花的了...），然后点击 API Keys，获取你的 API_KEY.
3.3 获取环境变量
将你获取的 API_KEY 填入到server/.env中的OPENAI_API_KEY。DeepSeek 的OPENAI_BASE_URL为https://api.deepseek.com。
每个 API 服务商BASE_URL会不一样，你可以查看他们的文档获取。
OPENAI_API_KEY=your_api_key
OPENAI_BASE_URL=https://api.deepseek.com
🎉 恭喜你，你给你的应用接入了AI的能力！现在万事具备，你只需要你发挥你的创意开始编程，让我们来开启你的AI应用的开发吧！