Hybrid H5线上debug或者提供一个个人灰度的方法

一、一个线上debug H5的方法

  1. 确保你的环境使用docker构建

遇到线上失败的问题时,不论是下载构建产物本地部署。那都不能保证和线上一样的环境。

所以我的方法是

  1. 下载线上镜像,本地部署

  2. 安卓可以打包出一个预览console的生产包

  3. 使用scheme的方式,从浏览器跳转进入app预览页面

处理好跨域问题,域名问题。比如本地在当前网络中设置一个后端服务器接受的跨域的域名。

用 app通过scheme方式跳转进入部署在本地docker中的H5页面

手机接入电脑,使用 chrome的 chrome://inspect 查看设备中打开的web进行预览以及查看console

在非常极端的条件下,可以提供线上debug的功能。

这里的关键在于

1) docker保证了线上环境一致。

本质使用构建产物部署,可能缺失环境变量

2)提供一个入口可以进入

3)提供观察工具

二、也可以是一个灰度环境

同理,由于这种方式可以提供一个入口进入。即使在app中没有公布入口,通过这种方式可以进入。作为一个少部分人提前灰度的方法。

比如预览线上、QA线上回归等。

Mark24

Everything can Mix.