美文网首页
h5和原生app(微信小程序)交互

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

作者: 醉_千年 | 来源:发表于2019-06-22 01: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

    相关文章

      网友评论

          本文标题:h5和原生app(微信小程序)交互

          本文链接:https://www.haomeiwen.com/subject/qufeqctx.html