微信登录

功能 - 微信小程序支付

作用：让小程序可以微信支付

虚拟商品

如果是虚拟商品，IOS平台暂时不允许

注册商户号

收入也是要合法啊

小程序和商户号（微信支付）绑定

登录微信公众平台，也就是小程序后台
功能 — 微信支付
2种情况：
1、已经有的就直接走起
2、没有的就去注册一个（注释：微信商户平台也就是微信支付，这里巨坑，名字会乱的，微信商户平台是旧名）

服务器/框架 创建数据库

3个表
1、订单表
2、订单商品数据表
3、支付回调数据表

准备openid

openid不要发送到前端，这是可以做到的

小程序-下单-商户系统

.wxml:

  1. <button bindtap="pay">支付</button>

.js:

  1. pay:function(){
  2.     wx.request({
  3.       url: "http://127.0.0.1:8000/pay/",
  4.       method: "POST",
  5.       data:{"login_key":wx.getStorageSync("login_key")},
  6.       header: { "content-type": "application/json" },
  7.       success: function (e) {
  8.         console.log(e)
  9.         // 签权调起支付 
  10.         wx.requestPayment({
  11.           'timeStamp': e.data.data.timeStamp,
  12.           'nonceStr': e.data.data.nonceStr,
  13.           'package': e.data.data.package,
  14.           'signType': e.data.data.signType,
  15.           'paySign': e.data.data.paySign,
  16.           'success': function (res)
  17.            {
  18.              console.log(res,"成功")
  19.              //小程序轮询服务器订单信息
  20.              that.checkThePayInfo(e.data.out_trade_no)
  21.             },
  22.           'fail': function (res) 
  23.           {
  24.             console.log("支付失败",res)
  25.            },
  26.         })
  27.       }
  28.     })
  29.   },

1、url，后端/商户系统/服务器的路由
2、data传一个可以识别openid的编号

Flask

  • 商户系统-登录-微信服务器
  • 微信服务器-返回登录-商户系统
  • 商户系统生成订单
  • 商户系统-统一支付-微信服务器
  • 微信服务器-预付单-商户系统
  • 签名
  • 商户系统-返回支付参数-小程序
  1. from flask import Flask, jsonify, request, url_for,render_template,flash,make_response
  3. #蓝图config
  4. from flask import current_app as app
  5. import hashlib,time,random
  7. #向微信服务器发送https请求
  8. import requests
  11. @app.route('/pay', methods=['POST'])
  12. def pay1():
  13.     pay = Pay()#1、实例化Pay类
  14.     data = pay.post(request)#2、使用Pay类的post方法
  15.     return data #26、返回
  17. class Pay():
  18.     def post(self,request):
  19.         id = request.json.get('login_key')  # 3、读取json，id用来获得openid
  20.         print(id)
  21.         openid = User.query.filter_by(pk=id).first().openid  # 4、id获得openid
  22.         self.openid=openid #5、写入这个类里
  23.         self.ip = request.remote_addr  # 6、获取ip地址
  24.         data = self.pay()# 7、调用 生成商户订单 方法
  25.         return jsonify({"code":200,"msg":"ok","data":data,"out_trade_no":self.out_trade_no})#25、返回
  27.     # 生成商户订单 提供 支付统一下单 所需参数
  28.     def pay(self):
  29.         #8、准备一下参数
  30.         self.appid=app.config["WEIXIN_APP_ID"]#9、小程序应用id
  31.         self.mch_id=app.config["WEIXIN_APP_MCH_ID"]#10、商户号id
  32.         self.nonce_str=self.get_str()#11、服务器自己获得一个随机数
  33.         self.body="商品名"  # 12、商品名一般由小程序端传到后端
  34.         self.out_trade_no=self.get_order()#13、服务器生成一个订单
  35.         self.total_fee=1 #14、价格：一般用服务器里的价格，不用小程序的
  36.         self.spbill_create_ip=self.ip #15、ip
  37.         self.notify_url=app.config["WEIXIN_NOTIFY_URL"]# 16、返回支付成功/失败的地址
  38.         self.trade_type="JSAPI" #17、交易类型JSAPI
  39.         self.sign = self.get_sign()  # 18、获取sign 签名
  40.         #19、写成XML格式
  41.         data=f'''
  42.         <xml>
  43.                <appid>{self.appid}</appid>
  44.                <body>{ self.body}</body>
  45.                <mch_id>{self.mch_id}</mch_id>
  46.                <nonce_str>{self.nonce_str}</nonce_str>
  47.                <notify_url>{self.notify_url}</notify_url>
  48.                <openid>{self.openid}</openid>
  49.                <out_trade_no>{self.out_trade_no}</out_trade_no>
  50.                <spbill_create_ip>{self.spbill_create_ip}</spbill_create_ip>
  51.                <total_fee>{self.total_fee}</total_fee>
  52.                <trade_type>{self.trade_type}</trade_type>
  53.                <sign>{self.sign}</sign>
  54.         </xml>
  55.         '''
  56.         # 20、支付统一下单
  57.         url="https://api.mch.weixin.qq.com/pay/unifiedorder"
  58.         # 21、返回预付单信息
  59.         # response = urllib.request.urlopen(url,data.encode("utf-8"))
  60.         response = requests.post(url,data.encode("utf-8"))
  61.         print("微信返回信息")
  62.         # print(response.read())
  64.         # 22、xml转dict
  65.         res_data=self.xml_to_dict(response.text)
  66.         # print(res_data)
  67.         # 23、二次签名
  68.         data = self.two_sign(res_data["prepay_id"])
  69.         return data #24、返回
  75.     #11、服务器自己获得一个随机数
  76.     def get_str(self):
  77.         str_all="1234567890abcdefghjklmasdwery"  # 注意 开发活动功能时, 去掉1,i,0,o
  78.         nonce_str="".join(random.sample(str_all,20))
  79.         return nonce_str
  81.     # 13、服务器生成一个订单：包括时间+随机数
  82.     def get_order(self):
  83.         str_all = "1234567890abcdefghjklmasdwery"
  84.         nonce_str = "".join(random.sample(str_all, 10))
  85.         order_id = str(time.strftime("\\\\\\\\\\\\%Y\\\\\\\\\\\\%m\\\\\\\\\\\\%d\\\\\\\\\\\\%H\\\\\\\\\\\\%M\\\\\\\\\\\\%S") + nonce_str)
  86.         return order_id
  88.     # 18、获取sign 签名MD5
  89.     def get_sign(self):
  90.         data_dic = {
  91.             "nonce_str": self.nonce_str,
  92.             "out_trade_no": self.out_trade_no,
  93.             "spbill_create_ip": self.ip,
  94.             "notify_url": self.notify_url,
  95.             "openid": self.openid,
  96.             "body": self.body,
  97.             "trade_type": "JSAPI",
  98.             "appid": self.appid,
  99.             "total_fee": self.total_fee,
  100.             "mch_id": self.mch_id
  101.         }
  102.         sign_str = "&".join([f"{k}={data_dic[k]}" for k in sorted(data_dic)])
  103.         sign_str = f"{sign_str}&key={app.config['WEIXIN_APP_MCH_KEY']}"
  104.         md5 = hashlib.md5()
  105.         md5.update(sign_str.encode("utf-8"))
  106.         return md5.hexdigest().upper()
  110.     # 23、二次签名，将组合数据再次签名
  111.     def two_sign(self,prepay_id):
  112.         timeStamp=str(int(time.time()))
  113.         nonceStr=self.get_str()
  114.         data_dict={
  115.             "appId":app.config["WEIXIN_APP_ID"],
  116.             "timeStamp":timeStamp,
  117.             "nonceStr":nonceStr,
  118.             "package":f"prepay_id={prepay_id}",
  119.             "signType":"MD5"
  120.         }
  121.         sign_str = "&".join([f"{k}={data_dict[k]}" for k in sorted(data_dict)])
  122.         sign_str = f"{sign_str}&key={app.config['WEIXIN_APP_MCH_KEY']}"
  123.         md5 = hashlib.md5()
  124.         md5.update(sign_str.encode("utf-8"))
  125.         sign=md5.hexdigest().upper()
  126.         data_dict["paySign"]=sign#加入paySign
  127.         data_dict.pop("appId")#去掉appId
  128.         # 返回支付参数到小程序端,小程序端获取所需参数向微信服务器发送 调起支付 方法
  129.         return  data_dict
  131.     # 22、xml转dict处理，返回预付单方法
  132.     def xml_to_dict(self,data):
  133.         import xml.etree.ElementTree as ET
  134.         xml_dict = {}
  135.         data_dic = ET.fromstring(data)
  136.         for item in data_dic:
  137.             xml_dict[item.tag]=item.text
  138.         return xml_dict

小程序-用户确认支付-微信服务器

也就是上面小程序的代码

微信服务器-推送支付结果-商户系统+商户系统更新订单状态

这里是设置notify_url的路由是啥，这里是/payback
算是示例代码

  1. @app.route('/payback', methods=['POST'])
  2. def Payback():
  3.     print("微信回调来的数据")
  4.     data = request.data
  5.     print(data)
  6.     dict = xml_to_dict2(data)
  7.     print(dict)
  8.     return_code = dict['return_code']
  9.     if return_code == "SUCCESS":
  10.         ##
  11.         #这里是判断，详细看微信文档：API列表：支付结果通知
  12.         ##
  13.         print("succ")
  14.         data = f'''
  15.         < xml >
  16.         < return_code > <![CDATA[SUCCESS]] > < / return_code >
  17.         < return_msg > <![CDATA[OK]] > < / return_msg >
  18.         < / xml >
  19.         '''
  20.         return data
  21.     else:
  22.         print("fail")
  23.         data = f'''
  24.         < xml >
  25.         < return_code > <![CDATA[FAIL]] > < / return_code >
  26.         < return_msg > <![CDATA[OK]] > < / return_msg >
  27.         < / xml >
  28.         '''
  29.         return data
  31. # 处理返回预付单方法
  32. def xml_to_dict2(data):
  33.     import xml.etree.ElementTree as ET
  34.     xml_dict = {}
  35.     data_dic = ET.fromstring(data)
  36.     for item in data_dic:
  37.         xml_dict[item.tag]=item.text
  38.     return xml_dict

1、蓝图命名
2、对比判断有无出错

微信服务器-返回、展示支付结果-小程序

小程序轮询

  1.   //轮询服务器订单信息
  2.   checkThePayInfo(out_trade_no) {
  3.     const requestTask = wx.request({
  4.       url: Config.restUrl + '/checkThePayInfo', //仅为示例，并非真实的接口地址
  5.       data: {
  6.         x: out_trade_no,
  7.         y: ''
  8.       },
  9.       header: {
  10.         'content-type': 'application/json'
  11.       },
  12.       success(res) {
  13.         console.log(res.data.info)
  14.         requestTask.abort() // 取消请求任务
  15.         //返回墙页和刷新
  16.         wx.navigateBack({
  17.           url: '../logs/logs',
  18.         })
  19.       }
  20.     })
  22.   }

小程序-商户系统

  1. #小程序轮询
  2. @app.route('/checkThePayInfo', methods=['GET'])
  3. def checkThePayInfo():
  4.     return {"info":"ok"}

精彩教程

.bat程序教程
python入门基础教程
Pandas教程
Pygame教程
Django3.2.9教程
Flask1.1.1教程
python3.X - 区块链教程
Java教程
Spring教程
C#教程
PHP教程
R教程
Node.js教程
mysql数据库教程
Redis数据库教程
MongoDB数据库教程
RabbitMQ教程
Lua教程
FindBI教程
HTML5教程
CSS教程
Javascript教程
jQuery教程
微信小程序教程
微信小游戏教程
Vue.js教程
服务器教程
TensorFlow教程
PyTorch教程
Unity教程
Objective-C教程
Android教程
AppleScript教程
Mac - SHELL教程
算法教程
Python教程
数据库教程
运维工具教程
Nginx教程
Docker教程