微信小程序跳转微信小程序,使用微信开发者工具的测试记录

  • A小程序 跳转 B小程序
  • 编写A小程序代码
  • 参数解释
  • 编写B小程序接收参数代码
  • 微信开发者工具测试


A小程序 跳转 B小程序

编写A小程序代码

在A小程序中加入一下代码

wx.navigateToMiniProgram({
  appId: 'wx********appid',
  path: 'page/index/index?name=A小程序',
  extraData: {
    sig: 'sig-str'
  },
  envVersion: 'develop',
  success(res) {
    // 打开成功
    console.log('打开成功')
  }
})

参数解释

属性

类型

默认值

必填

说明

appId

string


要打开的小程序 appId

path

string


打开的页面路径,如果为空则打开首页。path 中 ? 后面的部分会成为 query,在小程序的 App.onLaunch、App.onShow 和 Page.onLoad 的回调函数或小游戏的 wx.onShow 回调函数、wx.getLaunchOptionsSync 中可以获取到 query 数据。对于小游戏,可以只传入 query 部分,来实现传参效果,如:传入 “?foo=bar”。

extraData

object


需要传递给目标小程序的数据,目标小程序可在 App.onLaunch,App.onShow 中获取到这份数据。如果跳转的是小游戏,可以在 wx.onShow、wx.getLaunchOptionsSync 中可以获取到这份数据数据。

envVersion

string

release


要打开的小程序版本。仅在当前小程序为开发版或体验版时此参数有效。如果当前小程序是正式版,则打开的小程序必定是正式版。

success

function


接口调用成功的回调函数

fail

function


接口调用失败的回调函数

complete

function


接口调用结束的回调函数(调用成功、失败都会执行)

编写B小程序接收参数代码

在B小程序的app.js中onShow或onLaunch中处理A小程序传过来的参数

微信开发者工具测试

打开微信开发者工具,顶部栏显示的是普通编译,这个是一般开发场景下所使用的的编译模式。要测试从A小程序打开B小程序,则需要改变编译模式。

微信开发工具怎么传到真机体验 微信开发者工具导入_微信小程序


点击这个三角选择添加编译模式就可以选择其他的场景下编译小程序。

微信开发工具怎么传到真机体验 微信开发者工具导入_微信开发工具怎么传到真机体验_02


选择下图中的参数就可以测试从A小程序进入B小程序的过程。

微信开发工具怎么传到真机体验 微信开发者工具导入_回调函数_03


输出从A小程序传入B小程序的参数

微信开发工具怎么传到真机体验 微信开发者工具导入_回调函数_04


到此,测试记录结束