订单页面支付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 = '2016102200739747' # 应用私钥 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 == '10000' and trade_status == 'WAIT_BUYER_PAY'): # 交易不存在，或状态为等待买家付款则继续等待用户付款 time.sleep(5) continue elif code == '10000' 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