H5作为移动端应用开发非常灵活和重要的方式,始终面临着终端的性能的瓶颈,而在蚂蚁的移动端开发H5应用开发,有两个核心的诉求,一个是极致用户体验、一个是完善的功能。由于纯粹依赖h5技术,是无法达到,我们将一些必要的交互效果和设备功能用Native来实现,并通过封装将这些功能提供给JS来使用,而这个封装好的接口的集合就是 jsBridge。
在蚂蚁, jsBridge 是这样的:
AlipayJSBridge.call('getNetworkType', function (result) {
console.log(result.networkType);
});
可以看到,容器提供了原生的bridge接口 getNetworkType
,使用的时候只需要通过AlipayJSBridge.call()调用对应接口,并提供回调函数。
当页面在支付宝的App中的时候,我们就直接直接调用jsBridge来调取native的方案。
例如你想要做一个pushwindow
的操作,你可以直接这么来写你的代码
AlipayJSBridge.call('pushWindow', {
url: 'http://www.baidu.com/',
param: {
readTitle: true,
defaultTitle: true,
showToolBar: false
// ...
}
});
通过上面简单得方式你就可以迅速使用功能强大的jsBridge扩展了,所有的bridge见:参考这里