微信小游戏本地解析二维码

最近公司需要在为微信小游戏内解析一个二维码，从而获取二维码的数据来做相关处理，但是二维码处理方面，小游戏是不支持，为了开发只能自己来解决这个问题。解决方案有两种，第一种是将二维码上传到服务器，后台解析然后返回前台一个结果。第二种，就是在微信小游戏内部，加载（改写js）解析二维码插件，然后直接获取结果处理。当然为了方便而言我们选择了后者来处理。

一：测试网页demo。

在进行二维码解析的时候，我使用的是前台插件llqrcode.js，来本地测试，也就是网页测试，来进行二维码解析，在测试成功后，开始往小游戏里面整合。网页版的测试demo：点击打开链接，用户在下载的时候，如果使用解析的demo的话，可以使用解析目录下testOne那个目录下的demo。

二：修改demo适配小游戏。

因为在进行网页版demo测试的时候，llqrcode.js是一个纯js文件，在llqrcode.js的文件尾部，需要加上一句话。model.exports = qrcode。因为在小游戏后台引擎是封装了V8来进行实现的，所以在进行模块引入的时候，需要加上上述那一句话。虽然小游戏的引擎是V8，但是它并没有OM 和 DOM 的运行环境，所以我们需要加入对这些的支持，点击打开链接，点击下载压缩包，将weapp-adapter.js加入到我们的项目中，然后再llqrcode.js的文件头部，加入require('weapp-adapter.js');即可。

三：测试demo

在小游戏里面我使用wx.chooseImage函数来打开本地的一个二维码图片，在成功后获得了图片的url，将url传入的qrcode.js的函数中，然后获取结果即可。例子如下：

var qrcode = require("./llqrcode.js")//引入插件实例
var testOne = function() {let ctxImg = wx.chooseImage({success: function (res) {qrcode.decode(res.tempFilePaths[0]);//传入urlqrcode.callback = function(url) {console.log(url);}},})
}

微信小游戏本地解析二维码相关推荐

微信小程序实现生成二维码功能并下载到本地
微信小程序实现生成二维码功能并下载到本地背景实现备注背景有这样一个需求,后台返回了url地址,微信小程序将url地址转成二维码图片,展示在页面上,并且该二维码图片可下载到用户手机相册中实现 ...
微信小程序获取扫描二维码后携带的参数
微信小程序获取扫描二维码后携带的参数 1.decodeURIComponent解析生成二维码的链接. /*** 生命周期函数--监听页面加载*/onLoad: function(options) {i ...
微信小程序条码、二维码生成模块
代码地址如下: http://www.demodashi.com/demo/13994.html 一.前期准备工作软件环境:微信开发者工具官方下载地址:https://mp.weixin.qq.c ...
基于JavaSSM和微信小程序的智能二维码门禁管理系统
目录 1 引言 2 2 系统需求分析 2 2.1开发环境 2 2.2关键技术 2 2.2.1 Spring 框架 2 2.2.2 Spring MVC 框架 3 2.2.3 Mybatis 3 2.2 ...
微信小程序生成自定义参数二维码
微信小程序生成自定义参数二维码前言实现尾巴前言最近项目中要用到二维码分享功能,需要封装一些自定义的参数通过二维码分享.查看官方文档,发现系统提供了生成二维码的功能,但是细看才发现官方提供的接 ...
转载：在微信小程序中生成二维码
目录转载: weapp-qrcode-canvas-2d 仓库地址测试环境使用安装方法1:直接引入 js 文件安装方法2:npm安装安装完成后调用例子1:没有使用叠加图片例子2:使用叠 ...
uni-app微信小程序生成自定义参数二维码，跳转小程序指定页面，获取参数；uni-app微信小程序获取二维码自定义参数；微信小程序生成动态参数二维码；uni-app微信小程序获取动态参数二维码；
一.场景需求: 在小程序个人名片页面A页面,生成用户的个人名片二维码(该二维码携带用户的唯一标识id):微信扫一扫或长按图片识别这个二维码,可以跳转到小程序的B页面,并且在B页面拿到二维码上的唯一标识 ...
微信小程序扫普通二维码跳转
最近一需求,是要做小程序扫普通二维码跳转.看了看微信文档一头雾水,写的不是很清楚. 官方文档传送门:https://developers.weixin.qq.com/miniprogram/intro ...
微信小程序生成详情页面二维码
在获取二维码之前我们首先要获取到access_token. 1.获取access_token 官方接口:https://api.weixin.qq.com/cgi-bin/token?appid= ' ...

微信小游戏本地解析二维码

微信小游戏本地解析二维码相关推荐

最新文章

热门文章