本项目基于B站UP主‘神奇的老黄’的教学视频‘天天生鲜Django项目’,视频讲的非常好,推荐新手观看学习

https://www.bilibili.com/video/BV1vt41147K8?p=1

订单页面支付JS

1. 点击‘去支付’按钮,发送ajax请求,后台视图调用支付宝支付接口时,返回的是一个支付界面的url,需要通过window.open(data.pay_url),引导用户浏览器打开支付宝返回的支付url

2. 引导完url之后,继续发送查询ajax请求,后台视图调用支付宝查询接口,若查到支付成功,则alert(‘支付成功’)并刷新界面 location.reload()

{% block endfiles %}
<script type="text/javascript" src="{% static 'js/jquery-1.12.4.min.js'%}"></script>
<script type="text/javascript">
//根据订单状态显示下一步操作
$('.oper_btn').each(function(){
status = $(this).attr('order_status')
if (status == '1'){
oper_show = '去支付'
}
else if (status =='4'){
oper_show = '去评价'
}
else{
oper_show = $(this).attr('status_name')
}
$(this).text(oper_show)
})
//去支付按钮
$('.oper_btn').click(function(){
//获取订单ID
order_id = $(this).attr('order_id')
//若状态为待支付,则发送ajax支付请求
if ($(this).attr('order_status') =='1'){
pay_method = $(this).attr('pay_method')
send_pay_ajax(order_id, pay_method)
}
//若状态为待评价,则跳转到评价界面
else if($(this).attr('order_status') == '4'){
//跳转到评价页面
location.href = '/order/comment/'+order_id
}
})
//支付发送ajax请求
function send_pay_ajax(order_id, pay_method){
csrf = $('input[name="csrfmiddlewaretoken"]').val()
parameter = {
'order_id': order_id,
'csrfmiddlewaretoken': csrf,
}
if (pay_method == '3'){
//支付宝支付
$.post('/order/alipay/', parameter, function(data){
//回调函数
if (data.status == 'S'){
//引导用户到支付界面
window.open(data.pay_url)
//发送ajax请求查询订单支付情况
$.post('/order/check/', parameter, function(data){
if (data.status == 'S'){
alert('支付成功')
location.reload()
}
else{
alert(data.errmsg)
}
})
}
else{
alert(data.errmsg)
}
})
}
else{
//其他支付方式
alert('其他支付方式暂不支持!')
}
}
</script>
{% endblock endfiles %}

调用支付宝接口

调用接口流程图

创建支付宝应用

登录支付宝开放平台,进入沙箱环境,沙箱环境即为支付宝给外接系统提供的虚拟开发环境,并默认分配了一个应用,因此不需要再创建应用,而正是支付宝环境需要创建应用并审核。

设置应用密钥

支付需要有三个密钥:

  应用的私钥:将发送给支付宝的数据用自己的私钥加密。

  应用的公钥:与应用的私钥配对使用,将加密后的数据发送给支付宝时,同时将公钥也发送给支付宝,让支付宝使用该公钥进行解密。

  支付宝的公钥:支付宝解密后,再用支付宝自己的私钥进行加密并发送给接口调用方(应用),应用再使用支付宝公钥进行解密。

生成密钥和私钥,可以使用‘支付宝开放平台开发助手’生成,下载路径为:https://opendocs.alipay.com/open/291/105971

密钥格式选择“PKCS1(非Java适用)”,点击生成密钥后,点击‘打开密钥文件路径’,可以查看到生成的公钥和私钥,保存好这两个文件。

进入沙箱环境,设置应用的密钥,将应用公钥添加进去,同时会返回一个支付宝公钥

沙箱账号

沙箱环境也提供了两个账号,分别是买方和卖方的账号,后续进行支付交易时可以使用买方账号

安装官方SDK

支付宝SDK路径:https://opendocs.alipay.com/open/54/103419#Alipay%20SDK, 支付宝官方也提供了支持python的SDK(alipay-sdk-python):https://pypi.org/project/alipay-sdk-python/3.3.398/,安装命令为

pip install alipay-sdk-python==3.3.398

编写调用代码

支付宝接口所有API文档地址:https://opendocs.alipay.com/apis/api_1/alipay.trade.pay,这里我们使用"alipay.trade.page.pay(统一收单下单并支付页面接口)",这个接口会返回一个支付界面的URL,引导用户进入该URL,并登录支付宝账号完成支付,注意不是"alipay.trade.page.pay(统一收单下单并支付页面接口)",这个下单并支付接口是直接将买方账户信息也放入发送数据中,返回的是支付的结果,而不是返回支付页面的链接让用户自己登陆。

编辑order/views.py文件,支付宝所有接口调用代码都分为4个部分:

1. 导入相关包

客户端相关包、模型相关包、请求相关包

import logging
from alipay.aop.api.AlipayClientConfig import AlipayClientConfig
from alipay.aop.api.DefaultAlipayClient import DefaultAlipayClient
from alipay.aop.api.domain.AlipayTradePagePayModel import AlipayTradePagePayModel
from alipay.aop.api.request.AlipayTradePagePayRequest import AlipayTradePagePayRequest

2. 创建(实例化)客户端

这里将创建客户端需要的一些参数配置在了settings.py文件中

# 记录日志
logging.basicConfig(
level=logging.INFO,
format='%(asctime)s %(levelname)s %(message)s',
filemode='a',)
logger = logging.getLogger('')
# 实例化客户端
alipay_client_config = AlipayClientConfig()
alipay_client_config.server_url = settings.ALIPAY_SERVER_URL
alipay_client_config.app_id = settings.ALIPAY_APP_ID
alipay_client_config.app_private_key = settings.ALIPAY_PRIVATE_KEY
alipay_client_config.alipay_public_key = settings.ALIPAY_PUBLIC_KEY
client = DefaultAlipayClient(alipay_client_config, logger)

settings.py配置

# 支付宝支付设置-沙箱环境
# 支付宝网关,正式环境网关去掉dev三个字母
ALIPAY_SERVER_URL = 'https://openapi.alipaydev.com/gateway.do'
# 应用ID
ALIPAY_APP_ID = ''
# 应用私钥
ALIPAY_PRIVATE_KEY = 'XXXXXX'
# 支付宝公钥
ALIPAY_PUBLIC_KEY = 'XXXXXXX'
# 订单超时时间:如果买家超过这个时间不付款,会关闭交易(最小1m分钟)
ALIPAY_EXPRESS = '10m'

3. 创建支付模型

# 构造请求参数对象
model = AlipayTradePagePayModel()
# 调用方系统生成的订单编号
model.out_trade_no = order.order_num;
# 支付金额
model.total_amount = str(order.total_amount);
# 支付标题
model.subject = "天天生鲜";
#与支付宝签约的产品码名称,目前只支持这一种。
model.product_code = 'FAST_INSTANT_TRADE_PAY'
# 订单过期关闭时长(分钟)
model.timeout_express = settings.ALIPAY_EXPRESS

4. 调用业务API

# 创建请求对象
request = AlipayTradePagePayRequest(biz_model=model)
# 设置回调通知地址(GET)
request.return_url = settings.ALIPAY_RETURN_URL
# 设置回调通知地址(POST)
request.notify_url = settings.ALIPAY_NOTIFY_URL
# 执行API调用,获取支付连接
pay_url = client.page_execute(request, http_method='GET')
return pay_url

完整支付类视图(OrderAlipayView)代码为:

# 支付宝支付 start
import logging
from alipay.aop.api.AlipayClientConfig import AlipayClientConfig
from alipay.aop.api.DefaultAlipayClient import DefaultAlipayClient
from alipay.aop.api.domain.AlipayTradePagePayModel import AlipayTradePagePayModel
from alipay.aop.api.request.AlipayTradePagePayRequest import AlipayTradePagePayRequest def alipay_init():
'''支付宝初始化'''
# 记录日志
logging.basicConfig(
level=logging.INFO,
format='%(asctime)s %(levelname)s %(message)s',
filemode='a',)
logger = logging.getLogger('')
# 实例化客户端
alipay_client_config = AlipayClientConfig()
alipay_client_config.server_url = settings.ALIPAY_SERVER_URL
alipay_client_config.app_id = settings.ALIPAY_APP_ID
alipay_client_config.app_private_key = settings.ALIPAY_PRIVATE_KEY
alipay_client_config.alipay_public_key = settings.ALIPAY_PUBLIC_KEY
client = DefaultAlipayClient(alipay_client_config, logger)
return client def alipay_pay(order):
'''支付宝支付'''
client = alipay_init()
# 构造请求参数对象
model = AlipayTradePagePayModel()
# 调用方系统生成的订单编号
model.out_trade_no = order.order_num;
# 支付金额
model.total_amount = str(order.total_amount);
# 支付标题
model.subject = "天天生鲜";
#与支付宝签约的产品码名称,目前只支持这一种。
model.product_code = 'FAST_INSTANT_TRADE_PAY'
# 订单过期关闭时长(分钟)
model.timeout_express = settings.ALIPAY_EXPRESS
# 创建请求对象
request = AlipayTradePagePayRequest(biz_model=model)
# 设置回调通知地址(GET)
request.return_url = settings.ALIPAY_RETURN_URL
# 设置回调通知地址(POST)
request.notify_url = settings.ALIPAY_NOTIFY_URL
# 执行API调用,获取支付连接
pay_url = client.page_execute(request, http_method='GET')
return pay_url class OrderAlipayView(View):
'''支付视图'''
def post(self, request):
'''支付处理'''
context = {
'status': 'E',
'errmsg': '',
}
user = request.user
if not user.is_authenticated:
context['errmsg'] = '用户未登录!'
return JsonResponse(context)
# 接收数据
order_id = int(request.POST.get('order_id')) # 校验数据
try:
order = OrderInfo.objects.get(id=order_id)
except OrderInfo.DoesNotExist:
context['errmsg'] = '订单不存在!'
return JsonResponse(context) # 业务处理
pay_url = alipay_pay(order) # 返回应答
context['status'] = 'S'
context['pay_url'] = pay_url
return JsonResponse(context)

以上代码完成之后即可将返回的pay_url传递给前端,前端通过window.open(data.pay_url),引导用户浏览器打开支付宝返回的支付url,让用户进行登录支付。同时发送查询支付结果的请求,若监控到支付成功,则刷新订单页面

 

编写查询支付宝支付结果代码

完整查询类视图(OrderCheckView)代码为:

from alipay.aop.api.domain.AlipayTradeQueryModel import AlipayTradeQueryModel
from alipay.aop.api.request.AlipayTradeQueryRequest import AlipayTradeQueryRequest def alipay_query(order, context):
'''支付宝支付'''
client = alipay_init()
# 构造请求参数对象
model = AlipayTradeQueryModel()
model.out_trade_no = order.order_num;
model.timeout_express = settings.ALIPAY_EXPRESS
#与支付宝签约的产品码名称,目前只支持这一种。
model.product_code = 'FAST_INSTANT_TRADE_PAY'
request = AlipayTradeQueryRequest(biz_model=model) while True:
# 执行API调用
response = client.execute(request)
# str转换为字典
response = eval(response)
code = response.get('code')
sub_code = response.get('sub_code')
sub_msg = response.get('sub_msg')
trade_status = response.get('trade_status')
if sub_code == 'ACQ.TRADE_NOT_EXIST' or (code == '' and
trade_status ==
'WAIT_BUYER_PAY'):
# 交易不存在,或状态为等待买家付款则继续等待用户付款
time.sleep(5)
continue
elif code == '' and trade_status == 'TRADE_SUCCESS':
# 支付成功
context['status'] = 'S'
trade_no = response.get('trade_no')
# 回写订单支付号
order.trade_no = trade_no
order.order_status = 4 # 待评价
order.save()
break
else:
context['errmsg'] = '支付失败:%s-%s' % (sub_code, sub_msg)
break class OrderCheckView(View):
'''查询支付宝支付情况'''
def post(self, request):
context = {
'status': 'E',
'errmsg': ''
}
user = request.user
if not user.is_authenticated:
context['errmsg'] = '用户未登录!'
return JsonResponse(context)
# 接收数据
order_id = int(request.POST.get('order_id'))
try:
order = OrderInfo.objects.get(id=order_id)
except Exception as e:
context['errmsg'] = '订单不存在!'
return JsonResponse(context) # 执行查询
alipay_query(order, context)
return JsonResponse(context)

1. 查询时,因为用户付款需要一定的时间,所以使用循环,每5秒查询一次

2. 查询换回的结果字符串‘str’,因此需要将其转换为字典

3. 返回的主要字段包括:code(返回码,如10000) 、sub_code(子返回码,如ACQ.TRADE_NOT_EXIST)、trade_status(交易状态,如:'WAIT_BUYER_PAY')

4. 当用户还未登陆支付宝时,code为40004、sub_code为ACQ.TRADE_NOT_EXIST(交易不存在),当用户登录后,code为10000,trade_status为WAIT_BUYER_PAY(等待用户付款),当付款成功后,trade_status为TRADE_SUCCESS

DJANGO-天天生鲜项目从0到1-013-订单-支付宝支付的更多相关文章

  1. django天天生鲜项目

    .后台admin管理天天生鲜商品信息 models里 from django.db import modelsfrom tinymce.models import HTMLField #需要pip安装 ...

  2. DJANGO-天天生鲜项目从0到1-011-订单-订单提交和创建

    本项目基于B站UP主‘神奇的老黄’的教学视频‘天天生鲜Django项目’,视频讲的非常好,推荐新手观看学习 https://www.bilibili.com/video/BV1vt41147K8?p= ...

  3. DJANGO-天天生鲜项目从0到1-014-订单-订单评论

    本项目基于B站UP主‘神奇的老黄’的教学视频‘天天生鲜Django项目’,视频讲的非常好,推荐新手观看学习 https://www.bilibili.com/video/BV1vt41147K8?p= ...

  4. DJANGO-天天生鲜项目从0到1-007-首页静态化与缓存

    本项目基于B站UP主‘神奇的老黄’的教学视频‘天天生鲜Django项目’,视频讲的非常好,推荐新手观看学习 https://www.bilibili.com/video/BV1vt41147K8?p= ...

  5. python 天天生鲜项目

    python 天天生鲜项目 django版:https://github.com/Ivy-1996/fresh flask版:https://github.com/Ivy-1996/flask-fre ...

  6. Django之天天生鲜项目

    准备工作 1.配置settings.py内置文件 注意: AUTH_USER_MODEL配置参数要在第一次迁移数据库之前配置,否则可能django的认证系统工作不正常 2.创建应用 3.配置主路由 一 ...

  7. DJANGO-天天生鲜项目从0到1-012-订单-用户订单页面

    本项目基于B站UP主‘神奇的老黄’的教学视频‘天天生鲜Django项目’,视频讲的非常好,推荐新手观看学习 https://www.bilibili.com/video/BV1vt41147K8?p= ...

  8. DJANGO-天天生鲜项目从0到1-010-购物车-购物车操作页面(勾选+删改)

    本项目基于B站UP主‘神奇的老黄’的教学视频‘天天生鲜Django项目’,视频讲的非常好,推荐新手观看学习 https://www.bilibili.com/video/BV1vt41147K8?p= ...

  9. DJANGO-天天生鲜项目从0到1-009-购物车-Ajax实现添加至购物车功能

    本项目基于B站UP主‘神奇的老黄’的教学视频‘天天生鲜Django项目’,视频讲的非常好,推荐新手观看学习 https://www.bilibili.com/video/BV1vt41147K8?p= ...

  10. DJANGO-天天生鲜项目从0到1-009-搜索功能实现(django-haystack+whoosh+jieba)

    本项目基于B站UP主‘神奇的老黄’的教学视频‘天天生鲜Django项目’,视频讲的非常好,推荐新手观看学习 https://www.bilibili.com/video/BV1vt41147K8?p= ...

随机推荐

  1. el-switch 初始值(默认值)不能正确显示状态问题

    <el-table-column align="center" label="状态">       <template slot-scope= ...

  2. SpringBoot--使用redis实现分布式限流

    1.引入依赖 <!-- 默认就内嵌了Tomcat 容器,如需要更换容器也极其简单--> <dependency> <groupId>org.springframew ...

  3. 初至cnblogs —— 博客搬迁

    感觉写博客是一种总结.分享知识的有效方式,于是打算坚持通过博客这一载体来提升自己. 最初通过 Hexo + GitHub Page 来搭建个人博客,但是通过这种方式搭建的博客基本没有访问量.个人感觉没 ...

  4. 十.总结drf视图

     一.对一个资源的五个操作: 如users资源: 序列化是把模型/表中数据以json格式的数据返回给前端,反序列化是把前端通过http post提交过来的json格式数据(data)插入到数据库. 小 ...

  5. Spring Boot + Vue + Shiro 实现前后端分离、权限控制

    本文总结自实习中对项目的重构.原先项目采用Springboot+freemarker模版,开发过程中觉得前端逻辑写的实在恶心,后端Controller层还必须返回Freemarker模版的ModelA ...

  6. 关于位图数据位和系统管理区大小-P6

    文章目录 1 背景 2 验证 2.1 环境信息 2.2 创建表空间tbs1 2.3 创建表段并拓展至16个区 2.4 查看3号位图块信息 2.5 拓展16号区 2.6 查看3号位图块信息 1 背景 V ...

  7. 如何配置-整合ssm框架之配置文件

    ssm整合 一.applicationContext.xml 1.配置数据源 <bean id="dataSource" class="org.springfram ...

  8. 常用API - 时间日期类

    Date类 概述 java.util.Date类 表示特定的瞬间,精确到毫秒. 继续查阅Date类的描述,发现Date拥有多个构造函数,只是部分已经过时,但是其中有未过时的构造函数可以把毫秒值转成日期 ...

  9. HDU 4143 A Simple Problem 题解

    题目 For a given positive integer n, please find the saallest positive integer x that we can find an i ...

  10. .NET Core使用AngleSharp网络数据采集

    环境: vs2019 .net core 3.1 angleSharp winform 安装:angleSharp 有这么一本Python的书: <<Python 网络数据采集>&g ...