微信小程序跳转微信小程序,使用微信开发者工具的测试记录
微信小程序跳转微信小程序,使用微信开发者工具的测试记录
- 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小程序,则需要改变编译模式。
点击这个三角选择添加编译模式就可以选择其他的场景下编译小程序。
选择下图中的参数就可以测试从A小程序进入B小程序的过程。
输出从A小程序传入B小程序的参数
到此,测试记录结束
微信小程序跳转微信小程序,使用微信开发者工具的测试记录相关推荐
- 小程序 小程序中打开其他小程序、小程序跳转其他小程序、微信群聊中打开小程序
1.小程序中打开其他小程序可将要打开的小程序通过半屏的形态快速拉起(1)配置app.json的embeddedAppIdList字段中声明需要通过半屏形态打开的小程序,若不配置将降级为普通的小程序跳转 ...
- 通过微信模板消息跳转到小程序
关注小编微信公众号公众号[前端基础教程从0开始]回复"1",拉你进程序员技术讨论群,群内有大神,可以免费提供问题解答.公众号回复"小程序",领取300个优秀的小 ...
- 微信 PC 端h5页面打开的内置浏览器开发者工具界面
困境 项目开发的h5页面需要在微信端支持转发.分享功能,以及企业微信授权等相关权限功能,h5页面功能开发可以直接在Chrome浏览器的移动端模式开发,但是涉及微信权限时的一些功能,则需要在微信和企业微 ...
- uniapp微信小程序跳转到小程序,获取目标小程序任意页面的路径
比如我们要跳转的目标小程序页面是:山东电子健康通行卡-帮助页面 1.登录小程序后台,如下选择 2.搜索山东电子健康通行卡 3.打开山东电子健康通行卡-帮助页面 4.复制 pages/help/que ...
- 微信小程序跳转其他小程序
两种方式 1.跳转外部链接: wx.navigateToMiniProgram({appId: 'xxxxxxx',//需要跳转的小程序的appidpath: `pages/detail/detail ...
- uniapp微信公众号跳转到小程序(是点击微信页面上面的按钮/菜单跳转)
先看效果 先贴代码: 1.先下载依赖 npm install jweixin-module --save 2.main.js Vue.config.ignoredElements.push('wx-o ...
- 微信开发者工具的使用记录
微信开发者工具 tabbar Tabbar Tabbar组件,也可以用来作为小程序的自定义Tabbar使用 代码引入 在 page.json 中引入组件 {"usingComponents& ...
- 程序员的你是否熟练掌握Chrome开发者工具?
写在前面 再过几天就是1024程序员节日了,这里提前祝各位程序员同胞们节日快乐哈^_^ 回归正题,本文主要是介绍一下Chrome developer tool(开发者工具)的使用,以方便我们的日常开发 ...
- 微信小程序跳转京东小程序优惠券领取界面
1.获取京东小程序appid 2.通过京东给的文档接口得到推广链接 3.跳转 url路径:pages/union/proxy/proxy?spreadUrl={encoded获取到的推广链接}& ...
最新文章
- 屏幕边框闪光_写给想入手21:9的屏幕党,明基 EX3501R 真香跳坑指南
- win10 安装字体且不占用系统盘资源
- skimage 学习笔记
- opencv中的waitKey(0)不起作用
- 使用 Github Pages 和 Hexo 搭建自己的独立博客【超级详细的小白教程】
- windows下文件系统格式介绍
- 【Hive】Hive的三种交互方式
- Android 安卓益智休闲源码
- windows系统排查-文件分析
- Windows 7 频繁提示:计算机的内存不足
- iPhone启动页尺寸
- iMac (Retina 5K, 27-inch, Late 2015) 在内置硬盘及外置移动硬盘上安装 macOS Monterey/Windows11 22H2 双系统
- 机器人辅助的符文天赋_LOL机器人辅助带什么天赋_S9机器人辅助怎么玩_3DM网游...
- DOM实现元素拖拽,滚轮事件和特效动画缓冲运动处理
- 注册【小程序】和注册页面
- 博士生毕业后进高校当老师,直接是副教授吗
- 文件格式转换DOS到UNIX:dos2unix+UltraEdit(解决no such file or directory问题)
- 【vue设计与实现】快速Diff算法 1
- Dart语言之数据类型
- 冉斌:车路协同是自动驾驶的必经之路