定制专属二维码思路——实现【微信，QQ】扫码登录
2019-05-21 07:15
2501 查看
效果演示
1.先在natapp实现外网映射(https://natapp.cn)
2.natapp.exe
3.生成token链接（先开启redis）
//生成二维码token链接（生成二维码） http://p5gc9b.natappfree.cc/generateCode
//浏览器展示二维码 http://p5gc9b.natappfree.cc/getCodeImg?token=736e39d6c1424f4294958353206c1e06
用QQ或者微信扫描网页二维码
手机QQ和微信扫码登陆原理解密
- 使用java的二维码框架生成二维码 底层存放该链接地址
/updateTokenState?token=uuid
2.如何保证二维码不允许重复问题，使用token不重复就可以了
将该token存放在redis中，key：token value 状态码
Key：token value 状态码 默认状态0
0表示没有扫过，1表示已经扫过
二维码是如何生成的
- 在线二维码生成方式 （http://www.liantu.com/）
- 使用Java语言生成google框架
- 前端方式生成二维码jquery-qrcode
使用Java语言生成二维码
Maven依赖
<parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> <version>2.0.1.RELEASE</version> </parent> <dependencies> <!-- sprinboot web --> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> <!--java二维码生成框架 --> <dependency> <groupId>com.google.zxing</groupId> <artifactId>core</artifactId> <version>3.3.0</version> </dependency> <!-- 集成redis --> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-data-redis</artifactId> </dependency> <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-freemarker</artifactId> </dependency> </dependencies>
核心方法
public class BufferedImageLuminanceSource extends LuminanceSource {
private final BufferedImage image;
private final int left;
private final int top;
public BufferedImageLuminanceSource(BufferedImage image) {
this(image, 0, 0, image.getWidth(), image.getHeight());
}
public BufferedImageLuminanceSource(BufferedImage image, int left, int top, int width, int height) {
super(width, height);
int sourceWidth = image.getWidth();
int sourceHeight = image.getHeight();
if (left + width > sourceWidth || top + height > sourceHeight) {
throw new IllegalArgumentException("Crop rectangle does not fit within image data.");
}
for (int y = top; y < top + height; y++) {
for (int x = left; x < left + width; x++) {
if ((image.getRGB(x, y) & 0xFF000000) == 0) {
image.setRGB(x, y, 0xFFFFFFFF); // = white
}
}
}
this.image = new BufferedImage(sourceWidth, sourceHeight, BufferedImage.TYPE_BYTE_GRAY);
this.image.getGraphics().drawImage(image, 0, 0, null);
this.left = left;
this.top = top;
}
public byte[] getRow(int y, byte[] row) {
if (y < 0 || y >= getHeight()) {
throw new IllegalArgumentException("Requested row is outside the image: " + y);
}
int width = getWidth();
if (row == null || row.length < width) {
row = new byte[width];
}
image.getRaster().getDataElements(left, top + y, width, 1, row);
return row;
}
public byte[] getMatrix() {
int width = getWidth();
int height = getHeight();
int area = width * height;
byte[] matrix = new byte[area];
image.getRaster().getDataElements(left, top, width, height, matrix);
return matrix;
}
public boolean isCropSupported() {
return true;
}
public LuminanceSource crop(int left, int top, int width, int height) {
return new BufferedImageLuminanceSource(image, this.left + left, this.top + top, width, height);
}
public boolean isRotateSupported() {
return true;
}
public LuminanceSource rotateCounterClockwise() {
int sourceWidth = image.getWidth();
int sourceHeight = image.getHeight();
AffineTransform transform = new AffineTransform(0.0, -1.0, 1.0, 0.0, 0.0, sourceWidth);
BufferedImage rotatedImage = new BufferedImage(sourceHeight, sourceWidth, BufferedImage.TYPE_BYTE_GRAY);
Graphics2D g = rotatedImage.createGraphics();
g.drawImage(image, transform, null);
g.dispose();
int width = getWidth();
return new BufferedImageLuminanceSource(rotatedImage, top, sourceWidth - (left + width), getHeight(), width);
}
}
public class QRCodeUtil {
private static final String CHARSET = "utf-8";
private static final String FORMAT_NAME = "JPG";
// 二维码尺寸
private static final int QRCODE_SIZE = 300;
// LOGO宽度
private static final int WIDTH = 60;
// LOGO高度
private static final int HEIGHT = 60;
public static BufferedImage createImage(String content, String imgPath, boolean needCompress) throws Exception {
Hashtable hints = new Hashtable();
hints.put(EncodeHintType.ERROR_CORRECTION, ErrorCorrectionLevel.H);
hints.put(EncodeHintType.CHARACTER_SET, CHARSET);
hints.put(EncodeHintType.MARGIN, 1);
BitMatrix bitMatrix = new MultiFormatWriter().encode(content, BarcodeFormat.QR_CODE, QRCODE_SIZE, QRCODE_SIZE,
hints);
int width = bitMatrix.getWidth();
int height = bitMatrix.getHeight();
BufferedImage image = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
for (int x = 0; x < width; x++) {
for (int y = 0; y < height; y++) {
image.setRGB(x, y, bitMatrix.get(x, y) ? 0xFF000000 : 0xFFFFFFFF);
}
}
if (imgPath == null || "".equals(imgPath)) {
return image;
}
// 插入图片
QRCodeUtil.insertImage(image, imgPath, needCompress);
return image;
}
private static void insertImage(BufferedImage source, String imgPath, boolean needCompress) throws Exception {
File file = new File(imgPath);
if (!file.exists()) {
System.err.println("" + imgPath + " 该文件不存在！");
return;
}
Image src = ImageIO.read(new File(imgPath));
int width = src.getWidth(null);
int height = src.getHeight(null);
if (needCompress) { // 压缩LOGO
if (width > WIDTH) {
width = WIDTH;
}
if (height > HEIGHT) {
height = HEIGHT;
}
Image image = src.getScaledInstance(width, height, Image.SCALE_SMOOTH);
BufferedImage tag = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
Graphics g = tag.getGraphics();
g.drawImage(image, 0, 0, null); // 绘制缩小后的图
g.dispose();
src = image;
}
// 插入LOGO
Graphics2D graph = source.createGraphics();
int x = (QRCODE_SIZE - width) / 2;
int y = (QRCODE_SIZE - height) / 2;
graph.drawImage(src, x, y, width, height, null);
Shape shape = new RoundRectangle2D.Float(x, y, width, width, 6, 6);
graph.setStroke(new BasicStroke(3f));
graph.draw(shape);
graph.dispose();
}
public static void encode(String content, String imgPath, String destPath, boolean needCompress) throws Exception {
BufferedImage image = QRCodeUtil.createImage(content, imgPath, needCompress);
mkdirs(destPath);
// String file = new Random().nextInt(99999999)+".jpg";
// ImageIO.write(image, FORMAT_NAME, new File(destPath+"/"+file));
ImageIO.write(image, FORMAT_NAME, new File(destPath));
}
public BufferedImage encode(String content, String imgPath, boolean needCompress) throws Exception {
BufferedImage image = QRCodeUtil.createImage(content, imgPath, needCompress);
return image;
}
public static void mkdirs(String destPath) {
File file = new File(destPath);
// 当文件夹不存在时，mkdirs会自动创建多层目录，区别于mkdir．(mkdir如果父目录不存在则会抛出异常)
if (!file.exists() && !file.isDirectory()) {
file.mkdirs();
}
}
public static void encode(String content, String imgPath, String destPath) throws Exception {
QRCodeUtil.encode(content, imgPath, destPath, false);
}
// 被注释的方法
/*
* public static void encode(String content, String destPath, boolean
* needCompress) throws Exception { QRCodeUtil.encode(content, null, destPath,
* needCompress); }
*/
public static void encode(String content, String destPath) throws Exception {
QRCodeUtil.encode(content, null, destPath, false);
}
public static void encode(String content, String imgPath, OutputStream output, boolean needCompress)
throws Exception {
BufferedImage image = QRCodeUtil.createImage(content, imgPath, needCompress);
ImageIO.write(image, FORMAT_NAME, output);
}
public static void encode(String content, OutputStream output) throws Exception {
QRCodeUtil.encode(content, null, output, false);
}
public static String decode(File file) throws Exception {
BufferedImage image;
image = ImageIO.read(file);
if (image == null) {
return null;
}
BufferedImageLuminanceSource source = new BufferedImageLuminanceSource(image);
BinaryBitmap bitmap = new BinaryBitmap(new HybridBinarizer(source));
Result result;
Hashtable hints = new Hashtable();
hints.put(DecodeHintType.CHARACTER_SET, CHARSET);
result = new MultiFormatReader().decode(bitmap, hints);
String resultStr = result.getText();
return resultStr;
}
public static String decode(String path) throws Exception {
return QRCodeUtil.decode(new File(path));
}
}
手机QQ扫码登陆原理
- 生成二维码，链接存放该Token 该状态是为登陆状态
- 前端使用ajax定时发送请求，检查该token是否为登陆状态
- 用户扫码的时候，获取该连接将token状态该为登陆状态
核心代码
@Controller
public class QrCodeController {
@Autowired
private RedisUtil redisUtil;
private String baseImgUrl = "http://p5gc9b.natappfree.cc/updateTokenState?token=";
/**
* 提供创建二维码接口
*
* @return
*/
@RequestMapping("/generateCode")
@ResponseBody
public String generateCode() throws Exception {
// 1.生成token
String token = UUID.randomUUID().toString().replace("-", "");
// 2. 存放在redis中 0 表示没有被扫过，1表示已经扫过
redisUtil.setString(token, "0");
// 3.生成二维码
// 存放在二维码中的内容
// 嵌入二维码的图片路径
String imgPath = "E:/code/code_bg.png";
// 生成的二维码的路径及名称
String destPath = "E:/code/" + token + ".png";
//生成二维码
QRCodeUtil.encode(baseImgUrl + token, imgPath, destPath, true);
// 解析二维码
String str = QRCodeUtil.decode(destPath);
// 打印出解析出的内容
return token;
}
/**
* 根据Token返回对应的二维码
*
* @param token
* @return
* @throws IOException
*/
@RequestMapping(value = "/getCodeImg", produces = MediaType.IMAGE_JPEG_VALUE)
@ResponseBody
public byte[] getCodeImg(String token) throws IOException {
File file = new File("E:/code/" + token + ".png");
FileInputStream inputStream = new FileInputStream(file);
byte[] bytes = new byte[inputStream.available()];
inputStream.read(bytes, 0, inputStream.available());
return bytes;
}
/**
* 根据ｔｏｋｅｎ展示页面的二维码
*
* @param token
* @param request
* @return
*/
@RequestMapping("/")
public String index(String token, HttpServletRequest request) {
request.setAttribute("token", token);
return "index";
}
/**
* 用户扫码 将该token 的状态改为1
*
* @param token
* @return
*/
@RequestMapping("/updateTokenState")
@ResponseBody
public String updateTokenState(String token) {
if (StringUtils.isEmpty(token)) {
return "token 不能为空!";
}
// 将该token的状态改为1
redisUtil.setString(token, "1");
return "<h1>用户扫码成功!</h1>";
}
/**
* 前端使用定时器检查token状态
*
* @param token
* @return
*/
@RequestMapping("/checkToken")
@ResponseBody
public Boolean checkToken(String token) {
if (StringUtils.isEmpty(token)) {
return false;
}
String redisValue = redisUtil.getString(token);
if (StringUtils.isEmpty(redisValue)) {
return false;
}
if (!redisValue.equals("1")) {
return false;
}
return true;
}
@RequestMapping("/sweepCode")
@ResponseBody
public String sweepCode() {
return "恭喜您，扫码登陆成功!";
}
}
Application相关配置
spring: http: encoding: force: true charset: UTF-8 redis: host: 127.0.0.1 port: 6379 # password: 123456 freemarker: allow-request-override: false cache: false check-template-location: true charset: UTF-8 content-type: text/html; charset=utf-8 expose-request-attributes: false expose-session-attributes: false expose-spring-macro-helpers: false suffix: .ftl template-loader-path: classpath:/templates server: port: 8080
RedisUtils
@Component
public class RedisUtil {
@Autowired
private StringRedisTemplate stringRedisTemplate;
// 如果key存在的话返回fasle 不存在的话返回true
public Boolean setNx(String key, String value, Long timeout) {
Boolean setIfAbsent = stringRedisTemplate.opsForValue().setIfAbsent(key, value);
if (timeout != null) {
stringRedisTemplate.expire(key, timeout, TimeUnit.SECONDS);
}
return setIfAbsent;
}
public StringRedisTemplate getStringRedisTemplate() {
return stringRedisTemplate;
}
public void setList(String key, List<String> listToken) {
stringRedisTemplate.opsForList().leftPushAll(key, listToken);
}
/**
* 存放string类型
*
* @param key
* key
* @param data
* 数据
* @param timeout
* 超时间
*/
public void setString(String key, String data, Long timeout) {
try {
stringRedisTemplate.opsForValue().set(key, data);
if (timeout != null) {
stringRedisTemplate.expire(key, timeout, TimeUnit.SECONDS);
}
} catch (Exception e) {
}
}
/**
* 开启Redis 事务
*/
public void begin() {
// 开启Redis 事务权限
stringRedisTemplate.setEnableTransactionSupport(true);
// 开启事务
stringRedisTemplate.multi();
}
/**
* 提交事务
*/
public void exec() {
// 成功提交事务
stringRedisTemplate.exec();
}
/**
* 回滚Redis 事务
*/
public void discard() {
stringRedisTemplate.discard();
}
/**
* 存放string类型
*
* @param key
* key
* @param data
* 数据
*/
public void setString(String key, String data) {
setString(key, data, null);
}
/**
* 根据key查询string类型
*
* @param key
* @return
*/
public String getString(String key) {
String value = stringRedisTemplate.opsForValue().get(key);
return value;
}
/**
* 根据对应的key删除key
*
* @param key
*/
public Boolean delKey(String key) {
return stringRedisTemplate.delete(key);
}
}
index.ftl
<h1>扫一下该二维码，实现扫码登陆</h1>
<img src="getCodeImg?token=${token}">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
function checkToken() {
// alert('1000');
$.ajax({
url: "checkToken?token=${token}",
dataType: "json",
type: "get",
async: "false",
success: function (data) {
if (data == true) {
window.location.href = '/sweepCode';
}
}
,
error: function () {
}
})
;
}
setInterval(checkToken, 2000);
</script>
启动类
@SpringBootApplication
public class AppQrCode {
public static void main(String[] args) {
SpringApplication.run(AppQrCode.class);
}
}
(adsbygoogle = window.adsbygoogle || []).push({});
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 微信二维码登录实现思路
- discuz绑定微信公众号后，微信扫二维码登录转发实现
- 实现手机扫描二维码页面登录，类似web微信-第一篇，业务分析
- 实现QQ、微信、新浪微博和百度第三方登录(Android Studio)
- 思考像微信QQ视频通话最小化后悬浮展现实现思路
- 微信扫描二维码，实现自动登录
- ASP.NET实现QQ、微信、新浪微博OAuth2.0授权登录 原创
- 扫描二维码研究总结（高仿微信扫一扫，轻松实现定制扫描界面）
- 第三方登录-[微博、微信、qq] java实现
- ASP.NET实现QQ、微信、新浪微博OAuth2.0授权登录
- 实现手机扫描二维码页面登录，类似web微信-第一篇，业务分析
- cordova 实现第三方登录及分享，qq，微信，微博，插件的使用和改动
- 实现手机扫描二维码页面登录，类似web微信-第二篇，关于二维码的自动生成
- 实现手机扫描二维码页面登录，类似web微信-第四篇，服务器端
- 实现手机扫描二维码页面登录，类似web微信-第二篇，关于二维码的自动生成
- TP框架实现第三方登录(QQ/微信)
- 浅谈扫描二维码登录微信网页版与摇一摇传图的实现原理
- 微信场景二维码 做转化步骤跟踪 初步实现思路
- ASP.NET实现QQ、微信、新浪微博OAuth2.0授权登录[原创]_实用技巧_脚本之家
- 实现手机扫描二维码页面登录，类似web微信-第三篇，手机客户端