美文网首页
微信小程序中跳转其他微信小程序

微信小程序中跳转其他微信小程序

作者: 扶得一人醉如苏沐晨 | 来源:发表于2022-11-12 09:17 被阅读0次

首先拿到需要跳转的小程序的appId,

方法如下

打开微信电脑版

image.png

选择需要跳转的小程序,右键添加到桌面

image.png

右键桌面图标,点击属性就可以拿到appId了

image.png

拿到appid之后在项目中的app.json文件中配置需要跳转的小程序的appid

 "navigateToMiniProgramAppIdList": [
        "这是需要跳转的小程序的appId"
  ],

方式一

api跳转

wx.navigateToMiniProgram({
     appId: '目标小程序的appid',
     path: '',//空则默认打开另一个小程序的首页
    extraData: {
        name: '勾股OA',
        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(正式版),仅在当前小程序为开发版或体验版时此参数有效,如果当前小程序是正式版,则打开的小程序必定是正式版
     */
})

方式二使用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(正式版),仅在当前小程序为开发版或体验版时此参数有效,如果当前小程序是正式版,则打开的小程序必定是正式版
   */

相关文章

网友评论

      本文标题:微信小程序中跳转其他微信小程序

      本文链接:https://www.haomeiwen.com/subject/uiwztdtx.html