微信小程序开发之实现小程序中打开另一个小程序

微信小法式打开另一个小法式，本家儿要有两种方式：1.超链接；2.点击按钮。这两种方式的参数年夜致近似，也略有分歧，其实就跟超链接进行页面跳转和单击事务进行页面跳转一样。这里就具体介绍下这两种跳转的实现方式，并附带利用开辟者东西进行调试的方式。

东西/原料

• 微信开辟者东西

全局设置装备摆设

1. 1

   全局设置装备摆设：

   跳转到其他小法式，需要在当前小法式全局设置装备摆设中设置装备摆设需要跳转的小法式列表,代码如下：

   App.json

   {  

       ...  

       "navigateToMiniProgramAppIdList": [    "wxe5f52902cf4de896"  ]

    }

   

超链接实现跳转到小法式

1. 1

   模板代码编写：

   如图，需要编写跳转小法式专用超链接并设置以下参数

   <navigator target="miniProgram" open-type="navigate" app-id="wxdbcxxxxxxxx985f" path="pages/index/index?goods_id=201" extra-data="{{extraData}}" version="develop" bindsuccess="toMiniProgramSuccess">点击超链接打开绑心猿意马的小法式</navigator>

   
2. 2

   超链接体例相关参数设置申明：

   1. extra-data必需为Object类型，可以在data中界说，然后模板中引用；

   2. version可觉得空，以小法式当前情况为准。若是设置有值，则只在当前小法式为非正式版时有用。若是设置为develop,那么最好先用微信预览最新编译过的需要跳转到的小法式，然后再扫码预览本来的小法式。否则的话跳转到的小法式可能不是最新版；

   3. bindsuccess回调事务在跳转到小法式返回之后触发，wx.navigateToMiniProgram Api则是在跳转同时触发。

   
3. 3

   营业逻辑处置：

   界说跳转小法式当作功回调函数，如图

   toMiniProgramSuccess(res){    

       wx.showToast({      

           title: '经由过程超链接跳转其他小法式当作功返回了'    

       }) 

   }

   

经由过程按钮单击事务实现

1. 1

   界说按钮组件：

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

   
2. 2

   界说跳转到小法式的单击事务，挪用wx.navigateToMiniProgramApi进行处置

   
3. 3

   相关参数申明：

   关于wx.navigateToMiniProgramApi，本家儿要有以下下这些参数

   

方针小法式领受来历小法式传递过来的参数

1. 1

   方针小法式可以在app.js的 App.onLaunch，App.onShow 中获取到这份数据

   
2. 2

   开辟者东西调试被打开的小法式时辰准确的领受参数:

   开辟者东西新建编译模式,先选择进入场景，输入1037就能快速定位到从小法式进入这个选项，然后就会显示设置appid及extraData的输入框

   
3. 3

   输出如下：

   

注重事项

• 尤其要注重extraData的格局，与来历小法式中传递过来的格局都有点纷歧样，请严酷参照下边的代码：{"from":"xxxxx"}
• navigateToMiniProgram Api需要用户本家儿动触发跳转，且在跳转至其他小法式前，将同一增添弹窗，扣问是否跳转，用户确认后才可以跳转其他小法式。若是用户点击打消，则回调 fail cancel；