1、立项原因：“你画我猜” 游戏立项核心解决传统实时互动小游戏的关键问题：用户登录态易失效且无及时跳转、好友列表与游戏状态同步不及时、Socket 通信易异常，同时界面组件管理混乱、样式与功能耦合度高。项目通过统一的 token 校验、Pinia 状态管理、Socket 异常兜底等设计，保障游戏实时交互的流畅性与稳定性。
2、行业场景：项目聚焦休闲娱乐类实时互动小游戏赛道，落地于休闲互动、社交平台引流、企业团建等场景，适配浏览器、小程序等多终端部署。当下轻量级互动小游戏成社交引流核心载体，用户对实时性、登录稳定性要求高，项目通过 Socket 实时传输、组件化架构，满足高频迭代与高流畅性的业务需求。
具体功能模块：核心包含用户身份校验模块、Socket 实时通信模块、用户信息管理模块、路由守卫模块、好友列表同步模块；配套涵盖登录 / 注册路由拦截、token 定时校验、用户信息拉取与更新、Socket 初始化及异常处理、好友列表主动刷新等子模块。
主要功能描述：页面挂载后定时校验用户 token 有效性，非登录 / 注册页若 token 失效则跳转登录；token 有效时拉取用户基础信息（昵称、手机号、头像等）并更新全局状态；初始化 Socket 连接，通过 Socket 实时发送指令刷新好友列表，全程捕获异常并兜底，保障用户登录态与好友数据的实时同步。
具体任务：我负责该核心页面的全量开发，包括 Socket 通信初始化与异常处理、用户 token 定时校验逻辑编写、用户信息拉取 / 更新及全局状态同步，还实现了好友列表实时刷新、路由跳转拦截等核心功能，全程处理接口请求异常与通信兜底逻辑。
技术栈与架构：采用 Vue3+Pinia+Vue Router+Socket.IO+NodeJS+koa+JWT+MongoDB 等技术栈，基于前后端分离架构开发；亮点是通过定时 token 校验保障登录态稳定，Socket 通信封装实现好友列表实时同步，全局状态管理确保数据一致性；难点是解决 Socket 实例初始化时机、跨路由状态同步及异常捕获兜底，避免用户操作中断或数据同步失败。
评论