微信小程序开发打开另一个小程序的实现方法3993_第1页
微信小程序开发打开另一个小程序的实现方法3993_第2页
微信小程序开发打开另一个小程序的实现方法3993_第3页
全文预览已结束

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

微信⼩程序开发打开另⼀个⼩程序的实现⽅法微信⼩程序打开另⼀个⼩程序,有两种⽅法: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并不会真实的跳转到另外的⼩程序,但是开发者⼯具会校验本次调⽤

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论