小程序识别带多个参数二维码进入商品详情

前提：

因为在商品详情页面中有个一功能是点击分享生成海报，海报上面有商品信息以及商品小程序码，用户通过将海报分享给别人的时候，那个人可以通过识别那个商品小程序码进入该商品详情页。

首先，要生成带参数的二维码，然后你把这个二维码放到海报上，canvas绘制海报的方法在我之前的博文里已经写过，不清楚的可以翻看一下：

 // 获取海报商品二维码getQCoder: function() {var that = thiswx.request({url: url + "/mini/createwxaqrcode",data: {page: "pages/Community/C-product/C-product",scene: that.data.productId + "-" + that.data.spikeId},method: 'GET',dataType: 'json',header: {'content-type': 'application/x-www-form-urlencoded'},success: (res) => {//从res中获取海报商品二维码},})},

url：是后台小伙伴给你提供的路径

data：page是通过识别小程序码进入的那个页面路径；scene是小程序码带的参数

scene参数不能有参数名，只能直接写值，若多参数的情况下你要在值与值之间拿分隔符隔开（这里分隔符使用的啥，后面获取参数值的时候就得拿这个分隔符截取）；

不固定的参数：scene: that.data.productId + “-” + that.data.spikeId

固定的参数：scene: “123-csh”

onLoad: function(options) {var that = thisif (options.scene) {let scene = decodeURIComponent(options.scene);//-是我们分隔参数的方式let productId = scene.split("-")[0];let spikeId = scene.split('-')[1];that.setData({productId: productId,spikeId: spikeId})}
}

最后，使用小程序开发工具中编译状态下的 “通过二维码编译” 识别小程序码测试是否获取到参数：

小程序识别带多个参数二维码进入商品详情相关推荐

最近在用uniapp做一款app软件，兼容在小程序中可以通过扫描微信二维码获取参数
功能描述该接口用于获取小程序码,适用于需要的码数量极多的业务场景.通过该接口生成的小程序码,永久有效,数量暂无限. 注意事项如果调用成功,会直接返回图片二进制内容,如果请求失败,会返回 JSON ...
微信小程序点击按钮弹窗生成二维码图片+长按识别
框架:uni-app 库:Painter ui框架:uView 1.X <u-modal class="show-close" v-model="showClose ...
微信小程序学习之路——API获取二维码
获取二维码通过后台接口可以获取小程序任意页面的二维码,扫描该二维码可以直接进入小程序对应的页面. 可以使用开发工具 1.02.1803130 及以后版本通过二维码编译功能调试所获得的二维码为满足不 ...
小程序开发-利用canvas实现保存二维码海报到本机
场景及需求在小程序开发过程中,经常需要实现保存某个页面为带小程序码的二维码海报图片到本地,然后用于分享或者发朋友圈等操作. 主要技术点及小程序相关api 技术注意事项小程序的canvas与H5 c ...
JAVA支付宝小程序授权登陆，并生成二维码（证书方式）
接入准备 https://opendocs.alipay.com/open/284/106001?ref=api 根据文档进行创建小程序.配置相关信息(接口加签方式选择证书) 生成二维码文档https ...
微信小程序：实现长按扫描二维码
小程序内置扫描二维码 image 使用小程序提供的image组件,image组件上有一个show-menu-by-longpress的属性,设置为true <image show-menu-by ...
【微信小程序】接口生成自定义首页二维码
1.背景在原有小程序上开发了一个新的功能,需要整合首页.但是为了不影响原有业务,且能测试新功能.所以需要新生成一个二维码,用户扫描该二维码可以跳转到新功能的页面. 2.方法 2.1生成二维码的接口: ...
获取其他人微信小程序的任意路径以及生成二维码
如果想要获取别人的小程序页面路径和参数,也不是没有办法,我们只需要通过小程序平台提供的工具就可以简单的获取得到. 当然,前提是获取到目标小程序的APPID,这个应该很简单,没必要在这里阐述. 第一步, ...
uni-app微信小程序生成自定义参数二维码，跳转小程序指定页面，获取参数；uni-app微信小程序获取二维码自定义参数；微信小程序生成动态参数二维码；uni-app微信小程序获取动态参数二维码；
一.场景需求: 在小程序个人名片页面A页面,生成用户的个人名片二维码(该二维码携带用户的唯一标识id):微信扫一扫或长按图片识别这个二维码,可以跳转到小程序的B页面,并且在B页面拿到二维码上的唯一标识 ...

小程序识别带多个参数二维码进入商品详情

小程序识别带多个参数二维码进入商品详情

小程序识别带多个参数二维码进入商品详情相关推荐

最新文章

热门文章