HaniBlindBox/docs/前端适配调整/实施检查清单.md
2026-01-03 15:21:36 +08:00

4.5 KiB

前端适配实施检查清单

1. 修改前准备

  • 备份当前前端代码
  • 确认后端 API 已部署并可访问
  • 准备测试账号和测试数据

2. 核心文件修改

2.1 request.js 修改

  • 修改 honey_box/common/request.js
  • 将 POST 请求的 Content-Type 改为 application/json
  • 测试基础请求功能

2.2 接口文件修改

user.js

  • 修改 honey_box/common/server/user.js
  • /userInfo 改为 /user
  • 将 GET 请求改为 POST 请求
// 修改前
export const getUserInfo = async () => {
    const res = await RequestManager.get('/userInfo');
    // ...
}

// 修改后
export const getUserInfo = async () => {
    const res = await RequestManager.post('/user');
    // ...
}

config.js

  • 检查 honey_box/common/server/config.js
  • 确认接口路径正确

mall.js

  • 检查 honey_box/common/server/mall.js
  • 确认接口路径正确

order.js

  • 检查 honey_box/common/server/order.js
  • 确认接口路径正确

userAddress.js

  • 检查 honey_box/common/server/userAddress.js
  • 确认接口路径正确

3. 页面级别检查

3.1 用户模块 (pages/user/)

  • 登录页面 - 微信登录
  • 登录页面 - 手机号登录
  • 用户中心 - 获取用户信息
  • 用户中心 - 更新用户信息
  • 绑定手机号页面
  • VIP 页面

3.2 首页模块 (pages/shouye/)

  • 首页 - 商品列表
  • 商品详情页
  • 抽奖页面
  • 排行榜页面

3.3 商城模块 (pages/mall/)

  • 商城首页
  • 商品详情
  • 购买流程

3.4 福利模块 (pages/infinite/)

  • 签到页面
  • 任务列表
  • 福利屋

3.5 盒柜模块 (pages/hegui/)

  • 仓库首页
  • 回收功能
  • 发货功能
  • 物流查询

3.6 其他页面 (pages/other/)

  • 地址管理
  • 支付页面
  • 订单列表
  • 订单详情

4. 功能测试清单

4.1 用户认证

测试项 预期结果 测试结果 备注
微信登录 返回 token
手机号登录 返回 token
获取用户信息 返回用户数据
更新昵称 更新成功
更新头像 更新成功
绑定手机号 绑定成功

4.2 商品浏览

测试项 预期结果 测试结果 备注
获取商品列表 返回分页数据
获取商品详情 返回详情数据
获取奖品列表 返回奖品数据
获取箱号列表 返回箱号数据
收藏商品 收藏成功
取消收藏 取消成功

4.3 订单流程

测试项 预期结果 测试结果 备注
计算订单金额 返回金额数据
创建订单 返回订单号
获取抽奖结果 返回中奖数据
获取订单列表 返回订单列表
获取订单详情 返回订单详情

4.4 仓库操作

测试项 预期结果 测试结果 备注
获取仓库列表 返回奖品列表
回收奖品 回收成功
发货奖品 发货成功
查看物流 返回物流信息

4.5 优惠券

测试项 预期结果 测试结果 备注
获取优惠券列表 返回优惠券列表
领取优惠券 领取成功
分享优惠券 分享成功
合成优惠券 合成成功

4.6 福利功能

测试项 预期结果 测试结果 备注
获取签到信息 返回签到数据
执行签到 签到成功
获取任务列表 返回任务列表
领取任务奖励 领取成功

5. 错误处理检查

  • 网络错误提示正常
  • 未登录跳转正常
  • 需绑定手机号提示正常
  • 业务错误提示正常

6. 兼容性测试

  • 微信小程序
  • H5 网页版
  • Android APP
  • iOS APP

7. 上线前确认

  • 所有测试用例通过
  • 错误日志无异常
  • 性能无明显下降
  • 用户体验无影响

8. 回滚方案

如果出现问题:

  1. 恢复 request.js 中的 Content-Type
  2. 在后端添加 form-urlencoded 支持
  3. 逐步排查问题接口

9. 问题记录

问题描述 影响范围 解决方案 状态