微信小程序扫描二维码、小程序码进入的开发测试

2024-05-09 02:33:08

第一步：获取access_token

1.1、我们打开微信公众平台接口调试工具：https://mp.weixin.qq.com/debug/.
1.2、输入appid，appsecret

1.3、点击“检查问题”获取access_token，

第二步：获取二维码

我们利用工具postman，使用getwxacodeunlimit接口来生成二维码。
2.1、打开postman，创建一个POST Request，请求地址输入：

https://api.weixin.qq.com/wxa/getwxacodeunlimit?access_token=35_40WT4w3velD3KnFRLSnlTr_Dl1TiAvO0ViSAhTLrxYanxMyf7L27wD7DPZRPrIuK39sv13XMjoTWsKXnG_O_3xdyYLczt4XB58yb6zzqZDWXekteqNVPPSlIekbRVpnwnUlMYMme07bnLFxdSTVeAGANOQ

注意：access_token是我们上面获取的access_token值。
2.2、选择Body，再选择raw，输入如下内容：

{"page":"pages/product_detail/product_detail", "scene":"goods_id=0&rec=u10119s0c0", "width":280}

注意：如果没有输入数据，将出现以下错误，请按错误提示输入正确数据

{"errcode": 44002,"errmsg": "empty post data hint: [neDddNwgE-iruVTa]"
}

第三步：开发测试页面

3.1、我们微信开发者工具中创建一个页面pages/product_detail/product_detail，在onLoad中处理

onLoad(options) {if (options.scene) {                                // 判断是否有scenevar scene = decodeURIComponent(options.scene);    // scene解码var arrPara = scene.split("&");                    // 拆分scenevar arr = [];for (var i in arrPara) {arr = arrPara[i].split("=");                    // 拆分参数的名称和值wx.setStorageSync(arr[0],arr[1]);}} else {console.log("no scene");}},

第四步：开发阶段测试

4、我们在微信开发者工具中创建一个自定义编译模式

4.1、启动页面对应：

"page":"pages/product_detail/product_detail"

这里我们的启动页面里应该输入：

pages/product_detail/product_detail

4.2、启动参数对应：

"scene":"goods_id=0&rec=u10119s0c0"

注意：启动参数是经过encodeURIComponent编码的（因为在调用接口的时候，这些值也是会被encode处理，在接收的页面处理中，统一用decoce恢复），scene参数写的 &符号，会被转码成对应的十六进制ASCII：%26，=符号，会被转码成对应的十六进制ASCII：%3D
这里我们的启动参数里应该输入：

scene=goods_id%3D0%26rec%3Du10119s0c0

4.3、进入场景：
我们选择1047：扫描小程序码

微信小程序扫描二维码、小程序码进入的开发测试相关推荐

微信小程序扫描二维码或者条码
程序是需要扫描条形码然后跳转到对应的产品信息页,其实微信小程序就有一个扫码识别的API,下面一起来看看: wx.scanCode(Object object) 调起客户端扫码界面进行扫码. 示例代码: ...
微信小程序扫描二维码条形码 (wx.scanCode)
前言在业务中遇到需要获取商品的二维码的信息返回商品的二维码信息,在调用后台的接口,首先想到用小程序的Api,wx.scanCode(Object object)获取二维码信息. 支持相机扫描或者相册 ...
张小龙详细解读：微信小程序扫描二维码可进入（附实录）
在今天举行的2017微信公开课PRO版上,腾讯微信负责人张小龙表示,微信小程序特性是:无须安装.触手可及.用完即走.无须卸载. 张小龙解答了关于小程序的疑问,并透露小程序计划于2017年1月9日正式上 ...
微信小程序扫描二维码条形码
wxml代码 <button class='deaBtn' bindtap='scancode'>扫描二维码</button> js代码 scancode: function( ...
Swift开发小技巧--扫描二维码,二维码的描边与锁定,设置扫描范围,二维码的生成(高清,无码,你懂得!)...
二维码的扫描,二维码的锁定与描边,二维码的扫描范围,二维码的生成(高清,无码,你懂得!),识别相册中的二维码扫描二维码用到的三个重要对象的关系,如图: 1.懒加载各种类 // MARK: - 懒加载 ...
【微信公众号】微信集成功能--扫描二维码完成用户登录操作
目录需求来源实现思路 1.进入登录页面,生成微信公众号的临时二维码: 2.用户通过微信扫一扫二维码: 3.登录页面定时查询扫码结果: 代码实现(基于Laravel框架前后端混合) HTML PHP ...
uniapp支付宝小程扫描二维码获取参数
onLaunch(options) {if (options.query && options.query.qrCode) {this.qrCodeUrl = options.quer ...
Java实现微信公众号扫描二维码未关注时跳转关注界面已关注跳转业务界面
以下只是测试代码写得不太整齐规范,但是主要思路以及要注意的都写了: 前提:需要申请认证的微信公众号:获取对应的APPID和APPSECRET:并且还需要获取到用户信息权限(点击"修改&quo ...
微信环境中扫描二维码下载APP（APK）文件的解决方案-自动跳转到手机默认浏览器（AppStore）打开
很多朋友的APP的下载推广以二维码的形式在微信中进行推广,但是微信中是屏蔽掉了扫一扫二维码下载APP文件的方式.但是微信最为一个最大的社交平台,为了自身的利益,屏蔽掉了所有APK的下载链接.我们要怎么 ...

最新文章

热门文章