H5内嵌APP跳转以及调用原生APP方法

H5内嵌App进入指定原生App页面

1）使用 URL Scheme 格式为 [scheme] : //[host]/[path]?[query]。
App内配置唤起分享QQ、微信的链接

  *myschem是App开发者进行配置,H5端跳转即可
  <a href="myschem://share_qq"> 
  <a href="myschem://share_weixin">
  
  /** 携带参数 **/
  <a href="myschem://share_qq?title=分享到QQ好友&desc=快来看看吧~">  

2）调用App方法

需要注意的点 其中 share 就是App开发者定义好的方法 postMessage('传递到App的参数')

  H5调用App方法（IOS）

  window.webkit.messageHandlers.share.postMessage('传递到App的参数');

  /** 携带参数 **/
  var query = {
    title:'分享到好友',
    desc:'快来看看吧'
  }
  window.webkit.messageHandlers.share.postMessage(JSON.stringify(query));

  ----------分割线----------

  H5调用App方法（Android）

  window.android['share']('传递到App的参数');

  /** 携带参数 **/
  var query = {
    title:'分享到好友',
    desc:'快来看看吧'
  }
  window.android['share'](JSON.stringify(query));

补充

App需调用H5内的方法（Vue框架）

例如：获取H5内的用户信息

  mounted() {
    window.getUser = () => {
      //调用vue methods内的方法获取
      this.getInfo()
    }
  }

  methods() {
    getInfo() {
      return 'My name is 花花'
    }
  }

__EOF__

本文作者：不在沉默着爆发，就在沉默中消亡
本文链接：https://www.cnblogs.com/Hekiss/p/17072748.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！