consumer模块完成度95%,优化安卓端界面和小程序测试

This commit is contained in:
cyh666666
2026-03-11 17:17:32 +08:00
parent 5517c93666
commit 77f9968d18
622 changed files with 3100 additions and 1995 deletions

View File

@@ -72,5 +72,48 @@
* **日志记录**:接入 **Sentry****阿里云日志服务**,记录生产环境中的所有前端报错(尤其是支付环节)。
* **压力测试**:上线前需进行接口压力测试,确保在促销活动期间数据库连接数不会爆满。
---
## 6. 无真机调试指南 (iOS & 鸿蒙调试方案)
针对您目前没有 iOS 和鸿蒙HarmonyOS Next实机的情况请务必执行以下**模拟调试流程**,以确保上线后 90% 以上的兼容性。
### A. iOS (苹果) 远程与模拟调试
1. **微信开发者工具“模拟器” (最简便)**:
* 在工具底部左侧选择 `iPhone 13/14 Pro`
* **重点检查**: 底部 Tabbar 是否被 iPhone 的 Home Indicator (底部黑条) 遮挡。如果是,请在 CSS 中使用 `padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);`
2. **Chrome 浏览器 iOS 仿真 (针对 H5 端)**:
* 将项目运行为 H5开启 Chrome Console (F12)。
* 选择 `iPhone` 设备仿真,手动测试 `v-if` 在不同屏幕高度下的布局抖动。
3. **免费云真机调试 (推荐)**:
* **腾讯云 WeTest / 阿里云移动测试**: 注册后通常有免费试用额度(如 30-60 分钟)。
* **操作**: 上传打包好的 APK (Android) 或在微信内测环境下选择 iOS 云真机,远程控制真机屏幕进行滑屏测试。
### B. 鸿蒙 (HarmonyOS Next) 深度兼容
由于鸿蒙系统现在进入了“纯血”阶段,与 Android 差异变大:
1. **华为开发者联盟“云调试” (官方推荐)**:
* **访问**: [华为远程真机调试](https://developer.huawei.com/consumer/cn/service/jsservicestu/appdebug.html)。
* **步骤**:
1. 注册并完成实名认证。
2. 选择“远程真机”。
3. 申请免费使用的 **Mate 60 / Pura 70 (HarmonyOS Next 预览版)**
* **调试重点**: 鸿蒙系统对 Webview 的内核限制较多,务必通过云真机测试“结算页”和“支付弹窗”是否能正常拉起。
2. **DevEco Studio 远程模拟器**:
* 安装华为官开发的 IDE `DevEco Studio`
* 使用内置的 `Device Manager` 启动 `Remote Emulator`。这比本地模拟器对电脑配置要求低,且渲染效果最接近真机。
### C. 关键代码兼容性“避坑”建议 (无真机必做)
* **日期处理**: 严禁使用 `new Date("2024-03-10")`,在 iOS 上会返回 `Invalid Date`。**必须**统一替换为 `new Date("2024/03/10")``new Date(2024, 2, 10)`
* **图片显示**: iOS 微信小程序对 WebP 格式支持有限,生产环境生产建议优先使用 **JPG/PNG** 或确保 CDN 开启了自适应转换。
* **输入框**: iOS 下 `input``focus` 自动拉起键盘可能会造成页面整体上移或错位,务必通过云真机确认“下单备注”等输入区域。
---
## 7. 微信小程序上线必改项 (Final Checklist)
1. **正式 AppID**: 修改 `manifest.json` 中的 `mp-weixin.appid` 为正式 ID。
2. **域名白名单**: 在微信后台添加 Supabase API 域名、图片 CDN 域名、物流查询域名。
3. **用户隐私政策**: 获取头像、位置等接口前,必须在微信后台配置隐私协议,且在 App 内部提供可见入口。
4. **打包优化**: 检查 `unpackage/dist/build/mp-weixin` 的大小,如超过 2MB必须启用“分包加载”。
---
*生成日期2026-03-10*