广州键盘价格联盟

【工程师必读】如何实现微信扫码支付?

ZLG致远电子2019-02-10 12:27:49

移动支付的普及越来越广,像地铁站的无人售货机,小区的快递柜,停车场的充电桩等,这些设备大部分集成了扫码支付功能。今天,我们就以项目的形式介绍如何为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无线上网功能,同时具备全网通拨号守护脚本,支持断线重拨,流量异常检测,三网自动识别。


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


六、说好的源码

 

源码github地址:

https://github.com/kp339/qt-wxpay.git


微信SDK下载链接:

https://pay.weixin.qq.com/wiki/doc/api/native.php?chapter=11_1


致远电子DCP3000网址:

http://www.zlg.cn/ipc/ipc/product/id/129.html

 

后台回复关键字【工业控制】,查看更多相关技术专题。


延伸阅读

物联网智慧交通:点燃你的“速度与激情”


足不出户的家庭体检——手持式荧光免疫分析仪嵌入式解决方案!


“老司机”教你玩转智能停车场


酷!微信除了聊天,竟然还可以控制灯泡?


【纯干货】全套嵌入式Linux学习路线图及海量资料汇总


“八爪鱼”能低成本拿下动力电池测试?


【Linux教程】Linux内核开发工具介绍


4G通信模块在ARM平台下的应用


【硬件设计】ESD器件在保护电路中的应用


工控板硬件选型的三大误区


嵌入式Linux下的视频监控解决方案


【嵌入式设计】简析数字量输出



公众号介绍


致远电子官方微信公众号,一个汇聚500名工程师的研发测试分享平台,为您提供电子行业领先的产品技术与解决方案

友情链接

Copyright © 广州键盘价格联盟@2017