微信小程序携带参数跳转微信小程序/小程序之间的跳转

微信小程序跳转

wx.navigateToMiniProgram
从小A序跳转到小B序

首先介绍一下需要用到的api :wx.navigateToMiniProgram

他的参数们

参数名 是否必填 类型 说明
appId string 要打开的小程序 appId
path string 目标小程序的指定页面,为空的话跳首页
extraData object 需要带给目标小程序的参数
envVersion string 目标小程序的版本 (基本没啥用)
success function 成功回调
fail function 失败回调
complete function 结束回调

在起步小程序中的app.json中需要配置跳转小程序的appid

navigateToMiniProgramAppIdList:[
	'wx巴拉巴拉巴拉巴拉'
	//(在微信公众平台->开发->开发管理->开发设置->开发者ID->AppID(小程序ID)可以找到)
]

目标小程序 可以在app.js中接收起步小程序带过来的参数,官方文档给的是app.onLaunch和app.onshow都能接到参数,但是我的onLaunch不能打印出来,可能我的小程序是个傻的小程序(注意千万是在app.js中,而不是目标页面的js文件,我就吃了这个亏)

小A序(表演跳转)

wx.navigateToMiniProgram({
    
    
    appId:'wxxxxxxxxxxxxx',
    path: 'page/index/index?id=123',
    extraData: {
    
     foo: 'bar' },
    success(res) {
    
    
        // 打开成功
    }
})

小B序(表演接收参数)

onShow(t){
    
    
    let {
    
    foo}=t.referrerInfo.extraDat
    wx.setStorageSync('foo', foo) //可以先保存起来,方便使用
}

关于调试,开发者工具是不能跳转的,不过我们可以真机调试,两个小程序都开始真机调试,在小程序右上角的三个小点点有个打开调试,就能看到log出来的参数了,根据自己习惯吧,展示在页面上也是个好办法。

猜你喜欢

转载自blog.csdn.net/glorious_future/article/details/112204224