Creem.io 接入完整指南（从 0 到收款）
01 注册账号
今天，来注册一下 creem，它的手续费是 3.9% + $0.4，优点如官方所说。
但我认为它对收入还比较少的人来说，最友好的地方在于，不用花钱注册公司，且能在支付宝收款。 虽然刷平台看到好多人说支付宝提现困难，但还是走一圈吧，毕竟，我一直相信，“遇到的问题，总会有答案的”，hah。
并且，多接入一种支付方式呢，用户的支付路径会更顺畅一些。
一起看看，一共分为 3 大部分——创建产品、提交收款审核、支付接入。
02 创建店铺
先创建好店铺。 网址：https://www.creem.io/，登录以后，填写商铺名，我喜欢驼峰式来起，create。
创建产品
1、名称，填写价格名称、价格描述。
2、价格信息填写。
因为我的不是订阅，是一次性支付，所以选择了第一个。 税务类别，选择 SaaS，记住勾选价格含税，消除用户在最终付款时因税费突增而产生的困惑和负面体验，这能极大提升支付转化率和用户信任度，是 SaaS 定价的最佳实践之一了。
效果，最终是这样的，价格没什么可说的。
3、图片暂时不上传。
这个也不选。
4、创建成功。
回到 products，就能看到了。
通常是有多个产品的，右上角 create product，就可以继续创建了。
03 提交申请
提交收款账户的审核
也就是设置收钱。
1、找到 balance。
2、点支付账户。
如果出现了这个，说明在测试环境下，左侧 mode 关闭一下。
然后，就可以创建支付账户了。
3、这个我选择的是个人，我没有注册公司。
4、税务选择中国。
5、网站情况勾选。
6、如实填写信息。
这个说一下，看下网站是否都准备全了？ 其实只要前面认真写了，这个几乎是全过的。
对照清单：https://docs.creem.io/merchant-of-record/account-reviews/account-reviews
邮箱。
简介自己。
产品描述，这个就是需求文档的背景里面的了。
阳光工具，全勾选。
才刚开始。
如实勾选。
我的网站是，非 AI。
7、添加收款账户。
add。
只能选择支付宝了。
姓名那里要用英文，全大写，姓 + 空格 + 名。
填写地址。
添加账户。
然后，就有了支付宝的。
接着，再验证邮箱的。
验证码输完，继续验证。
身份证照片，自从做了流量主，就一直在电脑桌面，比较方便。
人脸验证。
No。
终于验证完了。
这就处于审核中了，明天上午再看看。
审核可以进行着，但测试环境可以先联调。
04 对接creem支付
支付接入
一、准备工作
准备好以下信息，这些后面都要用到。
- API key，
https://www.creem.io/dashboard/developers，在本地环境变量配置一下。
- 产品 ID 们，在产品列表里。
- webhook secret，是用来“验明正身”的共享密钥，防止别人假装成平台给你发回调。
在本地环境，怎么生成 webhook secret？
通过 ngrok（提前下载一下，https://ngrok.com/download/），是一个内网穿透工具。 一句话版解释是，把你本地电脑上跑的服务，临时“暴露”到公网，让别人能通过一个公网网址访问。 常用来调试 Webhook，微信支付、GitHub Webhook、Stripe、飞书/钉钉回调，这些服务必须回调公网地址，ngrok 非常好用。
注册登录一下，然后，https://dashboard.ngrok.com/get-started/your-authtoken，打开这个，有 token。
解压运行，输入 ngrok config add-authtoken 你的token，然后 ngrok http + 你项目的 localhost 端口，会看到这样的信息。
复制这个地址，去 creem 配置 Webhook webhook。
找到这个，开始创建。
名字就用域名 + hook，url 就是刚刚生成的 + /api/webhooks/creem。 事件，因为我的不是订阅，所以只选择一个就够了。
保存以后，点开一下，就看到 sign secret 了。
做完这个，就可以去 supabase 创建 creem 和 webhook 相关表和字段了，这个多和 Claude 沟通下。
它的大致流程是这样的： 用户点击支付按钮 → 跳转到 Creem 支付页面 → 用户输入信用卡完成支付 → Creem 触发 checkout.completed 事件 → 发送到你的 webhook → 你的 webhook 处理这个事件 → 添加 Credits 到用户账户 → 用户被重定向回你的网站。
终于集齐 creem 的龙珠了，环境变量就可以配置下了，如下。
CREEM_API_KEY=creem_test_xx
CREEM_WEBHOOK_SECRET=whsecxxx
CREEM_PRODUCT_SINGLE=prod_xxx
CREEM_PRODUCT_BULK=prod_xxx
二、交给 CC 写代码
那因为之前，我已经集成了 paypal，所以这次在和 C 聊这次 creem 接入支付，说背景的时候，就一定要提到，包括文件结构、核心文件信息，还有本地环境变量、我的表和表结构等等，这个需要根据你的项目来。
然后，在价格页面就有按钮了。
点支付，报错了，让 CC 解决下。
还报错，继续。
成功跳转，https://www.creem.io/test/checkout/prod_xxx
测试信息填一下。
成功了。
webhook，有了。
页面上，积分之前是 6，现在也对了。
完美。
tip
注意，这是测试环境，到线上的时候，产品还需要再加一下，环境变量、webhook 也改一下。
正文到此结束
热门推荐
相关文章
近期评论
-
ws0132613@gmail.comhttps://getmacos.com/gopanel/william smith
-
谢谢
-
https://www.newcmy.com/register?aff=HBVX建议您试试草莓云机场，可以流畅观看youtube和tiktok，上reddit/x也没有问题，还有各种ai优化节点。
-
-
-
想购买您这个站，我的联系方式QQ741756694微信同步 能卖联系
-
-
-
-
Loading...
![[HBLOG]公众号](https://www.harries.blog/img/qrcode_gzh.jpg)
