0

购物车

客服

收藏

公众号

公众号

反馈

︿

顶部

首页 > 工控资讯 > 产品资讯 >工控机>资讯详情

如何利用Linux工控机实现微信扫码

2019-06-20 浏览量:331

点击分享到微信

  移动支付的普及越来越广,像地铁站的无人售货机,小区的快递柜,停车场的充电桩等,这些设备大部分集成了扫码支付功能。今天,我们就以项目的形式介绍如何为Linux工控机接入微信扫码支付。

  一、硬件环境

  Linux工控机:致远电子DCP-3000L工控机,配套7寸LVDS液晶屏,分辨率800x480;

  服务器:64位Ubuntu主机,具备上网功能;

  手机客户端:微信客户端,具备扫一扫识别二维码功能。

  整体硬件连接框架如图 1所示:

  图1 硬件连接图

  二、演示效果

  先看看最终的效果,客户端使用Qt框架编写,其启动界面如图 2所示:

  图2 演示Demo主界面

  点击小键盘,输入支付金额,点击确定后客户端将与服务器进行通信,拿到支付链接,本地生成支付二维码,如图 3所示:

  图3 生成支付二维码

  接下来打开手机微信客户端,使用扫一扫进行扫码,根据支付页面提示输入支付密码,支付结果如图 4所示:

图4 支付结果

  完成支付后,演示客户端界面上将显示支付成功字样,如图 5所示:

图5 显示支付结果

  扫码接入为何如何容易?服务器客户端应该怎么处理?PHP是不是世界上最好的语言?说好的源码究竟在哪里?敬请关注本文以下章节。

  三、系统流程

  整个项目采用CS架构,分为嵌入式Linux客户端、后台服务器以及手机客户端三部分,系统流程如图 6所示:

图6 系统流程图

  从系统流程图中可以看到,我们需要编写客户端和服务器端的代码,客户端我们使用的是QT框架,服务器端我们直接使用微信官方的支付SDK包。在客户端与服务器的交互过程中,最主要的是拿到微信支付的链接地址以及订单号,链接地址为了生成二维码图片,订单号为了查询支付状态。

  四、服务器端实现

  从微信官方下载SDK(文末有链接),有JAVA、.NET C#、PHP三种类型的SDK提供,如图 7所示:

图7 微信SDK

  这里我们选择PHP版本进行下载,服务器端环境为Ubuntu14.04系统,采用nginx进行搭建,端口号8080。(必答题:PHP是世界上___的语言)

  1、PHP+NGINX环境搭建

  我们在Ubuntu主机上进行nginx服务器的搭建,具体步骤为安装-配置-启动。

  安装nginx服务器:

  配置nginx服务器,为了不与其它服务器监听端口号冲突,我们直接修改nginx服务器的配置,将默认的80端口修改为8080,修改过程如下:

  启动nginx服务器:

  由于我们使用的是微信官方SDK的PHP版本,所以我们需要为系统装上PHP环境,同时需要修改nginx服务器的配置,使其支持PHP。

  安装PHP环境比较简单,Ubuntu 14.04中的安装命令如下:

  接下来修改nginx服务器配置,使其支持PHP:

  在/usr/share/nginx/html目录下新建index.php,重启php5-fpm和nginx进行测试:

  打开本地浏览器,输入地址localhost:8080即可看到对应PHP页面,如图 8所示,此时PHP+NGINX环境搭建已完成。

图8 PHP+NGINX测试结果

  2、微信SDK安装及修改

  将下载好的微信支付PHP版本的SDK进行解压,并将相关文件拷贝到nginx服务器根目录(默认为/usr/share/nginx/html,可通过修改/etc/nginx/sitesavailable/default的root参数进行指定,这里我们使用默认参数):

  本地浏览器中输入地址服务器地址,可以看到微信SDK已经运行起来了,如图 9所示:

图9 微信SDK页面

  接下来我们需要对SDK进行修改,主要是替换商户信息,SSL服务端验证禁用,支付接口实现,查询接口实现等。

  替换商户信息

  要使用微信支付,必须先开通公众号或企业号微信支付的相关功能,这里不对如何开通做过多说明,在开通微信支付后,微信会提供商户信息,如商户号、支付秘钥等。我们需要替换/lib/WxPay.Config.php文件的商户信息(SDK中的文件,已经被我们拷贝到nginx服务器根目录),修改的位置如下:

  SSL服务端验证禁用

  下载的SDK包为V3版本,在低版本的SSL库上运行会出现错误,我们直接禁用SSL服务端验证功能,修改/lib/WxPay.Api.php文件,将postXmlCurl函数中的SSL服务端验证功能禁用,修改如下:

  支付接口实现

  扫码支付接口位于/example/native.php文件中,原生SDK包中有示例代码,我们对其进行修改,实现的执行流程为获取输入金额→请求微信支付链接→下发链接地址及订单号,这里我们使用了分隔符简单进行数据的封装,实际应用中可以加入JSON或XML格式的响应报文。修改后的代码如下:

  查询接口实现

  订单查询接口位于/example/orderquery.php文件中,我们对其进行修改,当客户端POST订单号到该接口后,将进行相应订单号的支付状态查询,然后返回支付状态。修改后代码如下:

  以上四步完成了微信SDK的安装和修改,同时实现了支付接口以及查询接口,至此,服务器部署已完成。

  五、客户端实现

  客户端使用Qt框架编写,其中需要处理的几个关键点有二维码图片生成、网络通信及数据解析,下面介绍各个部分实现的重点。

  1、二维码图片生成

  我们使用了开源的QRencode进行二维码图片的生成,可以将QRencode的源码集成进Qt工程中调用,也可以使用编译好的QRencode可执行文件进行调用。

  这里我们直接编译QRencode源码,编译依赖zlib以及libpng库,为了编译方便,源码包中提供了一个自动化编译脚本,编译过程如下:

  编译完成后,可以得到qrencode二维码生成工具,其大致用法如下:

  

 

  在Qt中调用该工具显示二维码的代码如下:

  

  2、网络通信及数据解析

  我们使用了Qt的QNetworkRequest模块进行网络通信,将相关功能封装成Post函数供调用,与服务器交互及数据解析的代码如下:

  这里说明下硬件连接方式,首先服务器为Ubuntu主机,工控机通过网线将百兆网口与服务器直连,形成一个局域网。而本项目中服务器局域网地址为192.168.1.164,所以在源码中直接指定了服务器地址,当使用无线上网时可以修改服务器地址为远程服务器的公网IP地址(重大消息:DCP-3000L工控机自带4G无线上网功能,同时具备全网通拨号守护脚本,支持断线重拨,流量异常检测,三网自动识别。)。

  客户端剩下的就是界面的逻辑处理啦,在第一小节部分我们已经看到了演示的效果,就不在详细介绍了。项目中支付完成后是显示支付完成并等待下一次支付,而在实际应用中往往是进行硬件操作,如打开继电器开关,播放音乐等等。至此,微信扫码支付已介绍完毕,源码往下拉。

文章图片来源于网络
免责声明: 凡注明来源“易卖工控网”的所有作品,均为本站合法拥有版权或有权使用的作品,欢迎转载,注明出处。非本站作品均来自互联网,转载目的仅作为互联网信息传播之用,并不代表本网赞同其观点和对其真实性、完整性、及时性不作任何保证或负责。

热门产品资讯
最新产品资讯
相关资讯
产品推广
为您推荐“工控机”相关产品