一、使用wx.navigateToMiniProgram实现跳转
先在 app.json 中配置以下代码
"navigateToMiniProgramAppIdList": [ "目标小程序的appid1", "目标小程序的appid2" ],
对应 js 的代码如下,详情
wx.navigateToMiniProgram({ appId: '目标小程序的appid', path: '',//空则默认打开另一个小程序的首页 extraData: { name: '帆', id: '4509222222222222' }, envVersion: 'release',// 打开正式版 success(res) { console.log(res) // 打开成功 }, fail: function (err) { console.log(err); }, complete(res){ // 调用结束 不管成功还是失败都执行 } /** * appId:跳转到的小程序app-id * path:打开的页面路径,如果为空则打开首页,path 中 ? 后面的部分会成为 query,在小程序的 App.onLaunch、App.onShow 和 Page.onLoad的回调函数中获取query数据 * extraData:需要传递给目标小程序的数据,目标小程序可在 App.onLaunch、App.onShow 中获取到这份数据 * envVersion:要打开的小程序版本,有效值: develop(开发版),trial(体验版),release(正式版),仅在当前小程序为开发版或体验版时此参数有效,如果当前小程序是正式版,则打开的小程序必定是正式版 */ })
跳转后 另一个小程序的js添加此代码,点击后即可跳转回该小程序。wx.navigateBackMiniProgram({ extraData: { foo: 'bar' }, success(res) { // 返回成功 } })
二、使用navigator(跳转)
官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html
<navigator class="btn" target="miniProgram" open-type="navigate" app-id="目标小程序appid" version="trial">点击跳转另一个小程序</navigator> /** * target:在哪个目标上发生跳转,默认当前小程序,有效值: self(当前小程序),miniProgram(其它小程序) * open-type:跳转方式 “avigate 对应 wx.navigateTo 或 wx.navigateToMiniProgram 的功能” * app-id:跳转到的小程序app-id * version:要打开的小程序版本,有效值: develop(开发版),trial(体验版),release(正式版),仅在当前小程序为开发版或体验版时此参数有效,如果当前小程序是正式版,则打开的小程序必定是正式版 */