小程序与移动端页面实现互通跳转

需求体现：
需求，在小程序里面，点击查看用户签订的协议，跳转到协议详情页，刚好协议详情页在另一个H5项目的已经有，所以就想直接跳转过去，不必再重复开发小程序版本的模块

实现H5页面跳转
小程序里面加载H5页面，需要嵌在web-view里面，注意：一个项目只能有一个。 例如：在小程序里面打开百度网页 在小程序项目里面src/pages/新建一个webview的文件夹，含有wxml/wxss/json/js

wxml：

js：在onLoad里面获取到url这个参数，然后赋值给data，这样在wxml里面就能取到src的值。

Page({

data: {

    url: '',

},

onLoad: function (param) {

    this.setData({

        url: decodeURIComponent(param.url),

    })

}

});

json/wxss可以是空文件
在小程序的页面跳转到H5页面的写法

wx.navigateTo({

url: '../webview/index?url=https://www.baidu.com/'

});

H5页面返回小程序
从H5页面返回小程序页面，需要使用微信SDK提供的跳转方法。

window.wx.miniProgram.navigateTo({

url: `/page/account/index`,

});

使用