小程序与H5相互跳转

我们在写小程序的时候往往会遇见跳转h5页面的情况，下面就来整理一下：

1、小程序跳转h5

小程序跳转h5时，需要用到小程序的web-view，官方文档链接

<view class="page-body">
    <web-view src="https://xxx.com/index.html"></web-view>
</view>

这里需要注意：必须是https的协议。

2、h5跳转小程序

首先引入微信依赖 jweixin-1.3.2.js

<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>

注意：（1）.如果要跳转的小程序路径是tab页就用wx.miniProgram.switchTab

function pageClick()
	{
		wx.miniProgram.switchTab({url: 'pages/index/index'});
	}

（2）、跳转小程序的详情页面就用wx.miniProgram.navigateTo，可以在后面拼接需要的参数。

function pageClick()
	{
		wx.miniProgram.navigateTo({url: 'pages/payments?type=1'});
	}