隐藏

微信小程序跳转到另一个微信小程序的两种方法

发布:2023/7/7 9:06:33作者:管理员 来源:本站 浏览次数:971

首先需要在当前小程序app.json中定义:需要跳转的小程序的app-id


"navigateToMiniProgramAppIdList": [

 "wxab81b7b534c8e4cd"

],



第一种方法:wx.navigateToMiniProgram(打开另一个小程序)


官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/open-api/miniprogram-navigate/wx.navigateToMiniProgram.html



wx.navigateToMiniProgram({

 appId: 'wxab81b7b534c8e4cd',

 path: 'page/index/index?id=123',

 extraData: {

   foo: 'bar'

 },

 envVersion: 'develop',

 success(res) {

   // 打开成功

 },

 fail(res){

   // 打开失败

 },

 complete(res){

   // 调用结束  不管成功还是失败都执行

 }

 /**

  * appId:跳转到的小程序app-id

  * path:打开的页面路径,如果为空则打开首页,path 中 ? 后面的部分会成为 query,在小程序的 App.onLaunch、App.onShow 和 Page.onLoad的回调函数中获取query数据

  * extraData:需要传递给目标小程序的数据,目标小程序可在 App.onLaunch、App.onShow 中获取到这份数据

  * envVersion:要打开的小程序版本,有效值: develop(开发版),trial(体验版),release(正式版),仅在当前小程序为开发版或体验版时此参数有效,如果当前小程序是正式版,则打开的小程序必定是正式版

  */

})




第二种方法:navigator(跳转)


官方文档:https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html



<navigator class="btn" target="miniProgram" open-type="navigate" app-id="wx213c5ba6740c814d" version="trial">点击跳转另一个小程序</navigator>

/**

  * target:在哪个目标上发生跳转,默认当前小程序,有效值: self(当前小程序),miniProgram(其它小程序)

  * open-type:跳转方式 “avigate    对应 wx.navigateTo 或 wx.navigateToMiniProgram 的功能”

  * app-id:跳转到的小程序app-id

  * version:要打开的小程序版本,有效值: develop(开发版),trial(体验版),release(正式版),仅在当前小程序为开发版或体验版时此参数有效,如果当前小程序是正式版,则打开的小程序必定是正式版

  */