h5和原生app(微信小程序)交互

2019-06-22  本文已影响0人  醉_千年

一、原理:通过一个类似js桥接来接通原生和h5
1、先注册方法
2、然后再点击按钮调用注册的方法
跟app的交互用 jsbridge,app可以调用js注册给app的方法,js可以通过注册这个方法来
调用app提供的方法
判断当前是在什么环境下打开的h5页面


js1.jpg

连接安卓和h5的js桥接 (固定写法)


js2.jpg
连接ios和h5的js桥接(固定写法)
js3.jpg js4.jpg

页面加载是先调用js桥接方法初始化注册方法的回调,然后再在该方法的回调中注册原生提供的方法(jumpPage),只有注册了原生提供的方法,后面才能调用该方法传参数


js5.jpg

最后在需要的地方安卓调用原生提供的方法就好,ios直接跳转连接,微信小程序可以调用官方提供的api


js6.jpg
上一篇下一篇

猜你喜欢

热点阅读