微信小程序嵌套h5頁面，h5頁面返回小程序，小程序和h5的頁面和交互方法，h5點擊分享小程序頁面

相信大家在做小程序的時候有些需求會需要嵌套h5頁面
正常的h5頁面嵌套很簡單就是一個web-view然后放入h5鏈接就可以了

 <web-view src="http://www.google.cn?id=1&type=2"/>

如果當前的h5頁面需要分享
直接點擊分享是不能調用微信小程序分享的
但是可以點擊后跳轉到小程序頁面從小程序的方法中調用分享

wx.miniProgram.navigateTo({url: "/pages/index/sharePosition/index?id=1&type=2"})

上面的方法是從h5頁面跳轉到小程序頁面
頁面分享從小程序的onShareAppMessage方法分享

onShareAppMessage: function () {
   return {
     title: "Hi~這是我分享的位置，打開鏈接可以導航到這里",
     path: '/pages/map/index?id='+this.data.id,
     success: () => {
       toast.success("轉發成功");
     },
     fail: () => {
       toast.fail("轉發失敗");
     }
   };
})

請注意，直接使用 **wx.miniProgram.navigateTo** 方法是不執行的
這里需要在h5頁面引入微信小程序相關的js才可以

<script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script src="https://cdn.bootcss.com/vConsole/3.3.2/vconsole.min.js"></script>