Bootstrap

H5页面跳转小程序的三种方式


前言

实际开发中,小程序和H5往往有很多业务场景需要来回跳转,这里主要介绍三种跳转方式供大家参考。
场景:微信小程序登录有时候需要和公众号进行绑定,获取公众号code和appid传给后台进行绑定


一、web-view标签返回小程序

1.小程序启动页面只写web-view标签跳转到授权页面。

<template>
	<web-view src="https://www.xxx.cn/auth.html"></web-view>
</template>

2.编写auth.html

<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
<script type="text/javascript">
		let url = window.location.href;
		if(url.includes(code)) {
   
			if (wx.miniProgram) {
   
				wx.miniProgram.reLaunch({
   
					url: `/pages
;