web-view环境下，H5页面打开其他小程序

原创

已于 2025-03-17 21:18:28 修改 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #小程序

于 2025-01-20 22:43:16 首次发布

在Web-view环境下，H5页面无法直接打开其他小程序。正确的实现方式是先从H5页面跳转回当前小程序，再由当前小程序跳转到目标小程序。具体实现方法如下：

H5页面跳转回小程序时，调用wx.miniProgram.navigateTo()方法。
小程序跳转到其他小程序时，调用wx.navigateToMiniProgram()方法。官方文档中提供了示例代码，其使用较为简单，主要需要传入目标小程序的appid，以及可选参数path（若不传入，则默认跳转到目标小程序的首页）。

在开发过程中，我在小程序中创建了一个专门用于跳转其他小程序的页面。其逻辑是：H5页面携带参数跳转到该新建页面，在页面的onLoad()生命周期函数中调用wx.navigateToMiniProgram()方法。具体代码如下：

JavaScript复制

wx.navigateToMiniProgram({
	appId: option.appid,
	path: `${option.path}?id=${option.id}`,
	success(res) {
		// 跳转成功
	}
})

然而，在真机调试时出现了一个奇怪的问题：第一次调用该方法可以成功跳转到其他小程序，但第二次调用时却无法跳转。经过多次尝试，发现该问题并无明显规律可循。查看调试信息后发现，wx.navigateToMiniProgram方法报错，错误信息为“navigateToMiniProgram:fail can only be invoked by user TAP gesture”，即该方法只能由用户的点击操作触发。

为了解决这一问题，我在onLoad()函数中添加了一个uni.showModal弹窗。当用户点击弹窗中的“确定”按钮时，再调用wx.navigate