Java教程

【学习打卡】第13天 多端全栈项目实战

本文主要是介绍【学习打卡】第13天 多端全栈项目实战,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

课程名称:SpringBoot+Vue3 项目实战,打造企业级在线办公系统

课程章节:第三章

主讲老师:神思者



课程学习:

    1.微信支付



课程内容:

    1. 微信支付 版本 v2

    

    2.创建支付订单

        1.本地创建罚款单,用户进行交付罚款

        2.支付订单时微信服务器生成,调用api 传入参数就能创建支付订单

    https://img4.sycdn.imooc.com/62f994710001934608040474.jpg




    每一笔支付订单 都有自己得唯一id , 将来查询这笔订单是否支付成功,就会使用到这个id另外, 商品订单id在我们得项目中也必须要唯一。

    例如 我们使用某个商品订单id创建支付订单,第一次创建成功, 但是如果使用重复得商品id,微信服务器就会报错,因为商品订单id 已经用过一次。



3.付款


        用户拿微信扫码网站生成得二维码。并不是直接扣款,因为用户信不过卖家,加入商品订单金额100元,但是卖家得系统调用微信平台接口,创建了100得支付订单,如果用户再微信上不核实付款金额得内容,就被骗走了900.

        所以当用户拿手机扫码二维码后,自动访问微信平台,然后查询订单得详情,(收款方,支付金额,订单备注)如果用户确认没问题,就可以再手机上输入支付密码了。这个付款请求不是发给卖家(防止串改)而是直接发送给微信平台,微信平台先核对请求内容,然后执行扣款,最后把付款结果发送到商家得后端系统和付款人。



https://img2.sycdn.imooc.com/62f9964300015ca608100479.jpg


4.确认付款结果

    

    创建支付订单的时候,其中的参数就包含了商户系统的接收付款结果的URL地址,微信服务器会向这个URL地址发送付款结果。但是万事万物总有个特殊情况,万一微信服务器的消息队列宕机了,没能向商家的系统发送付款结果,那么商家系统中的订单状态就依然是未付款的状态。当然了,商家系统没能接收到付款通知的原因有很多,例如短暂的网络故障,程序错误等原因。

    与其被动等待付款结果的通知,不如让商家系统主动去查询付款结果。当用户手机微信显示付款成功,但是商户页面上没有出现付款成功的提示,这时候用户可以点击页面上的“已经付款成功”按钮。前端页面会向商户系统发送Ajax请求,商户系统会主动想微信服务器发起查询请求,核对该笔支付是否成功付款。如果付款成功,就修改商品订单为已付款状态。


5. 推送结果到前端

        因为接收到付款结果的是商户系统,并不是前端页面,那么前端页面怎么显示付款成功的提示信息呢?第一种办法是前端页面弹出支付二维码以后,就创建一个定时器,每隔几秒向商户系统发出轮询请求,查询商品订单是否为已付款状态。这种做法的优点是简单,不需要复杂的技术就能实现。但是缺点也很明显,那就是增大了网络开销,面对轮询请求,后端项目和服务器负载都增加了。

        https://img2.sycdn.imooc.com/62f996b40001238908190182.jpg

        另一种做法是用WebSocket向前端页面推送结果。传统的HTTP协议是短连接,请求响应结束之后,HTTP连接就断开了。服务器想推送数据给前端都不行,因为连接已经切断了。WebSocket是一种长连接技术,所以前端和后端可以使用某个连接反复发送和接收数据,这效率可比HTTP协议快多了,省去了频繁创建连接和协议握手的时间。你可能有个疑惑,如果客户端和服务器之间不怎么发送数据,维护一个长连接还有必要么?毕竟服务器的网络带宽也是宝贵的。这个尽可放心,我们可以给WebSocket连接设置超时时间,超过这个间隔时间不发送数据,连接就自动切断。


https://img3.sycdn.imooc.com/62f996c200016e9508250078.jpg

服务器把每个WebSocket连接都缓存起来,然后想要推送数据给前端的时候,就从缓存中找到与之对应的连接即可。你仔细观察,前端和服务端都没有使用定时器,所以CPU的开销是很小的。WebSocket技术要比前端JS定时轮询方案好多了



https://img1.sycdn.imooc.com/62f9970200016d8c14390837.jpg





















这篇关于【学习打卡】第13天 多端全栈项目实战的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!