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

第一步:获取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) {								// 判断是否有scene
      var scene = decodeURIComponent(options.scene);	// scene解码
      var arrPara = scene.split("&");					// 拆分scene
      var 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:扫描小程序码
在这里插入图片描述

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值