记录下我花了大概一个月开发的交友平台(react+node)

138 阅读1分钟

先上预览地址

cp.png

再说技术栈

  • 前端
  • react18
  • typescript
  • vite
  • 后端
  • koa
  • mongodb
  • 部分功能
  • 微信登录
  • 微信支付
  • 首关领取次数
  • 盲抽/盲取
  • 纸条池列表
  • 我的抽取记录
  • 我的投递记录
  • 用户投递信息
  • 个人会员中心
  • 分享裂变
  • 阿里云oss
  • 微信二维码识别
  • 帮助反馈
  • ......

项目代码目录(font-end and back-end)

image.png image.png

开发过程 (其中也遇到些坑,还是挺艰辛的 哈哈)

  • 微信公众号认证
  • 微信前端SDK和服务端接口接入
  • 微信支付申请接入等(等待审核)
  • 服务器域名购买、审核、备案 (漫长...)
  • 思考前端页面如果布局
  • 思考后端接口有哪些,表(集合)有哪些
  • 接入第三方,如OSS图片存储、正确识别微信二维码等
  • 交互优化、兼容性问题修复
  • 微信支付本地联调还需要内网穿透
  • 想到哪写到哪(第一次),还有....想不起来了,先写到这儿吧

部署(腾讯云服务器)

  • pm2 部署koa后台服务
  • nginx 部署前端静态页面 + 反向代理
  • 路由采取history模式

下篇再写些具体功能吧,或者你们想知道的评论区见...