获取微信小程序码传递的参数 / 微信开发者工具模拟扫描小程序码调试

本文主要介绍如何在微信开发者工具中，模拟微信扫描小程序码打开小程序的场景，进行调试。
二维码调试可以看这篇文章：微信开发者工具模拟扫描二维码调试

添加编译模式
添加一个咱们自定义的编译模式
输入模式名称
主要是方便后面的查找
设置启动页面
这里填写的页面是扫描小程序二维码后要跳转到的页面地址（我这里就是首页了）
设置启动参数
设置启动参数这里就比较麻烦了，和二维码的GET形式不一样了。

所有的参数都是写在scene里面的（这里不要直接写成GET的键值的方式，这里所有参数必须完整的写在 scene 里面）。例如：scene=950-0-1391 或者 scene=a=1&b=2（不推荐第二种方法，因为拿到的是 scene 的字符串，还需要自己解析）。
scene里面的参数按照自己的规则进行设置，因为拿到的时候一个整体，所以需要解析（我这里用的-进行分隔）。
在onLoad(options)里面获取参数的时候，要用decodeURIComponent进行解码，因为在传递参数的时候，会对参数进行encodeURIComponent编码。
如果在每次启动的时候都要获取参数的话，需要用 wx.getLaunchOptionsSync() 来获取参数，因为有时候只用 onLoad(options) 里面的 options 获取不到。

后面有获取参数的示例代码

5. 设置进入场景
这里就是选择通过什么方式进入了，可以选择小程序码，也可以选择二维码。

6. 选择编译方式进行编译
每次项目重新编译后，都会自动进入扫描小程序码/二维码后我们设置的启动页面，同时自动传入设置的启动参数。

获取小程序码传递的参数

所有的参数都是写在scene里面的（这里不要直接写成GET的键值的方式，这里所有参数必须完整的写在 scene 里面）。例如：scene=950-0-1391 或者 scene=a=1&b=2（不推荐第二种方法，因为拿到的是 scene 的字符串，还需要自己解析）。
scene里面的参数按照自己的规则进行设置，因为拿到的时候一个整体（一整个字符串），所以需要解析（下面的例子用的-进行分隔）。
因为有时候用 onLoad(options) 里面的 options 获取不到，所以需要用 wx.getLaunchOptionsSync() 来获取参数。
因为小程序码在传递参数的时候，会对参数进行encodeURIComponent编码，所以要用decodeURIComponent进行解码，才可以正常使用。

Object wx.getLaunchOptionsSync() 官方文档：https://developers.weixin.qq.com/miniprogram/dev/api/base/app/life-cycle/wx.getLaunchOptionsSync.html

代码示例：

onLoad(options) {// 获取小程序启动时的参数let obj = wx.getLaunchOptionsSync();let query = null;if(options.scene || obj.query.scene){// 这里是用开发者工具模拟的时候要先用 encodeURIComponent 编译，模拟真实传递参数的效果，项目发布审核的时候这句话要注释掉// query = options ? encodeURIComponent(options.scene) : encodeURIComponent(obj.query.scene);query = options ? decodeURIComponent(options.scene) : decodeURIComponent(obj.query.scene);//解析参数let web_key = query.split("-")[0];let web_template = query.split("-")[1];let web_id = query.split("-")[2];console.log("第一个参数：", web_key);console.log("第二个参数：", web_template);console.log("第三个参数：", web_id);}
},

具体如何生成无限制小程序码，可以看我的另一篇文章：生成无限制微信小程序码

获取微信小程序码传递的参数 / 微信开发者工具模拟扫描小程序码调试相关推荐

还在用开发者工具上传小程序? 快来试试 miniprogram-ci 提效摸鱼
1. 前言大家好,我是若川.持续组织了近一年的源码共读活动,感兴趣的可以加我微信 ruochuan12 参与,每周大家一起学习200行左右的源码,共同进步.同时极力推荐订阅我写的<学习源码整 ...
微信开发者工具使用 --git 同步到码云
一.怎么上传代码到码云仓库 1.新建一个空的代码库,并复制一下HTTPS链接 2.打开微信开发者工具客户端 --- 版本管理 --- 初始化Git仓库 -- 默认初始化就可以 3.点击 --- 设置 ...
java excel 插件开发工具_程序员常用的15 种开发者工具推荐
程序员常用的15 种开发者工具推荐:Java 线上诊断工具 Arthas.IDE 插件 Cloud Toolkit.混沌实验注入工具 ChaosBlade.Java 代码规约扫描插件.应用实时监控工具 ...
java程序员入门先学什么开发者工具
学习java编程语言,那么开发工具是肯定少不了的,程序员入门基础中开发工具是一定要学会的,可以帮助开发者们提高开发效率.更优雅的写代码.由于开发者涉及的技术领域众多,以后端开发者的视角盘点平时可能用得 ...
微信官方开发者工具如何导入小程序源码demo
本文原地址: http://www.php.cn/xiaochengxu-353507.html 最近有很多网友私信问我们网站上下载的那些小程序源码,怎么将它导入到小程序开发者工具中呢?因为问的人 ...
CLI 发行uni-app到微信小程序，如何不打开微信开发者工具去进行小程序发布？
前言: 小程,赶紧把这个UI这里改一下,改完赶紧推个版本,等着测试:哎小程,这个需求客户需要这样改一下,你赶紧改一下推个版本客户等着看!!! 上面这段话相信做开发的同僚或多或少每天都在听,可是小程序的 ...
微信小程序基于最新版1.0开发者工具分享－小试牛刀(视频) 发布流程
第一章:小程序初级入门教程小试牛刀[含视频] 视频地址:https://v.qq.com/x/page/i0554akzobq.html 这一章节中,我们尝试着写一个最简单的例子,包含 2 个静态页 ...
安装微信开发者工具及创建小程序
大纲: 一.官网:微信公众平台微信公众平台,给个人.企业和组织提供业务服务与用户管理能力的全新服务平台.https://mp.weixin.qq.com/ 开发者工具下载页面https ...
微信开发者工具预览二维码无法显示
在微信开发者工具中,模拟器中可以正常显示,但是点击预览时,二维码出不来,并有提示框(如下图). 如上图的2框显示,提示的是英文,我才疏学浅,看不懂(要加强英语的学习呀!!这样可以避免好多麻烦).然后去 ...

获取微信小程序码传递的参数 / 微信开发者工具模拟扫描小程序码调试

获取微信小程序码传递的参数 / 微信开发者工具模拟扫描小程序码调试相关推荐

最新文章

热门文章