小程序之间的跳转(带参)

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.extraData

    wx.setStorageSync('foo', foo) //可以先保存起来,方便使用

}

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容