第一步:获取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:扫描小程序码