


下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
微信⼩程序开发打开另⼀个⼩程序的实现⽅法微信⼩程序打开另⼀个⼩程序,有两种⽅法: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. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 工业自动化与机器人技术的关系
- 工业领域的环保科技创新
- 工作压力下的团队合作挑战与对策
- 工业设计创新与技术美学
- 工业风餐厅空间设计
- 工程中的绿色制造技术探讨
- 工厂自动化设备的保养策略
- 工厂安全生产管理与监控系统
- 工程机械的智能化管理研究
- 工程机械的发展现状及趋势
- 2021年东营市专业技术人员公需科目试题及答案
- 清华版六年级信息技术下册全册教案
- 阿克苏地区国土空间规划(2021年-2035年)
- 2024年工业废水处理工(高级)技能鉴定理论考试题库(浓缩500题)
- 基本公共卫生服务项目村级考核用表
- 山东省枣庄市滕州市2023-2024学年七年级下学期期末数学试题
- 全屋定制板材直播话术脚本范文模版新手直播带货
- 2024家庭医生式服务签约协议书
- 江苏省南师附中2024届高一数学第二学期期末教学质量检测试题含解析
- 教师礼仪与沟通技巧(山东联盟)智慧树知到期末考试答案章节答案2024年潍坊学院
- 产业园企业服务规范及管理办法模板
评论
0/150
提交评论