Mark24
记录灵感、技术、思考
Hybrid H5线上debug或者提供一个个人灰度的方法
一、一个线上debug H5的方法
- 确保你的环境使用docker构建
遇到线上失败的问题时,不论是下载构建产物本地部署。那都不能保证和线上一样的环境。
所以我的方法是
-
下载线上镜像,本地部署
-
安卓可以打包出一个预览
console
的生产包 -
使用scheme的方式,从浏览器跳转进入app预览页面
处理好跨域问题,域名问题。比如本地在当前网络中设置一个后端服务器接受的跨域的域名。
用 app通过scheme方式跳转进入部署在本地docker
中的H5页面
手机接入电脑,使用 chrome的 chrome://inspect
查看设备中打开的web进行预览以及查看console
在非常极端的条件下,可以提供线上debug的功能。
这里的关键在于
1) docker
保证了线上环境一致。
本质使用构建产物部署,可能缺失环境变量
2)提供一个入口可以进入
3)提供观察工具
二、也可以是一个灰度环境
同理,由于这种方式可以提供一个入口进入。即使在app中没有公布入口,通过这种方式可以进入。作为一个少部分人提前灰度的方法。
比如预览线上、QA线上回归等。