一、小程序码介绍
通过后台接口可以获取小程序任意页面的小程序码,扫描该小程序码可以直接进入小程序对应的页面,所有生成的小程序码永久有效,可放心使用。 目前小程序码有两种形式,推荐生成并使用小程序码,它具有更好的辨识度,且拥有展示“公众号关注组件”等高级能力。
二、获取小程序码
1.小程序太阳码(推荐使用)
接口A官方文档地址
接口B官方文档地址
2.普通二维码(不推荐使用)
接口C官方文档地址
三、进入小程序解析参数(以小程序太阳码为例)
用户扫码进入后的逻辑(前端部分):我们可以在onload生命周期中处理参数
小程序扫码功能,只有发布了正式版才能查看效果(识别二维码会直接跳转到线上版本);
在开发过程中可以使用微信开发工具自带的模拟入口测试:(如下图)
最主要的就是启动参数和进入场景的演示:
1.启动参数:这个地方可以看到有类似乱码的存在。下面我拆解一下,告诉你这是什么意思。
scene=id%25%26goodsid%3D22
scene: 这个参数是取页面链接的地方
%3D:这个是被微信加密后的等号,等号前面的是你自己定义的key,等号后面的是value
%26:这个符号代表的是微信加密号后的 & 符号
拆解以后是不是更加清晰了。下面我们来看代码:
/*** 生命周期函数--监听页面加载*/onLoad: function(options) {var that = thisconsole.log(options)if (options.scene) {//扫描小程序码进入 -- 解析携带参数var scene = decodeURIComponent(options.scene);console.log("scene is ", scene);var arrPara = scene.split("&");console.log(arrPara)var arr = [];for (var i in arrPara) {arr = arrPara[i].split("=");console.log(arr)if (arr[0] == 'id') {that.setData({goodsId: parseInt(arr[1]),})}}} else {//不是扫描小程序码进入console.log("no scene");}
前端进阶精选:点此去