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 花花'
    }
  }