请教 native 和 h5 混合开发的问题

[pcatzj]

现在遇到一个问题，某 APP 混杂着 native 和 h5 的页面，但是现在遇到一个问题， h5 和 native 如何保持版本一致？用户如果没有更新 APP ，但是 web 端的界面已经更新了，导致某些功能出现偏差，对于这种问题，有没有什么好的解决办法？

[TimCheng]

现在 APP 里面应该是一个 HTML5 的地址链接吗？

[yangg]

1. 判断 native 是否支持某个接口 ，再决定 h5 的功能及界面
2. 判断版本

[PennyLee]

h5 逻辑要做版本控制的。。

[pcatzj]

@PennyLee 大概的思路呢？因为我不是做 h5 的，所以能不能稍微解释下

[qiayue]

难道不是 HTML5 页面根据 APP 的版本号显示不同的版本吗？

[eclipselu]

lz 可以看下这个 http://lincode.github.io/Rexxar-OpenSource

[PennyLee]

@pcatzj

1. h5 里面获取 native 版本
2. 针对不同版本写不同逻辑

[pcatzj]

@PennyLee
@qiayue
是吧，应该是这样吧，我也觉得应该是这样，可是他们竟然想到了版本不对就强制更新的招！！！

[pcatzj]

@yangg 就是和楼下说的差不多，根据 native 的版本控制逻辑？

[pcatzj]

@TimCheng ？？？就是 webview 加载一个个网页

[pcatzj]

@eclipselu 收藏了，但是现在要部署这个框架，估计够呛，毕竟。。。额。。。大概你懂？

[yyy]

我们的做法是，根据 APP 的版本， HTML5 也有对应的版本

[TimCheng]

@pcatzj 首先如果是 Web 端更新的话，在 Webview 中一定会更新的。但是因为更新完之后造成样式或者功能的偏差，这个只能用 Native 调整。 Native 是基础，不然 Web 写的再好也是白瞎！

[pcatzj]

@yyy 那就有多套 HTML 代码？

[pcatzj]

@TimCheng 怎么调整呢？

[wobuhuicode]

版本控制肯定要啊！
我的做法： H5 的静态资源由 native 请求，并且插入。

[pcatzj]

@wobuhuicode 这听着有点复杂啊，但是关键的是功能啊，功能的差异才是最想要规避的。在功能入口加入版本判断如何？

[yyy]

@pcatzj 用 git 管理版本比如 2.0.0 、 3.0.0 。因为你要考虑一个问题：旧版本的 APP 不支持一些接口的时候，你不把 HTML5 划分一个版本的话，兼容性怎么解决？如果显式判断版本号，将来维护起来会不会很麻烦？所以现在都分版本。

[wobuhuicode]

@pcatzj
1.页面的内容都是由 JS 生成（采用了 react/vue ）
2.页面和后台采用全 AJAX 通信
这两步就解放了 HTML ！版本号只需在静态文件下手就好了。
3. APP 打包的时候把静态文件打包进去
4. APP 端请求页面(页面内是不引入 js/css/image)，自己插入静态文件(css/js)
这两步保证了静态文件的引入控制，也避免了大块静态文件在使用的时候才下载。
5. 设置一个时间点去让 APP 请求服务器更新对应 APP 版本的静态文件。

[pcatzj]

@yyy 但是应用怎么获取 git 分支代码？