结合WebSocket，实现远程二维码生成应用

最新推荐文章于 2019-09-21 19:36:35 发布

weixin_33943347

最新推荐文章于 2019-09-21 19:36:35 发布

阅读量338

点赞数

文章标签：网络 javascript python ViewUI

原文链接：https://my.oschina.net/yushulx/blog/283296

版权

2019独角兽企业重金招聘Python工程师标准>>>

在上一篇文章中介绍了通过WebSocket实现服务端和客户端的图像传输。基于这个实现，可以把二维码生成器放在服务端，轻松实现远程解决方案。

参考原文：

Barcode Generator with HTML5 WebSocket

准备工作

下载Barcode SDK for .NET
阅读 - 通过WebSocket连接，实现Image从服务器到浏览器的传输

二维码远程生成

在工程中添加DynamicBarcode.dll,在属性中设置Copy to Output Directory为Copy always，这样dll就会和exe文件在同一个目录下。

添加一张背景图。对收到的消息编码。通过一个接口，生成二维码，并把二维码画到背景图上。

float scale = 3;
short sImageIndex = 0;
dynamicDotNetTwain.MaxImagesInBuffer = 1;
bool isLoaded = dynamicDotNetTwain.LoadImage("test.png");
dynamicDotNetTwain.AddBarcode(sImageIndex, Dynamsoft.DotNet.TWAIN.Enums.Barcode.BarcodeFormat.QR_CODE, message, "", 0, 0, scale);

现在把二维码发送到客户端。发送两次消息，第一次为宽高信息，第二次为图像数据。基于之前的JavaScript代码，简单修改一下。

ws.onmessage = function (evt) {
     var data = evt.data;
     if (!data)
         return;
 
     if (data instanceof ArrayBuffer) {
         drawImage(evt.data);
     }
     else {
         var len = data.length;
         var index = data.indexOf(",");
         var w = data.substring(0, index);
         var h = data.substring(index + 1, len);
         imageWidth = parseInt(w);
         imageHeight = parseInt(h);
     }
 };

现在二维码就可以在网页中显示出来了。