封装一个h5跳转微信小程序的方法
时间: 2024-05-07 15:23:21 浏览: 206
可以使用以下代码封装一个H5跳转微信小程序的方法:
```
function gotoMiniProgram(appId, path='', extraData={}, envVersion='release') {
if (typeof wx !== 'undefined' && wx.miniProgram) {
wx.miniProgram.navigateTo({
appId: appId,
path: path,
extraData: extraData,
envVersion: envVersion,
success: function(res) {
console.log('跳转小程序成功', res);
},
fail: function(res) {
console.error('跳转小程序失败', res);
}
});
} else {
console.log('非微信浏览器,无法跳转小程序');
}
}
```
该方法接收4个参数:
- `appId`:必填,要跳转的微信小程序的 AppID。
- `path`:可选,要跳转的小程序页面路径,如果不填则默认跳转到小程序首页。
- `extraData`:可选,要传递给小程序的参数,如 {foo: 'bar'}。
- `envVersion`:可选,要打开的小程序版本,可选值为 'develop'(开发版)、'trial'(体验版)和 'release'(正式版,默认值)。
使用示例:
```
gotoMiniProgram('wx1234567890abcdef', '/pages/detail?id=123', {foo: 'bar'}, 'trial');
```
该方法会在微信浏览器中跳转到指定的小程序,并在控制台打印跳转成功或失败的信息。如果在非微信浏览器中调用该方法,则会在控制台打印“非微信浏览器,无法跳转小程序”的信息。
阅读全文