在 h5 页面嵌入 webview 方法

（一）需求背景：

前端写好的h5页面，需要放到app里面使用。以前也不理解，为什么app的页面不是app的同学开发，ios 安卓等，后来了解如果app的同学开发涉及到app发版，很麻烦，h5 页面直接嵌入app很方便~

（二）h5 页面采用app端方法

在做该页面的时候，涉及到了微信分享，因为要嵌入 app 使用，所以就要调起 app 端的分享方法

分享链接  推荐好友

shareFun () {
      
      // 安卓所需要的名称 shareContentUrl、imgUrl、shareContentTitle、shareContent，这个 
      // 名称要对上，传参类型 安卓要的是 string
      let params = JSON.stringify({
        shareContentUrl: this.shareObj.shareContentUrl,
        imgUrl: this.shareObj.imgUrl,
        shareContentTitle: this.shareObj.shareContentTitle,
        shareContent: this.shareObj.shareContent
      })
      // ios新容器参数 除了命名要对上外，传参类型是 object
      let paramsIos = {
        shareUrl: this.shareObj.shareContentUrl,
        imgUrl: this.shareObj.imgUrl,
        shareTitle: this.shareObj.shareContentTitle,
        shareContent: this.shareObj.shareContent
      }
      // 判断安卓还是 ios 自己封装判断机型方法
      if ( 机型 === 'android') {
        window.ayi.goShare2WX(params) // 安卓webview微信分享方法
      } else {
        // ios 微信分享方法
        window.webkit.messageHandlers.share2WX.postMessage(paramsIos)
      }
    },

以上~all~