首页 > 课堂 > 小程序 > 正文

浅谈微信小程序如何跳转到另一个小程序(同时进行参数传递)

2020-03-21 16:16:12
字体:
来源:转载
供稿:网友

微信小程序能正常跳转到另一个小程序的前提是:这两个小程序被同一个微信公众号关联,否则无法跳转。代码如下:

 wx.navigateToMiniProgram({appId: 'xxxxxxxxxxxxxx',path: '',extraData: {  user_id: 111,  store_id: 222,  userName: '张三'},envVersion: 'release',success(res) {  console.log('跳转成功');} })
参数说明请参考官方文档:https://developers.weixin.qq.com/miniprogram/dev/api/navigateToMiniProgram.html注意:这里传递了三个参数,分别是user_id,store_id和userName,接下来要在第二个小程序中获取这三个参数。获取代码写在app.js中的onlunch()函数中,启动的时候就获取,(也可以在onshow()函数中获取)代码如下:
  data: { "user_id": '', "store_id": '', "userName": ''  }, onLaunch: function(options)  {console.log(this.data)console.log(options.referrerInfo.extraData)//启动时获取参数this.data.user_id = options.referrerInfo.extraData.user_id;this.data.store_id = options.referrerInfo.extraData.store_id;this.data.userName = options.referrerInfo.extraData.userName;//将用户id,店铺id,用户名放到缓存中wx.setStorageSync("userinformation", this.data);var u = wx.getStorageSync("userinformation")console.log('22222222' + u.store_id); },

那么,在开发过程中,如何进行调试呢,打开开发者工具,自定义编译条件,然后每次编译当前自定义的编译条件即可。微信小程序,小程序跳转,参数传递

然后编译时选择“商家中心”如上图模式名称,进行编译就可以模拟进行传参调试。注意,模拟编译时有个“启动参数”选项。


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表