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

微信⼩程序开发打开另⼀个⼩程序的实现⽅法微信⼩程序打开另⼀个⼩程序，有两种⽅法：1.超链接；2.点击按钮。全局配置：跳转到其他⼩程序，需要在当前⼩程序全局配置中配置需要跳转的⼩程序列表,代码如下：App.json{..."navigateToMiniProgramAppIdList":["wxe5f52902cf4de896"]}否则会弹出以下错误提⽰：超链接实现跳转到⼩程序：demo.wxml<navigatortarget="miniProgram"open-type="navigate"app-id="wxdbcxxxxxxxx985f"path="pages/index/index?goods_id=201"extra-data="{{extraData}}"version="develop"bindsuccess="toMiniProgramSuccess">点击超链接打开绑定的⼩程序</navigator>demo.jsdata:{extraData:{from:'优享新可能nav'}}...toMiniProgramSuccess(res){//从其他⼩程序返回的时候触发wx.showToast({title:'通过超链接跳转其他⼩程序成功返回了'})}相关参数：属性名类型默认值StringselfString说明target设置为miniProgram，则跳转都其他⼩程序要打开的⼩程序appIdapp-idpathString打开的页⾯路径，如果为空则打开⾸页，可带参数需要传递给⽬标⼩程序的数据，⽬标⼩程序可在App.onLaunch()，App.onShow()中获取到这extra-dataObject份数据。详情要打开的⼩程序版本，有效值develop（开发版），trial（体验版），release（正式版），仅versionrelease在当前⼩程序为开发版或体验版时此参数有效；如果当前⼩程序是正式版，则打开的⼩程序必version定是正式版。bindsuccessString跳转⼩程序成功bindfail属性名String类型默认值说明跳转⼩程序失败跳转⼩程序完成bindcompleteString备注：1.extra-data必须为Object类型，可以在data中定义，然后模板中引⽤；2.version可以为空，以⼩程序当前环境为准。如果设置有值，则只在当前⼩程序为⾮正式版时有效。如果设置为develop,那么最好先⽤微信预览最新编译过的需要跳转到的⼩程序，然后再扫码预览原来的⼩程序。不然的话跳转到的⼩程序可能不是最新版；3.bindsuccess回调事件在跳转到⼩程序返回之后触发，wx.navigateToMiniProgramApi则是在跳转同时触发。通过按钮单击事件实现：demo.wxml<buttonbindtap='navigateToMiniProgram'>点击按钮打开其他⼩程序</button>demo.jsnavigateToMiniProgram(){wx.navigateToMiniProgram({appId:'wxdbcxxxxx985f',path:'pages/index/index?goods_id=201',extraData:{from:'xxxxx'},envVersion:'develop',success(res){//打开其他⼩程序成功同步触发wx.showToast({title:'跳转成功'})}})}相关参数：是否必填属性类型默认值说明appIdstringstring是要打开的⼩程序appIdpath否否打开的页⾯路径，如果为空则打开⾸页需要传递给⽬标⼩程序的数据，⽬标⼩程序可在App.onLaunch，App.onShow中获取到这份数据。extraDataobject要打开的⼩程序版本。仅在当前⼩程序为开发版或体验版时此参数有效。如果当前⼩程envVersionstringrelease否序是正式版，则打开的⼩程序必定是正式版。successfailfunctionfunction否否否接⼝调⽤成功的回调函数接⼝调⽤失败的回调函数completefunction接⼝调⽤结束的回调函数（调⽤成功、失败都会执⾏）⽬标⼩程序接收来源⼩程序传递过来的参数：⽬标⼩程序app.jsApp({onLaunch:function(options){console.log("referrerInfo:::",options.referrerInfo)}...})输出：{"appId":"wxcc41e47562b08129","extraData":{"from":"xxxxx"}}

开发者⼯具调试被打开的⼩程序时候正确的接收参数：开发者⼯具新建编译模式：输出如下：注意：1.先选择进⼊场景，输⼊1037就能快速定位到从⼩程序进⼊这个选项，然后就会显⽰设置appid及extraData的输⼊框；2.尤其要注意extraData的格式，与来源⼩程序中传递过来的格式都有点不⼀样，请严格参照下边的代码：{"from":"xxxxx"}注意事项：1.navigateToMiniProgramApi需要⽤户主动触发跳转，且在跳转⾄其他⼩程序前，将统⼀增加弹窗，询问是否跳转，⽤户确认后才可以跳转其他⼩程序。如果⽤户点击取消，则回调failcancel；2.每个⼩程序可跳转的其他⼩程序数量限制为不超过10个；3.在开发者⼯具上调⽤此API并不会真实的跳转到另外的⼩程序，但是开发者⼯具会校验本次调⽤