先上预览地址
再说技术栈
- 前端
- react18
- typescript
- vite
- 后端
- koa
- mongodb
- 部分功能
- 微信登录
- 微信支付
- 首关领取次数
- 盲抽/盲取
- 纸条池列表
- 我的抽取记录
- 我的投递记录
- 用户投递信息
- 个人会员中心
- 分享裂变
- 阿里云oss
- 微信二维码识别
- 帮助反馈
- ......
项目代码目录(font-end and back-end)
开发过程 (其中也遇到些坑,还是挺艰辛的 哈哈)
- 微信公众号认证
- 微信前端SDK和服务端接口接入
- 微信支付申请接入等(等待审核)
- 服务器域名购买、审核、备案 (漫长...)
- 思考前端页面如果布局
- 思考后端接口有哪些,表(集合)有哪些
- 接入第三方,如OSS图片存储、正确识别微信二维码等
- 交互优化、兼容性问题修复
- 微信支付本地联调还需要内网穿透
- 想到哪写到哪(第一次),还有....想不起来了,先写到这儿吧
部署(腾讯云服务器)
- pm2 部署koa后台服务
- nginx 部署前端静态页面 + 反向代理
- 路由采取history模式