方法一 、wx.navigateToMiniProgram API实现 官方文档
wx.navigateToMiniProgram({
appId: '',//要打开的小程序 appId
path: 'page/index/index?id=123',//打开的页面路径,如果为空则打开首页。
extraData: {//需要传递给目标小程序的数据
foo: 'bar'
},
//develop 开发版; trial 体验版; release 正式版
envVersion: 'develop',//要打开的小程序版本。仅在当前小程序为开发版或体验版时此参数有效。如果当前小程序是正式版,则打开的小程序必定是正式版。
success(res) {
// 打开成功
}
})
从 2.3.0 版本开始,若用户未点击小程序页面任意位置,则开发者将无法调用此接口自动跳转至其他小程序。
从 2.3.0 版本开始,在跳转至其他小程序前,将统一增加弹窗,询问是否跳转,用户确认后才可以跳转其他小程序。如果用户点击取消,则回调fail cancel
。
方法二 、<navigator> 组件实现 官方文档
<navigator target="miniProgram" open-type='navigate' app-id="wx*****" path="pages/index/index" extra-data="" version="release">打开另一个小程序</navigator>
//open-type:跳转方式;值为navigate对应wx.navigateToMiniProgram的功能
//target:在哪个目标上发生跳转,默认当前小程序;默认值self
//app-id:当target="miniProgram"时有效,要打开的小程序 appId
//path:当target="miniProgram"时有效,打开的页面路径,如果为空则打开首页
//extra-data:当target="miniProgram"时有效,需要传递给目标小程序的数据
//version:当target="miniProgram"时有效,要打开的小程序版本;develop 开发版、 trial 体验版、 release 正式版。
注意:
每个小程序可跳转的其他小程序数量限制为不超过 10 个 ,开发者提交新版小程序代码时,如使用了跳转其他小程序功能,则需要在代码配置中声明将要跳转的小程序名单,限定不超过 10 个,否则将无法通过审核。该名单可在发布新版时更新,不支持动态修改。
App.json配置
"navigateToMiniProgramAppIdList": [
"小程序appid",
"小程序appid",
"小程序appid"
]
例子 跳转到京东小程序 查看其它小程序appid
.wxml
<!-- 方法一 -->
<button bindtap="toSkip">打开另一个小程序</button>
<!-- 方法二 -->
<navigator target="miniProgram" open-type='navigate' app-id="wx91d27dbf599dff74" version="release">打开另一个小程序</navigator>
.js
Page({
data: {},
/**
* 方法一
*/
toSkip: function() {
wx.navigateToMiniProgram({
appId: 'wx91d27dbf599dff74',
extraData: {},
envVersion: 'release',
success(res) {
console.log('跳转成功');
}
})
},
})
app.json
"navigateToMiniProgramAppIdList": [
"wx91d27dbf599dff74"
]
网友评论