微信小程序开发打开另一个小程序的实现方法

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

<navigator 
 target="miniProgram" 
 open-type="navigate" 
 app-id="wxdbcxxxxxxxx985f" 
 path="pages/index/index" 
 extra-data="{{extraData}}"
 version="develop" 
 bindsuccess="toMiniProgramSuccess">点击超链接打开绑定的小程序</navigator>

data:{
　　extraData: {
　　　　from: '优享新可能nav'
　　}
}
... 
toMiniProgramSuccess(res){
  //从其他小程序返回的时候触发
  wx.showToast({
   title: '通过超链接跳转其他小程序成功返回了'
  })
}

<button bindtap='navigateToMiniProgram'>
点击按钮打开其他小程序
</button>

navigateToMiniProgram(){
  wx.navigateToMiniProgram({
   appId: 'wxdbcxxxxx985f',
   path: 'pages/index/index"htmlcode">

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


输出：

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



开发者工具调试被打开的小程序时候正确的接收参数：
开发者工具新建编译模式：

输出如下：

注意：
1. 先选择进入场景，输入1037就能快速定位到从小程序进入这个选项，然后就会显示设置appid及extraData的输入框；
2. 尤其要注意extraData的格式，与来源小程序中传递过来的格式都有点不一样，请严格参照下边的代码：

{"from":"xxxxx"}

注意事项：
1.navigateToMiniProgram Api需要用户主动触发跳转，且在跳转至其他小程序前，将统一增加弹窗，询问是否跳转，用户确认后才可以跳转其他小程序。如果用户点击取消，则回调fail cancel；
2.每个小程序可跳转的其他小程序数量限制为不超过 10 个；
3.在开发者工具上调用此 API 并不会真实的跳转到另外的小程序，但是开发者工具会校验本次调用跳转是否成功。
4. 开发者工具上支持被跳转的小程序处理接收参数的调试。