微信：H5如何返回至小程序

一、引入 weixin-js-sdk

引入版本不能太低，否则不支持，建议不要低于 14 版。

微信 JS-SDK 官方说明文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html

方式一

在需要调用JS接口的页面引入如下JS文件，（支持https）：http://res.wx.qq.com/open/js/jweixin-1.6.0.js

<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js">script>
1

如需进一步提升服务稳定性，当上述资源不可访问时，可改访问：http://res2.wx.qq.com/open/js/jweixin-1.6.0.js （支持https）。

<script src="https://res2.wx.qq.com/open/js/jweixin-1.6.0.js">script>
1

备注：支持使用 AMD/CMD 标准模块加载方法加载

方式二

安装:

npm install weixin-js-sdk
1

使用:

const wx = require('weixin-js-sdk');
1

注意：方式二在官方文档中没有介绍，但官方将此 js 文件发布到 npm 上了，因此可以使用此方法。

NPM 地址：https://www.npmjs.com/package/weixin-js-sdk

二、调用

方法一

关闭当前页面，返回上一页面或多级页面。

官网地址：https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateBack.html

wx.miniProgram.navigateBack()
1

方法二

关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。

官网地址：https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.navigateTo.html

wx.miniProgram.navigateTo({
  url: '/path/to/page'
})
1
2
3

方法三

关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。

官网地址：https://developers.weixin.qq.com/miniprogram/dev/api/route/wx.redirectTo.html

wx.miniProgram.redirectTo({
  url: 'test?id=1'
})
1
2
3

END