300字范文,内容丰富有趣,生活中的好帮手!
300字范文 > 小程序中实现两个或者多个小程序之间互相跳转

小程序中实现两个或者多个小程序之间互相跳转

时间:2024-05-26 16:48:29

相关推荐

小程序中实现两个或者多个小程序之间互相跳转

前言:

小程序中实现两个或者多个小程序之间互相跳转,a小程序带参跳转到b小程序中。

官方入口:wx.navigateToMiniProgram(Object object)

点我https://developers./miniprogram/dev/api/navigate/wx.navigateToMiniProgram.html

实现步骤:

一、配置双方小程序的appid

a小程序:app.json: //数组是其他小程序的appid

"navigateToMiniProgramAppIdList": ["wx344d57363fac..."]

b小程序中: app.json: //数组是其他小程序的appid

"navigateToMiniProgramAppIdList": ["a小程序的appid"]

二、跳转- a小程序中

1、页面标签跳转

<navigator app-id="b小程序的appid"path="/pages/index/index?a=1" //b小程序的打开路径bindsuccess="successFun"//跳转成功以后的回调函数version="develop" //跳转 b小程序的版本号,如果是线上则不需要target="miniProgram" open-type="navigate" extra-data="{{message}}">跳转</navigator>

2、js方法跳转

<button bindtap='goOtherPage'>点我跳转</button>

//跳转到别的小程序goOtherPage:function() {wx.navigateToMiniProgram({appId: 'wx344d57363fac558a',path: '/pages/login/login?a=1',//跳转目标页面+携带参数extraData: {a: '123'//携带参数},envVersion: 'develop',success(res) {// 打开成功debugger}})},

三、接收参数-b小程序中

1、/pages/login/login?a=1 获取 a=1

***在跳转的页面里面,onLoad这个函数里面可以获取到

2、获取extraData

message对象获取需要在小程序B的app.js的onshow或者onlaunch函数里面获取

//login.jsPage({onLaunch: function (e) {let path = e.path //路由 = pages/login/loginlet obj = e.referrerInfolet extraData = obj.extraData //参数let appID= obj.appId//参数},onShow:function(e){let path = e.path //路由 = pages/login/loginlet obj = e.referrerInfolet extraData = obj.extraData //参数let appID= obj.appId//参数let a = extraData.a //拿到我们a小程序传的值了}})

四、测试,最起码也要真机测试才可以

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。