78 lines
3.5 KiB
Markdown
78 lines
3.5 KiB
Markdown
# StickerShow
|
||
Sticker.Show 代码，仅限哥飞的朋友们社群成员使用
|
||
|
||
### 1. 右上角 Fork 本项目到你自己的 github 仓库
|
||
|
||
### 2. Clone你自己的仓库代码到本地
|
||
|
||
```bash
|
||
git clone (your git url)
|
||
```
|
||
|
||
### 3. 安装依赖
|
||
|
||
```bash
|
||
cd StickerShow && yarn
|
||
#or
|
||
cd StickerShow && npm install
|
||
#or
|
||
cd StickerShow && pnpm install
|
||
```
|
||
|
||
### 4. 复制 .env.example 重命名为 .env.local
|
||
|
||
修改.env.local其中的配置为你项目的配置，生产环境配置在 .env.production
|
||
|
||
### 5. 额外的配置
|
||
|
||
1) 谷歌登录认证配置 👉 [Google-Auth-Help](https://github.com/SoraWebui/SoraWebui/blob/login/help/Google-Auth.md)
|
||
2) 数据库配置 👉 Any PostgreSQL
|
||
3) 目录 /sql 下有需要的数据表，创建数据库并执行这些SQL创建数据表
|
||
4) R2的配置，为了存储生成的图片，需要去 Cloudflare 后台创建 bucket 后进行配置。项目用到了图像转换功能，通过URL来压缩图片，这个需要在 Cloudflare 的 「图像」->「转换」这里面针对具体的域名开启
|
||
5) Stripe 价格配置在 src/configs/stripeConfig.ts ，里面具体的的配置项需要你从 stripe 后台获取。
|
||
6) 对接 stripe 支付参考的是该项目👉 https://github.com/vercel/nextjs-subscription-payments
|
||
上边这个支付项目能单独运行，但它用的 supabase，当前项目是已经改成了支持任何 PostgreSQL 数据库的代码
|
||
|
||
### 6. 运行
|
||
|
||
```bash
|
||
yarn dev
|
||
#or
|
||
npm run dev
|
||
#or
|
||
pnpm dev
|
||
```
|
||
|
||
### 7. 在浏览器打开 [http://localhost](http://localhost)
|
||
|
||
|
||
## 注意！！！
|
||
### 1. 贴纸生成结果是通过接收 replicate 的回调，于是本地调试的时候，需要将 REPLICATE_WEBHOOK 这个配置成公网URL，可以配置 [ngrok](https://ngrok.com/) 来接收结果，本地就能处理生成的图片了
|
||
|
||
类似配置成：https://0123-153-121-77-112.ngrok-free.app，这个是需要你本地运行 ngrok 与 其云端服务对上后生成的，直接用这个是不会通的哈
|
||
|
||
线上时，REPLICATE_WEBHOOK 这个配置为你的线上域名就可以
|
||
|
||
### 2. 项目用到 vercel 的定时任务来将贴纸文本翻译为其他语言，线上版本时会生效，配置在 vercel.json 这个文件，设置的一分钟运行一次，免费账户有限制(应该是只能一天调用一次)，查看 vercel 的文档 https://vercel.com/docs/cron-jobs
|
||
|
||
当然，你可以删除 vercel.json 这个文件，那样就不会触发定时任务了。你可以采用别的方式来调用接口触发定时任务，比如你自己的服务器运行一个脚本定时调用接口来翻译
|
||
|
||
### 3. stripe 不激活的账号就是测试模式，就可以本地调通支付流程；对接支付参考的是这个项目👉 https://github.com/vercel/nextjs-subscription-payments
|
||
|
||
### 4. 最重要的是熟悉代码且会改代码，本项目对接 stripe 支付只是简易版本对接，各种边界条件没有考虑到。
|
||
|
||
比如本项目是支付后就无限制使用，没有对某个价格订阅的次数做限制，比如用户重复订阅的判断等等，这些需要你自己去完善。
|
||
|
||
每个人想给订阅增加的限制，无法做到通用配置，需要你自己去研究代码该怎么添加。
|
||
|
||
目前配置的是1个月付，1个年付，多个价格也可以，只是界面样式你得自己调整一下。
|
||
|
||
### 5. 本项目现有代码是能够跑通全流程的，只需将所有配置都做好。
|
||
配置项有点多，需要细心点去进行相关配置，不要遗漏。
|
||
|
||
如果上线的话，还需要配置stripe的webhook等配置。
|
||
|
||
|
||
## 有任何疑问联系 Wechat: GeFei55
|
||
|