专业编程教程与实战项目分享平台

网站首页 > 技术文章 正文

uniapp生成二维码及扫码统计会员功能

ins518 2024-09-18 17:44:28 技术文章 24 ℃ 0 评论

1、问题描述

需要在微信小程序中,用户可分享带个人信息的小程序码,其它用户可通过分享的二维码,扫码进入页面进行注册,并统计分享人积分增加的功能。

2、解决方案

2.1、小程序开发配置

首先需在小程序的管理页面进行配置。需要在 开发 ---> 开发管理 下的开发设置 中,一直下滑直到出现 扫普通链接二维码打开小程序 进行设置,如下图如示:

这里要注意的是校验文件,需要把下载的检验文件放在服务器上。

2.2、官方文档解析

这里主要是两个部分,一是生成小程序码,二是解析小程序码。

小程序码生成部分可以部分,可以是前端来发起请求,在后端调用微信端相关接口来生成小程序码图片。

解析小程序码,是扫码进入配置的页面,在onload方法里进行解析。

具体看如下官方文档截图:


3、项目实战

3.1、小程序码的前端生成

通过按钮组装数据,数据是业务所需要的,场景包括用户的openID,后端通过getUnlimitedByBase64来发起请求。

前端代码:

3.2、小程序码的服务端生成

后端代码获取token,再调用getUnlimitedQRCode方法生成小程序码。

后端代码:

3.3、小程序端解析

scene 字段的值会作为 query 参数传递给小程序。用户扫描该码进入小程序后,开发者可以获取到二维码中的 scene 值,再做处理逻辑,比如积分增加等。

onLoad(e) {
   // scene 需要使用 decodeURIComponent 才能获取到生成二维码时传入的 scene
   const scene = decodeURIComponent(e.scene);
   console.log('scene', scene);
   uni.setStorageSync('scene', scene);
}

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表