小程序支付

业务流程时序图 官方文档

步骤:

1. Openid

在小程序初次加载的时候就已经获取(详情见 小程序登录)

2. 生成商户订单

1.商品信息由小程序端提供

2.提供支付统一下单接口所需参数

3. 调用支付统一下单API

官方文档

4. 拿到返回预付单信息并处理

5. 再次签名

官方文档

案例:

小程序端

test.wxml
<button bind:tap="pay">支付</button>
test.js
Page({

pay:function(){

    wx.request({

      url: "http://127.0.0.1:8000/pay/",

      method: "POST",

      data:{"login_key":wx.getStorageSync("login_key")},

      header: { "content-type": "application/json" },

      success: function (e) {

        console.log(e)

        // 签权调起支付

        wx.requestPayment({

          'timeStamp': e.data.data.timeStamp,

          'nonceStr': e.data.data.nonceStr,

          'package': e.data.data.package,

          'signType': e.data.data.signType,

          'paySign': e.data.data.paySign,

          'success': function (res)

           {

             console.log(res,"成功")

            },

          'fail': function (res)

          {

            console.log("支付失败",res)

           },

        })

      }

    })

  },

})

后端 django

wx

    ├── settings.py     # 小程序id,code2Session等配置

    ├── wx_login.py     # 用于调用code2Session拿到openid等

    └── WXBizDataCrypt.py   # 获取用户授权信息的解密算法,官方下载
wx/settings.py
AppId="..."

AppSecret="..."

code2Session="https://api.weixin.qq.com/sns/jscode2session?appid={}&secret={}&js_code={}&grant_type=authorization_code"


pay_mchid ='...'


pay_apikey = '...'

项目/views.py
from rest_framework.views import  APIView

from  rest_framework.response import  Response

from django.core.cache import cache

import hashlib,time

import random

from app01.wx import settings

import requests

class Pay(APIView):

    def post(self,request):

        param=request.data

        if param.get("login_key"):
            #从redis中拿到小程序端login_key所对应得opendi&session_key值

            openid,session_key=cache.get(param.get("login_key")).split("&")

            self.openid=openid

            # 获取用户IP

            # 1.如果是Nginx做的负载就要HTTP_X_FORWARDED_FOR

            if request.META.get('HTTP_X_FORWARDED_FOR'):

                self.ip =request.META['HTTP_X_FORWARDED_FOR']

            else:

                # 2.如果没有用Nginx就用REMOTE_ADDR

                self.ip = request.META['REMOTE_ADDR']

            # 调用 生成商户订单 方法

            data = self.pay()

            return Response({"code":200,"msg":"ok","data":data})

        else:

            return Response({"code":200,"msg":"缺少参数"})

</span><span style="color: #0000ff;">def</span><span style="color: #000000;"> get_str(self):

    str_all</span>=<span style="color: #800000;">"</span><span style="color: #800000;">1234567890abcdefghjklmasdwery</span><span style="color: #800000;">"  # 注意 开发活动功能时, 去掉1,i,0,o</span><span style="color: #000000;">

    nonce_str</span>=<span style="color: #800000;">""</span>.join(random.sample(str_all,20<span style="color: #000000;">))

    </span><span style="color: #0000ff;">return</span><span style="color: #000000;"> nonce_str

</span><span style="color: #0000ff;">def</span><span style="color: #000000;"> get_order(self):

    order_id</span>=str(time.strftime(<span style="color: #800000;">"</span><span style="color: #800000;">%Y%m%d%H%M%S</span><span style="color: #800000;">"</span><span style="color: #000000;">))

    </span><span style="color: #0000ff;">return</span><span style="color: #000000;"> order_id

</span><span style="color: #008000;">#</span><span style="color: #008000;"> 处理返回预付单方法</span>

<span style="color: #0000ff;">def</span><span style="color: #000000;"> xml_to_dict(self,data):

    </span><span style="color: #0000ff;">import</span><span style="color: #000000;"> xml.etree.ElementTree as ET

    xml_dict</span>=<span style="color: #000000;">{}

    data_dic</span>=<span style="color: #000000;">ET.fromstring(data)

    </span><span style="color: #0000ff;">for</span> item <span style="color: #0000ff;">in</span><span style="color: #000000;"> data_dic:

        xml_dict[item.tag]</span>=<span style="color: #000000;">item.text

    </span><span style="color: #0000ff;">return</span><span style="color: #000000;">  xml_dict

</span><span style="color: #008000;">#</span><span style="color: #008000;"> 获取sign签名方法</span>

<span style="color: #0000ff;">def</span><span style="color: #000000;"> get_sign(self):

    data_dic </span>=<span style="color: #000000;"> {

        </span><span style="color: #800000;">"</span><span style="color: #800000;">nonce_str</span><span style="color: #800000;">"</span><span style="color: #000000;">: self.nonce_str,

        </span><span style="color: #800000;">"</span><span style="color: #800000;">out_trade_no</span><span style="color: #800000;">"</span><span style="color: #000000;">: self.out_trade_no,

        </span><span style="color: #800000;">"</span><span style="color: #800000;">spbill_create_ip</span><span style="color: #800000;">"</span><span style="color: #000000;">: self.ip,

        </span><span style="color: #800000;">"</span><span style="color: #800000;">notify_url</span><span style="color: #800000;">"</span><span style="color: #000000;">: self.notify_url,

        </span><span style="color: #800000;">"</span><span style="color: #800000;">openid</span><span style="color: #800000;">"</span><span style="color: #000000;">: self.openid,

        </span><span style="color: #800000;">"</span><span style="color: #800000;">body</span><span style="color: #800000;">"</span><span style="color: #000000;">: self.body,

        </span><span style="color: #800000;">"</span><span style="color: #800000;">trade_type</span><span style="color: #800000;">"</span>: <span style="color: #800000;">"</span><span style="color: #800000;">JSAPI</span><span style="color: #800000;">"</span><span style="color: #000000;">,

        </span><span style="color: #800000;">"</span><span style="color: #800000;">appid</span><span style="color: #800000;">"</span><span style="color: #000000;">: self.appid,

        </span><span style="color: #800000;">"</span><span style="color: #800000;">total_fee</span><span style="color: #800000;">"</span><span style="color: #000000;">: self.total_fee,

        </span><span style="color: #800000;">"</span><span style="color: #800000;">mch_id</span><span style="color: #800000;">"</span><span style="color: #000000;">: self.mch_id

    }

    sign_str </span>= <span style="color: #800000;">"</span><span style="color: #800000;">&amp;</span><span style="color: #800000;">"</span>.join([f<span style="color: #800000;">"</span><span style="color: #800000;">{k}={data_dic[k]}</span><span style="color: #800000;">"</span> <span style="color: #0000ff;">for</span> k <span style="color: #0000ff;">in</span><span style="color: #000000;"> sorted(data_dic)])

    sign_str </span>= f<span style="color: #800000;">"</span><span style="color: #800000;">{sign_str}&amp;key={settings.pay_apikey}</span><span style="color: #800000;">"</span><span style="color: #000000;">

    md5 </span>=<span style="color: #000000;"> hashlib.md5()

    md5.update(sign_str.encode(</span><span style="color: #800000;">"</span><span style="color: #800000;">utf-8</span><span style="color: #800000;">"</span><span style="color: #000000;">))

    </span><span style="color: #0000ff;">return</span><span style="color: #000000;"> md5.hexdigest().upper()

</span><span style="color: #ff0000;"># 1.生成商户订单 提供 支付统一下单 所需参数</span>

<span style="color: #0000ff;">def</span><span style="color: #000000;"> pay(self):

    self.appid</span>=<span style="color: #000000;">settings.AppId

    self.mch_id</span>=<span style="color: #000000;">settings.pay_mchid

    self.nonce_str</span>=<span style="color: #000000;">self.get_str()

    self.body</span>=<span style="color: #800000;">"商品名</span><span style="color: #800000;">"</span>  <span style="color: #008000;">#</span><span style="color: #008000;"> 商品名一般由小程序端传到后端</span>

    self.out_trade_no=<span style="color: #000000;">self.get_order()

    self.total_fee</span>=1<span style="color: #000000;">

    self.spbill_create_ip</span>=<span style="color: #000000;">self.ip

    self.notify_url</span>=<span style="color: #800000;">"</span><span style="color: #800000;">http://www.baidu.com</span><span style="color: #800000;">"</span><span style="color: #000000;">

    self.trade_type</span>=<span style="color: #800000;">"</span><span style="color: #800000;">JSAPI</span><span style="color: #800000;">"</span><span style="color: #000000;">

    self.sign </span>= self.get_sign()  <span style="color: #008000;">#</span><span style="color: #008000;"> 获取sign 签名</span>

    data=f<span style="color: #800000;">'''</span><span style="color: #800000;">

    &lt;xml&gt;

           &lt;appid&gt;{self.appid}&lt;/appid&gt;

           &lt;body&gt;{ self.body}&lt;/body&gt;

           &lt;mch_id&gt;{self.mch_id}&lt;/mch_id&gt;

           &lt;nonce_str&gt;{self.nonce_str}&lt;/nonce_str&gt;

           &lt;notify_url&gt;{self.notify_url}&lt;/notify_url&gt;

           &lt;openid&gt;{self.openid}&lt;/openid&gt;

           &lt;out_trade_no&gt;{self.out_trade_no}&lt;/out_trade_no&gt;

           &lt;spbill_create_ip&gt;{self.spbill_create_ip}&lt;/spbill_create_ip&gt;

           &lt;total_fee&gt;{self.total_fee}&lt;/total_fee&gt;

           &lt;trade_type&gt;{self.trade_type}&lt;/trade_type&gt;

           &lt;sign&gt;{self.sign}&lt;/sign&gt;

    &lt;/xml&gt;

    </span><span style="color: #800000;">'''</span>

    <span style="color: #ff0000;"># 2.支付统一下单</span>

    url=<span style="color: #800000;">"</span><span style="color: #800000;">https://api.mch.weixin.qq.com/pay/unifiedorder</span><span style="color: #800000;">"</span>

    <span style="color: #ff0000;"># 3.返回预付单信息</span>

    response=requests.post(url,data.encode(<span style="color: #800000;">"</span><span style="color: #800000;">utf-8</span><span style="color: #800000;">"</span>),headers={<span style="color: #800000;">"</span><span style="color: #800000;">content-type</span><span style="color: #800000;">"</span>:<span style="color: #800000;">"</span><span style="color: #800000;">application/xml</span><span style="color: #800000;">"</span><span style="color: #000000;">})

    res_data</span>=<span style="color: #000000;">self.xml_to_dict(response.content)

    data</span>=self.two_sign(res_data[<span style="color: #800000;">"</span><span style="color: #800000;">prepay_id</span><span style="color: #800000;">"</span><span style="color: #000000;">])

    </span><span style="color: #0000ff;">return</span><span style="color: #000000;">  data

</span><span style="color: #ff0000;"># 4.将组合数据再次签名</span>

<span style="color: #0000ff;">def</span><span style="color: #000000;"> two_sign(self,prepay_id):

    timeStamp</span>=<span style="color: #000000;">str(int(time.time()))

    nonceStr</span>=<span style="color: #000000;">self.get_str()

    data_dict</span>=<span style="color: #000000;">{

        </span><span style="color: #800000;">"</span><span style="color: #800000;">appId</span><span style="color: #800000;">"</span><span style="color: #000000;">:settings.AppId,

        </span><span style="color: #800000;">"</span><span style="color: #800000;">timeStamp</span><span style="color: #800000;">"</span><span style="color: #000000;">:timeStamp,

        </span><span style="color: #800000;">"</span><span style="color: #800000;">nonceStr</span><span style="color: #800000;">"</span><span style="color: #000000;">:nonceStr,

        </span><span style="color: #800000;">"</span><span style="color: #800000;">package</span><span style="color: #800000;">"</span>:f<span style="color: #800000;">"</span><span style="color: #800000;">prepay_id={prepay_id}</span><span style="color: #800000;">"</span><span style="color: #000000;">,

        </span><span style="color: #800000;">"</span><span style="color: #800000;">signType</span><span style="color: #800000;">"</span>:<span style="color: #800000;">"</span><span style="color: #800000;">MD5</span><span style="color: #800000;">"</span><span style="color: #000000;">

    }

    sign_str </span>= <span style="color: #800000;">"</span><span style="color: #800000;">&amp;</span><span style="color: #800000;">"</span>.join([f<span style="color: #800000;">"</span><span style="color: #800000;">{k}={data_dict[k]}</span><span style="color: #800000;">"</span> <span style="color: #0000ff;">for</span> k <span style="color: #0000ff;">in</span><span style="color: #000000;"> sorted(data_dict)])

    sign_str </span>= f<span style="color: #800000;">"</span><span style="color: #800000;">{sign_str}&amp;key={settings.pay_apikey}</span><span style="color: #800000;">"</span><span style="color: #000000;">

    md5 </span>=<span style="color: #000000;"> hashlib.md5()

    md5.update(sign_str.encode(</span><span style="color: #800000;">"</span><span style="color: #800000;">utf-8</span><span style="color: #800000;">"</span><span style="color: #000000;">))

    sign</span>=<span style="color: #000000;">md5.hexdigest().upper()

    data_dict[</span><span style="color: #800000;">"</span><span style="color: #800000;">paySign</span><span style="color: #800000;">"</span>]=<span style="color: #000000;">sign

    data_dict.pop(</span><span style="color: #800000;">"</span><span style="color: #800000;">appId</span><span style="color: #800000;">"</span><span style="color: #000000;">)

    </span><span style="color: #ff0000;"># 5.返回支付参数到小程序端,小程序端获取所需参数向微信服务器发送 调起支付 方法</span>

    <span style="color: #0000ff;">return</span>  data_dict</pre>
项目/urls.py
url(r'^pay/',views.Pay.as_view())

微信小程序支付功能讲解(2)的更多相关文章

  1. 微信小程序支付功能讲解(1)

    前言:虽然小程序做过很多,但是一直觉得微信支付功能很是神秘,现在终于有机会接触心里还是有点小激动的,经过一番折腾发现支付也不过如此,在此记录下支付功能的实现过程 小程序的官方文档介绍到发起微信支付即调 ...

  2. 微信小程序支付功能讲解

    前言:虽然小程序做过很多,但是一直觉得微信支付功能很是神秘,现在终于有机会接触心里还是有点小激动的,经过一番折腾发现支付也不过如此,在此记录下支付功能的实现过程 小程序的官方文档介绍到发起微信支付即调 ...

  3. 微信小程序支付功能 C# .NET开发

    微信小程序支付功能的开发的时候坑比较多,不过对于钱的事谨慎也是好事.网上关于小程序支付的实例很多,但是大多多少有些问题,C#开发的更少.此篇文档的目的是讲开发过程中遇到的问题做一个备注,也方便其他开发 ...

  4. 微信小程序支付功能前端流程

    只是分享一下小程序支付功能的前端流程和代码, 仅供参考(使用的是uni app). handleCreate () { /** 第一步:前台将商品数据发送到后台,后台创建订单入库并返回订单id等信息 ...

  5. 微信小程序 支付功能（前端）的实现

    只提供微信小程序端代码: var app = getApp(); Page({ data: {}, onLoad: function (options) { // 页面初始化 options为页面跳转 ...

  6. Python实现微信小程序支付功能

    由于最近自己在做小程序的支付,就在这里简单介绍一下讲一下用python做小程序支付这个流程.当然在进行开发之前还是建议读一下具体的流程,清楚支付的过程. 1.支付交互流程 当然具体的参数配置可以参考官 ...

  7. 微信小程序 支付功能 服务器端（TP5.1）实现

    首先下载微信支付SDK ,将整个目录的文件放在 /application/extend/WxPay 目录下 在使用SDK之前我们需要对 WxPay.Config.php 进行配置 <?php n ...

  8. 微信小程序支付功能完整流程

    支付流程 整个支付流程分为四个步骤: 获取令牌token 创建订单 预支付,获取支付参数对象pay 发起微信支付 收尾工作.跳转到订单页面,删除购物车中已购买的商品 请求方式:POST 整个支付过程中 ...

  9. 微信小程序支付功能

    API:wx.requestPayment() { } https://blog.csdn.net/qishubiao/article/details/80804052

随机推荐

  1. Python——高阶函数概念（Higher-order function）

    1.变量可以指向函数 以内置的求绝对值abs()函数为例,: >>> abs(-12) 12 >>> abs <built-in function abs&g ...

  2. Java每日一面(Part1:计算机网络)[19/11/13]

    作者:晨钟暮鼓c个人微信公众号:程序猿的月光宝盒 1. HTTP相关[1] 1.1 HTTP简介 ​ HTTP协议,即超文本传输协议,属于应用层的协议,他是基于请求和响应模式的无状态的 应用层协议. ...

  3. 一文读懂AOE到底是什么！

    一.背景 1.1 AoE是什么 AoE (AI on Edge) 是一个滴滴开源的终端侧AI集成运行时环境(IRE).以 “稳定性.易用性.安全性” 为设计原则,帮助开发者将不同框架的深度学习算法轻松 ...

  4. Docker Compose安装Registry后配置WebUI与客户端

    场景 Docker 私服Registry简介与使用Docker-Compose安装Registry: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article ...

  5. dex方法隐藏后的反编译和运行时 效果

    隐藏smali方法后 java源码: int b = fun2(); baksmali解释为: invoke-virtual                  {v1}, <int MainAc ...

  6. MVC 控制台 +log4net 存入数据库

    首先在你的项目 安装好 log4net包 如下图进入AssemblyInfo.cs类 代码里面 加上这一串 [assembly: log4net.Config.XmlConfigurator(Conf ...

  7. [转载]——Full UNDO Tablespace In 10gR2 and above (文档 ID 413732.1)

    最近遇到了这个案例,官方文档已有详尽的分析.介绍,特转载在此,方便以后查看! Full UNDO Tablespace In 10gR2 and above (SQL> select count ...

  8. ORDER BY导致索引使用不理想

    在MySQL中经常出现未按照理想情况使用索引的情况,今天记录一种Order by语句的使用导致未按预期使用索引的情况. 1.  问题现象 1.1 SQL语句: SELECT DISTINCT p.* ...

  9. Ubuntu下配置IP地址

    17.10版本之前: Ubuntu的网卡配置文件跟CentOS的不一样,Ubuntu的网卡配置文件是/etc/network/interfaces.我们用vi /etc/network/interfa ...

  10. linux 常用命令及软件

    命令基于ubuntu 18.04 修改网卡配置 /etc/netplan/50-cloud-init.yaml #修改 netplan apply #应用修改 修改计算机名 sudo hostname ...