微信小程序--打开另一个小程序

一：前言

       微信小程序打开另一个小程序，有两种方法：1.超链接--wx.navigateToMiniProgram()；2.点击按钮。

---

二、超链接/微信自带调转

        微信小程序能正常跳转到另一个小程序的前提是：这两个小程序被同一个微信公众号关联，否则无法跳转。代码如下：

wx.navigateToMiniProgram({
   appId: 'wxdbcxxxxx985f',   //  要打开的小程序 appId
   path: 'pages/index/index?goods_id=201',    //打开的页面路径，如果为空则打开首页
   extraData: {
     from: 'xxxxx'    //需要传递给目标小程序的数据，目标小程序可在 App.onLaunch，App.onShow 中获取到这份数据
   },
   envVersion: 'develop',    //要打开的小程序版本。仅在当前小程序为开发版或体验版时此参数有效。如果当前小程序是正式版，则打开的小程序必定是正式版。
   success(res) {
     // 打开其他小程序成功同步触发
     wx.showToast({
        title: '跳转成功'
     })
   }
})

相关参数：

属性	类型	默认值	是否必填	说明
appId	string		是	要打开的小程序 appId
path	string		否	打开的页面路径，如果为空则打开首页
extraData	object		否	需要传递给目标小程序的数据，目标小程序可在 App.onLaunch，App.onShow 中获取到这份数据。
envVersion	string	release	否	要打开的小程序版本。仅在当前小程序为开发版或体验版时此参数有效。如果当前小程序是正式版，则打开的小程序必定是正式版。
success	function		否	接口调用成功的回调函数
fail	function		否	接口调用失败的回调函数
complete	function		否	接口调用结束的回调函数（调用成功、失败都会执行）

目标小程序接收来源小程序传递过来的参数：

App({
  onLaunch: function (options) {
    console.log("referrerInfo:::", options.referrerInfo)
  }
    ...
})

输出：

    {"appId":"wxcc41e47562b08129","extraData":{"from":"xxxxx"}}

开发者工具调试被打开的小程序时候正确的接收参数：

        开发者工具新建编译模式：

输出：

---

注意：

1. 先选择进入场景，输入1037就能快速定位到从小程序进入这个选项，然后就会显示设置appid及extraData的输入框；

2. 尤其要注意extraData的格式，与来源小程序中传递过来的格式都有点不一样，请严格参照下边的代码：

注意事项：

1. navigateToMiniProgram Api需要用户主动触发跳转，且在跳转至其他小程序前，将统一增加弹窗，询问是否跳转，用户确认后才可以跳转其他小程序。如果用户点击取消，则回调 fail cancel；

2. 每个小程序可跳转的其他小程序数量限制为不超过 10 个；

3. 在开发者工具上调用此 API 并不会真实的跳转到另外的小程序，但是开发者工具会校验本次调用跳转是否成功。

4. 开发者工具上支持被跳转的小程序处理接收参数的调试。

 

---

三、全局配置：

     3.1、跳转到其他小程序，需要在当前小程序全局配置中配置需要跳转的小程序列表,代码如下：

          App.json   ---   最多能配置10个

{
  ...
  "navigateToMiniProgramAppIdList": [
    "wxe5f52902cf4de896"
  ]
}

         否则会弹出以下错误提示：

   

---

四、使用方法

      使用wx.navigateToMiniProgram ()打开 。

      如果你打开之后想返回之前的小程序 使用 wx.navigateBackMiniProgram（）返回之前小程序

     注意：返回到上一个小程序。只有在当前小程序是被其他小程序打开时可以调用成功