微信小程序和H5之间相互跳转

1.微信小程序跳转小程序 wx.navigateToMiniProgram

<script src='https://res.wx.qq.com/open/js/jweixin-1.3.0.js'></script>

navigateToMiniProgram(mAppId)
{
　　wx.navigateToMiniProgram({
　　　　appId: mAppId,
　　　　path: 'page/index/index?id=123',
　　　　extraData: {
　　　　　　foo: 'bar'
　　　　},
　　　　envVersion: 'release',
　　　　success(res) {
　　　　// 打开成功
　　　　ret_handler(res);
　　　　},
　　　　fail(res) {
　　　　}
　　})
},

2.h5跳转到小程序wx.miniProgram.navigateTo

<script src='https://res.wx.qq.com/open/js/jweixin-1.3.0.js'></script>

// 点击立即体验跳转到小程序（如果要跳转的小程序路径是tab页就用wx.miniProgram.switchTab，否则无效）

$('.experience').click(function () {

　　wx.miniProgram.navigateTo({

　　　　url: '/pages/index/index',

　　});

})

3.小程序里打开h5页面（webview）

　　小程序里代码：　　　　

　　　　<web-view src='{{url}}'></web-view>

　　　　

　　let token = encodeURI(wx.getStorageSync('token'));

　　let openid = encodeURI(wx.getStorageSync('userinfo').openid);

　　that.setData({

　　　　url: pageUrl + '?token=' + token + '&openid=' + openid,

　　})

 

　　h5代码：

　　　　

　　　function getQueryString(name) {

                var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");

                var r = window.location.search.substr(1).match(reg);

                if (r != null) {

                    return decodeURIComponent(r[2]);

                }

                return null;

            }

            let token = getQueryString("token") || "";

            let openid = getQueryString("openid") || "";