更多集成:邮件、支付宝、Stripe
网站要发邮件、要收钱,就得用到别人家的服务:发信用 Resend,收人民币用支付宝,收外币用 Stripe。这些服务都要一把密钥才能用,而密钥只能由你本人去申请——它决定「钱打给谁」「用谁的额度发信」,服务商只认账号主人自己操作。
Creght 把这件事做成了「集成」:你去服务商那边拿一次密钥,填进编辑器,之后跟 AI 说一句话,它就能把功能接起来,而且写出的代码里一个密钥都不会出现。
这篇文章讲三件事:现在支持哪些集成、每个能做到什么、接好之后该怎么跟 AI 提要求。
现在支持哪些
| 集成 | 能做到什么 | 钥匙去哪拿 |
|---|---|---|
| Resend(邮件) | 给用户发邮件、发登录/注册用的验证码、表单提交后通知你自己 | resend.com,需要一个你自己的域名用来发信 |
| 支付宝(收款) | 电脑网站支付:用户扫码付款,到账后网站自动发货或开通权限 | 支付宝开放平台,需要企业认证账号 |
| Stripe(收款) | 收信用卡、Apple Pay 等,面向海外用户;支持多币种、可退款 | Stripe 后台,需要 Stripe 支持的国家/地区的账号 |
三个集成的用法完全一样,都是这三步:
- 到服务商那边拿密钥
- 填进编辑器的后端 → 集成(点「添加应用」选一个)
- 回到编辑器跟 AI 说一句话,它把页面和逻辑接起来
保存的时候 Creght 会真的调用一次服务商来验证你填的东西对不对。填错当场就报错,不用等到有客户付款或者有人收不到邮件才发现。
邮件:Resend
接好之后,网站能做这些事:
- 用户注册、找回密码时收到验证码(有效期、错误次数限制、防刷都由平台管好了)
- 下单、预约、提交表单之后,给用户发一封确认邮件
- 有人提交联系表单时,通知你自己
需要准备的是:一个 Resend 账号,以及一个你自己的域名——发信地址必须是这个域名下的(例如 hello@yourdomain.com),而且要在 Resend 里验证过。用免费邮箱(QQ、Gmail)当发件地址是不行的,这是所有发信服务的规矩。
填完保存后,跟 AI 这样说:
我已经配好邮件集成了,帮我给注册流程加上邮箱验证码。
说得越具体越好,比如把「什么时候发、发给谁、内容写什么」一起讲清楚:
我已经配好邮件集成了。用户在预约页面提交之后,给他发一封确认邮件,写清楚预约的时间和项目;同时给我的邮箱 me@example.com 发一封通知。
收人民币:支付宝
接好之后,网站能做这些事:用户点「购买」→ 生成订单 → 跳到支付宝付款 → 付完之后网站自动标记已付款、发货或开通权限。
支付宝这一步要拿的东西比较多(APPID、两串密钥、收款账号 PID),而且名字都很像、很容易填错,所以单独写了一篇图文教程:接入支付宝收款。接支付宝请直接看那一篇,这里不重复。
填完之后跟 AI 说:
我已经集成了支付宝,帮我在课程详情页加一个「立即购买」按钮。付款成功后显示购买成功,并且我能在后台看到所有订单。
收外币:Stripe
面向海外用户收款用 Stripe:支持信用卡、Apple Pay、Google Pay 等,用户在 Stripe 托管的收银台页面上付款,付完跳回你的网站。
要拿的东西比支付宝少很多:
- 登录 Stripe 后台 → Developers → API keys,复制 Secret key。测试阶段用
sk_test_开头的那把,正式收钱用sk_live_开头的。注意不要复制 Publishable key。 - 填进编辑器的后端 → 集成 → Stripe,同时勾选「正式模式」——这个勾必须和密钥对上:用
sk_live_就勾上,用sk_test_就不勾,不一致保存时会直接报错。 - 填上付款成功和取消之后跳回的页面地址(可以先随便填一个你网站上的页面,之后让 AI 改)。
还有一项「Webhook 签名密钥」先留空。它要等网站发布出去、有了正式地址之后才能创建,所以顺序是:先保存集成 → 让 AI 写好代码 → 发布网站 → 回到 Stripe 后台创建 Webhook → 把密钥补填回来。AI 会告诉你该填哪个地址。
然后跟 AI 说:
我已经集成了 Stripe,帮我给这个产品加一个购买按钮,价格 29 美元。付款成功后给用户开通下载权限。
付款方式不止一种时,也可以让它两边都接上:
我已经同时配好了支付宝和 Stripe。购买页面上给用户两个按钮:「支付宝支付」和「信用卡支付」,走各自的流程,订单记在同一张表里。
怎么跟 AI 提要求效果最好
一句「帮我接支付」也能用,但下面三件事说清楚,AI 少问你几轮:
- 先说「我已经配好了 X 集成」。这句话很重要——不说的话 AI 可能会以为你没配,转而写一套要你自己填密钥的代码。
- 说清楚卖什么、多少钱、付完给什么。例如「课程 199 元,付完能看视频」比「加个支付」好得多。
- 说清楚从哪个页面开始。例如「课程详情页的这个按钮」。
如果 AI 写出来的代码不对劲(比如它去让你填环境变量、或者代码里出现了密钥),把对应的开发文档链接发给它,它会照着改:
| 集成 | 发给 AI 的链接 |
|---|---|
| 邮件 | 使用集成发送邮件与验证码 |
| 支付宝 | 使用集成接入支付宝支付 |
| Stripe | 使用集成接入 Stripe 支付 |
这几篇是写给开发者和 AI 看的代码文档,你自己不需要读,直接把链接贴给 AI 就行。
AI 写完之后,确认这几点
涉及收钱的功能,这三条是安全底线。AI 默认会处理,你也可以直接问它确认:
- 价格由服务端的商品数据决定,不能由浏览器传上来——否则等于让顾客自己定价。
- 只有服务商确认过的付款才算数,用户跳回页面本身不算凭据。
- 同一笔订单的通知会重复到达,发货或开通权限要做到重复也只生效一次。
另外,改完和支付、邮件有关的代码一定要重新发布网站。服务商的回调只会发到已发布的正式域名,预览域名收不到。
常见问题
密钥会泄漏吗?不会。密钥只保存在服务端,实际调用由平台完成,网站代码、运行日志和浏览器都拿不到它。收款类集成更严格:平台不允许把收款密钥暴露给代码,所以 AI 写出来的代码里也看不到。
可以只接其中一个吗?可以,三个互不依赖,用到哪个接哪个。
同一种服务能接两份吗?可以。比如两个支付宝收款账号、两个 Stripe 账号,添加两份集成、给它们不同的渠道 tag,然后告诉 AI 哪个页面用哪个 tag。注意收款类集成的同一个 tag 不能标在两份配置上——那会报错,因为订单和收款账号必须一一对应。
不接集成能做支付吗?技术上可以:在后端 → 环境变量里自己配密钥,让 AI 用它写代码。但那样密钥会出现在代码能读到的地方,而且签名、验签这些容易出错的部分要 AI 自己实现,写错了不会报错、只是不安全。能用集成就用集成。
还会支持更多吗?会。编辑器的「后端 → 集成 → 添加应用」里列出的就是当前全部可用的,以那里为准。
