微信小程序「莫为新影」
第 01 章
简介
公司统一账号的移动端入口。用户用微信登录,再用小程序扫码登录电脑端主站、管理后台和接入平台的产品;小程序内可管理已授权应用、登录设备、消息通知和个人数字工牌。
第 02 章
截图
03 张
左起:首页、手机号授权登录、数字工牌(手机号与头像已做隐私处理)
第 03 章 06 条
本人工作
-
独立设计开发微信原生小程序,未使用第三方 UI 组件库;微信“扫一扫”和小程序内扫码两种入口共用同一套扫码事务。
-
跨端扫码登录:网页端生成带一次性票据的小程序码,用户在小程序确认后电脑端完成登录。票据只存哈希、120 秒有效,状态逐步原子推进,过期、取消、重复使用都无法完成登录。同一套流程用于主站、管理端、第三方产品 OAuth 授权和嵌入式登录;嵌入式登录用一次性轮询令牌代替 Cookie,宿主来源须预先登记。
-
小程序后端:微信登录(code2session)、手机号快速验证与账号关联、会话管理、扫码登录小程序码生成,配套限流、审计日志和并发锁,防止并发重复建号;头像昵称修改走后台审核,提交、撤回和审批用行锁保证顺序。
-
账号安全与隐私:登录前须主动同意协议并留存记录,协议升级后须重新同意;查看与撤销已授权应用;登录设备按型号合并显示并可远程注销,新设备登录时在消息中心提醒。
-
数字工牌:WXSS 3D 翻面、随手机倾斜的视差效果、Canvas 生成分享海报;个人 ID 抢注(唯一性校验、平台保留字、不雅词过滤、30 天更换冷却)。
-
编写 96 项小程序逻辑测试,并用微信官方编译器离线检查全部模板和样式。
第 04 章 08 条
技术栈
- 微信原生小程序
- WXML / WXSS
- Canvas 2D
- Node.js
- Fastify
- Prisma
- PostgreSQL
- 微信开放接口