微信H5跳转微信小程序 wx-open-launch-weapp
时间: 2024-01-19 08:04:44 浏览: 333
HTML5跳转小程序wx-open-launch-weapp的示例代码
4星 · 用户满意度95%
微信H5跳转微信小程序的方法是使用`wx-open-launch-weapp`标签。该标签需要在微信版本7.0.12及以上以及iOS 10.3及以上或Android 5.0及以上的系统版本中才能正常使用。
要实现微信H5跳转微信小程序,你可以按照以下步骤进行操作:
1. 在需要跳转的页面中,引入微信开放标签的JS文件:
```html
<script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
```
2. 在页面加载完成后,调用`wx.config`方法进行配置:
```javascript
wx.config({
// 配置参数
});
```
3. 在`wx.config`方法的回调函数中,调用`wx-open-launch-weapp`标签进行跳转:
```javascript
wx.ready(function() {
wx.openBusinessView({
businessType: 'wx-open-launch-weapp',
extraData: {
appId: '小程序的AppID',
path: '小程序的路径',
envVersion: '开发版、体验版或正式版'
}
});
});
```
其中,`appId`是要跳转的小程序的AppID,`path`是小程序的路径,`envVersion`是小程序的版本(可以选择开发版、体验版或正式版)。
请注意,为了看到效果,你需要使用开发者工具或在手机真机上进行调试。
阅读全文