小程序支付

业务流程时序图 官方文档

步骤:

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. Power BI 概念及 国内版Pro 试用账户注册流程

    视频内容: Power BI 基本概念:https://v.qq.com/x/page/s3026nn69eu.html Power BI Pro 世纪互联版本试用账号注册:https://v.qq. ...

  2. Ant Design 错误记录

    Ant Design 错误记录 一: 标签页Tabs 1:设置activeKey或defaultActiveKey,绑定默认值不起作用: =>    需要同时设置activeKey和defaul ...

  3. Android TitleBar推荐

    版权声明:本文为xing_star原创文章,转载请注明出处! 本文同步自http://javaexception.com/archives/206 Android TitleBar推荐 这段时间在帮别 ...

  4. Android五大布局详解——LinearLayout（线性布局）

    Android五大布局 本篇开始介绍Android的五大布局的知识,一个丰富的界面显示总是要有众多的控件来组成的,那么怎样才能让这些控件能够按你的想法进行摆放,从而自定义你所想要的用户界面呢?这就牵涉 ...

  5. 一条简单的更新语句，MySQL是如何加锁的？

    看如下一条sql语句: # table T (id )) delete : MySQL在执行的过程中,是如何加锁呢? 在看下面这条语句: : 那这条语句呢?其实这其中包含太多知识点了.要回答这两个问题 ...

  6. chunked

    简介 chunked是一种HTTP协议的分块传输编码的机制,即一个HTTP消息可以分成多个部分进行传输,它对于HTTP请求和HTTP响应都适用.对于非持续连接,浏览器通过连接是否关闭来界定请求和响应实 ...

  7. HTTP 请求夹带(smuggling)攻击

    什么是HTTP请求夹带(smuggling)攻击 HTTP请求走私是一种干扰网站处理从一个或多个用户接收的HTTP请求序列的方式的技术. 请求夹带漏洞危害,允许攻击者绕过安全控制,获取对敏感数据的未授 ...

  8. jenkins 分布式配置+allure集成+邮件发送

    jenkins节点配置+allure集成+邮件发送这一套走下来感觉很麻烦,要配置的东西太多了,所以在此记录一下,防止以后忘了. 环境: 主机master:腾讯云服务器ubuntu18.04 执行机sl ...

  9. 三feng云，免费虚拟主机和免费云服务器

    三feng云,免费虚拟主机和免费云服务器 链接:https://www.sanfengyun.com 虚拟主机 虚拟服务器 BGP多线路 独立IP地址 送免备案系统,永久免费 具备高在线率.高安全性. ...

  10. 使用python - selenium模拟登陆b站

    思路 输入用户名密码点击登陆 获取验证码的原始图片与有缺口的图片 找出两张图片的缺口起始处 拖动碎片 功能代码段 # 使用到的库 from selenium import webdriver from ...