支付寶支付 用到序列化外鍵字段PrimaryKeyRelatedField, 七牛雲視頻托管


入門

"""
1)支付寶API:六大接口
https://docs.open.alipay.com/270/105900/

2)支付寶工作流程(見下圖):
https://docs.open.alipay.com/270/105898/

3)支付寶8次異步通知機制(支付寶對我們服務器發送POST請求,索要 success 7個字符)
https://docs.open.alipay.com/270/105902/
"""

 

# 1、在沙箱環境下實名認證:https://openhome.alipay.com/platform/appDaily.htm?tab=info

# 2、電腦網站支付API:https://docs.open.alipay.com/270/105900/

# 3、完成RSA密鑰生成:https://docs.open.alipay.com/291/105971

# 4、在開發中心的沙箱應用下設置應用公鑰:填入生成的公鑰文件中的內容

# 5、Python支付寶開源框架:https://github.com/fzlee/alipay
# >: pip install python-alipay-sdk --upgrade

# 7、公鑰私鑰設置
"""
# alipay_public_key.pem
-----BEGIN PUBLIC KEY-----
支付寶公鑰
-----END PUBLIC KEY-----

# app_private_key.pem
-----BEGIN RSA PRIVATE KEY-----
用戶私鑰
-----END RSA PRIVATE KEY-----
"""

# 8、支付寶鏈接
"""
開發:https://openapi.alipay.com/gateway.do
沙箱:https://openapi.alipaydev.com/gateway.do
"""

 

支付流程

aliapy二次封裝包

GitHub開源框架
https://github.com/fzlee/alipay
依賴
>: pip install python-alipay-sdk --upgrade
# 如果拋ssl相關錯誤,代表缺失該包
>: pip install pyopenssl
結構
libs
    ├── iPay                              # aliapy二次封裝包
    │   ├── __init__.py                 # 包文件
    │   ├── pem                            # 公鑰私鑰文件夾
    │   │   ├── alipay_public_key.pem    # 支付寶公鑰文件
    │   │   ├── app_private_key.pem        # 應用私鑰文件
    │   ├── pay.py                        # 支付文件
    └── └── settings.py                  # 應用配置  
alipay_public_key.pem
-----BEGIN PUBLIC KEY-----
拿應用公鑰跟支付寶換來的支付寶公鑰
-----END PUBLIC KEY-----
app_private_key.pem
-----BEGIN RSA PRIVATE KEY-----
通過支付寶公鑰私鑰簽發軟件簽發的應用私鑰
-----END RSA PRIVATE KEY-----
setting.py
import os
# 應用私鑰
APP_PRIVATE_KEY_STRING = open(os.path.join(os.path.dirname(os.path.abspath(__file__)), 'pem', 'app_private_key.pem')).read()

# 支付寶公鑰     # 用支付寶開發助手應用公鑰在支付寶網上換支付寶公鑰
ALIPAY_PUBLIC_KEY_STRING = open(os.path.join(os.path.dirname(os.path.abspath(__file__)), 'pem', 'alipay_public_key.pem')).read()

# 應用ID
APP_ID = '2016093000631831'

# 加密方式
SIGN = 'RSA2'

# 是否是支付寶測試環境(沙箱環境),如果采用真是支付寶環境,配置False
DEBUG = True

# 支付網關
GATEWAY = 'https://openapi.alipaydev.com/gateway.do' if DEBUG else 'https://openapi.alipay.com/gateway.do'
pay.py
from alipay import AliPay
from . import settings

# 支付對象
alipay = AliPay(
    appid=settings.APP_ID,
    app_notify_url=None,    # 應用通知url
    app_private_key_string=settings.APP_PRIVATE_KEY_STRING,
    alipay_public_key_string=settings.ALIPAY_PUBLIC_KEY_STRING,
    sign_type=settings.SIGN,    # 加密方式
    debug=settings.DEBUG
)

# 支付網關
gateway = settings.GATEWAY
__init__.py
# 包對外提供的變量
from .pay import gateway, alipay
補充:在自己項目的配置文件中配置支付寶回調接口:settings.py | dev.py
# 上線后必須換成公網地址
# 后台http根路徑
BASE_URL = 'http://127.0.0.1:8000'

# 前台http根路徑
LUFFY_URL = 'http://127.0.0.1:8080'

# 訂單支付成功的后台異步回調接口
NOTIFY_URL = BASE_URL + '/order/success/'

# 訂單支付成功的前台同步回調接口
RETURN_URL = LUFFY_URL + '/pay/success'

 

后台 - 支付接口

路由:order/urls.py
from django.urls import path, include
from utils.router import router
from . import views

"""
1)支付接口(需要登錄認證:是誰):前台提交商品等信息,得到支付鏈接
    post方法

分析:支付寶回調
    同步:get給前台 => 前台可以在收到支付寶同步get回調時,ajax異步在給消息同步給后台,也采用get,后台處理前台的get請求
    異步:post給后台 => 后台直接處理支付寶的post請求
2)支付回調接口(不需要登錄認證:哪個訂單(訂單信息中有非對稱加密)、支付寶壓根不可能有你的token):
    get方法:處理前台來的同步回調(不一定能收得到,所有不能在該方法完成后台訂單狀態等信息操作)
    post方法:處理支付寶來的異步回調
    
3)訂單狀態確認接口:隨你前台任何時候來校驗訂單狀態的接口
"""
# 支付接口(生成訂單)
router.register('pay', views.PayViewSet, 'pay')


urlpatterns = [
    path('', include(router.urls)),

    path('success/', views.SuccessViewSet.as_view({'get': 'get', 'post': 'post'}))
]
模型表:order/models.py
"""
class Order(models.Model):
    # 主鍵、總金額、訂單名、訂單號、訂單狀態、創建時間、支付時間、流水號、支付方式、支付人(外鍵) - 優惠劵(外鍵,可為空)
    pass

class OrderDetail(models.Model):
    # 訂單號(外鍵)、商品(外鍵)、實價、成交價 - 商品數量
    pass
"""
from django.db import models
from user.models import User
from course.models import Course


class Order(models.Model):
    """訂單模型"""
    status_choices = (
        (0, '未支付'),
        (1, '已支付'),
        (2, '已取消'),
        (3, '超時取消'),
    )
    pay_choices = (
        (1, '支付寶'),
        (2, '微信支付'),
    )
    subject = models.CharField(max_length=150, verbose_name="訂單標題")
    total_amount = models.DecimalField(max_digits=10, decimal_places=2, verbose_name="訂單總價", default=0)
    out_trade_no = models.CharField(max_length=64, verbose_name="訂單號", unique=True)
    trade_no = models.CharField(max_length=64, null=True, verbose_name="流水號")
    order_status = models.SmallIntegerField(choices=status_choices, default=0, verbose_name="訂單狀態")
    pay_type = models.SmallIntegerField(choices=pay_choices, default=1, verbose_name="支付方式")
    pay_time = models.DateTimeField(null=True, verbose_name="支付時間")
    user = models.ForeignKey(User, related_name='order_user', on_delete=models.DO_NOTHING, db_constraint=False, verbose_name="下單用戶")
    created_time = models.DateTimeField(auto_now_add=True, verbose_name='創建時間')

    class Meta:
        db_table = "luffy_order"
        verbose_name = "訂單記錄"
        verbose_name_plural = "訂單記錄"

    def __str__(self):
        return "%s - ¥%s" % (self.subject, self.total_amount)

    @property
    def courses(self):
        data_list = []
        for item in self.order_courses.all():
            data_list.append({
                "id": item.id,
                "course_name": item.course.name,
                "real_price": item.real_price,
            })
        return data_list


class OrderDetail(models.Model):
    """訂單詳情"""
    order = models.ForeignKey(Order, related_name='order_courses', on_delete=models.CASCADE, db_constraint=False, verbose_name="訂單")
    course = models.ForeignKey(Course, related_name='course_orders', on_delete=models.CASCADE, db_constraint=False, verbose_name="課程")
    price = models.DecimalField(max_digits=6, decimal_places=2, verbose_name="課程原價")
    real_price = models.DecimalField(max_digits=6, decimal_places=2, verbose_name="課程實價")

    class Meta:
        db_table = "luffy_order_detail"
        verbose_name = "訂單詳情"
        verbose_name_plural = "訂單詳情"

    def __str__(self):
        try:
            return "%s的訂單:%s" % (self.course.name, self.order.out_trade_no)
        except:
            return super().__str__()
支付接口類:order/views.py
from rest_framework.viewsets import GenericViewSet, ViewSet
from rest_framework.mixins import CreateModelMixin
from rest_framework.permissions import IsAuthenticated
from rest_framework.response import Response
from . import models, serializers


# 支付接口
class PayViewSet(GenericViewSet, CreateModelMixin):
    permission_classes = [IsAuthenticated]
    queryset = models.Order.objects.all()
    serializer_class = serializers.PaySerializer

    # 重寫create方法,返回pay_url,pay_url是在serializer對象中,所以要知道serializer
    def create(self, request, *args, **kwargs):
        serializer = self.get_serializer(data=request.data, context={'request': request})
        serializer.is_valid(raise_exception=True)
        self.perform_create(serializer)
        return Response(serializer.context['pay_url'])
支付接口序列化類:model/serializers
from rest_framework import serializers
from . import models
from course.models import Course
from rest_framework.exceptions import ValidationError
from django.conf import settings


class PaySerializer(serializers.ModelSerializer):
    # 要支持單購物和群購物(購物車),前台要提交 課程主鍵(們)
    courses = serializers.PrimaryKeyRelatedField(queryset=Course.objects.all(), write_only=True, many=True)

    class Meta:
        model = models.Order
        fields = ('subject', 'total_amount', 'pay_type', 'courses')
        extra_kwargs = {
            'total_amount': {
                'required': True
            },
            'pay_type': {
                'required': True
            },
        }

    # 訂單總結校驗
    def _check_total_amount(self, attrs):
        courses = attrs.get('courses')
        total_amount = attrs.get('total_amount')
        total_price = 0
        for course in courses:
            total_price += course.price
        if total_price != total_amount:
            raise ValidationError('total_amount error')
        return total_amount

    # 生成訂單號
    def _get_out_trade_no(self):
        import uuid
        code = '%s' % uuid.uuid4()
        return code.replace('-', '')

    # 獲取支付人
    def _get_user(self):
        return self.context.get('request').user

    # 獲取支付鏈接
    def _get_pay_url(self, out_trade_no, total_amount, subject):
        from libs import iPay
        order_string = iPay.alipay.api_alipay_trade_page_pay(
            out_trade_no=out_trade_no,
            total_amount=float(total_amount),  # 只有生成支付寶鏈接時,不能用Decimal
            subject=subject,
            return_url=settings.RETURN_URL,
            notify_url=settings.NOTIFY_URL,
        )
        pay_url = iPay.gateway + '?' + order_string
        # 將支付鏈接存入,傳遞給views
        self.context['pay_url'] = pay_url

    # 入庫(兩個表)的信息准備
    def _before_create(self, attrs, user, out_trade_no):
        attrs['user'] = user
        attrs['out_trade_no'] = out_trade_no

    def validate(self, attrs):
        # 1)訂單總價校驗
        total_amount = self._check_total_amount(attrs)
        # 2)生成訂單號
        out_trade_no = self._get_out_trade_no()
        # 3)支付用戶:request.user
        user = self._get_user()
        # 4)支付鏈接生成
        self._get_pay_url(out_trade_no, total_amount, attrs.get('subject'))
        # 5)入庫(兩個表)的信息准備
        self._before_create(attrs, user, out_trade_no)

        # 代表該校驗方法通過,進入入庫操作
        return attrs



    # 重寫入庫方法的目的:完成訂單與訂單詳情兩個表入庫操作
    def create(self, validated_data):
        courses = validated_data.pop('courses')
        # 訂單表入庫,不需要courses
        order = models.Order.objects.create(**validated_data)

        # 訂單詳情表入庫:只需要訂單對象,課程對象(courses要拆成一個個course)
        for course in courses:
            models.OrderDetail.objects.create(order=order, course=course, price=course.price, real_price=course.price)

        # 先循環制造數據列表[{}, ..., {}],用群增完成入庫 bulk_create(),效率高

        return order

 

前台 - 支付生成頁面

課程主頁或是詳情頁或者搜索頁
<template>
    ...
    <span class="buy-now" @click="buy_course(course)">立即購買</span>
</template>
<script>
     export default {
        methods: {
            // 購買課程
            buy_course(course) {
                // es6語法下,變量必須定義才能使用
                let token = this.$cookies.get('token');
                if (!token) {
                    this.$message({
                        message: '請先登錄',
                        type: 'warning'
                    });
                    return false
                }
                this.$axios({
                    url: this.$settings.base_url + '/order/pay/',
                    method: 'post',
                    headers: {
                        authorization: 'luffy ' + token,
                    },
                    data: {
                        subject: course.name,
                        total_amount: course.price,
                        pay_type: 1,  // 現在只能默認1,為支付寶
                        courses: [course.id]  // 后台完成的是基於購物車情況下的接口,所以單購物為群購1個
                    }
                }).then(response => {
                    let pay_url = response.data;
                    // console.log(pay_url)
                    // 本頁面標簽調整:可以選擇 _self 或 _blank
                    open(pay_url, '_self');
                }).catch(error => {
                    console.log(error.response.data)
                })
            },
        }
    }
</script>

 

前台 - 支付成功的回調頁面

router/index.js
import PaySuccess from '../views/PaySuccess.vue'
// ...
const routes = [
    // ...
    {
        path: '/pay/success',
        name: 'pay-success',
        component: PaySuccess
    },
];
同步回調的參數
`
charset=utf-8&

out_trade_no=7f7c7d12d57d45b693e1b49a6b01e1dd&

method=alipay.trade.page.pay.return&

total_amount=39.00&

sign=FUmceqiNMWvxcD%2BUPCHiOTaEwlJ%2FXIXL5UwZWOSI1TwRjPIZVzjRLB4j2G5CQpn472JO8X%2BwMx04dHqjLxqLcY3TRu0XurQ%2FwKTNpyfDrtNuNv0rfGPuVHw52y3blbS7%2FKFVsWryw4%2BBuF2fCrJ4qWH8Zg14Rct7qoMbu73N74WkQtDyzXefiKDbkMMRMfLbelE9TFyeIeygeMId8%2B58mcJMUOh6aQqwpr9bzuBbfJ17fkqU%2F0ys9zGr%2FlDtLL7aAh6BPViqZN%2F9T7byCoferD1BhcSzJNR6V6VuhOdTq8iEaH2XgJT9aIiyHgg3GT1taBBvZX2gK41FSmkguk%2BfsA%3D%3D&

trade_no=2020030722001464020500585462&

auth_app_id=2016093000631831&

version=1.0&

app_id=2016093000631831&

sign_type=RSA2&

seller_id=2088102177958114&

timestamp=2020-03-07%2014%3A47%3A48
`
// 同步回調沒有訂單狀態
views/PaySuccess.vue
<template>
    <div class="pay-success">
        <!--如果是單獨的頁面,就沒必要展示導航欄(帶有登錄的用戶)-->
        <Header/>
        <div class="main">
            <div class="title">
                <div class="success-tips">
                    <p class="tips">您已成功購買 1 門課程!</p>
                </div>
            </div>
            <div class="order-info">
                <p class="info"><b>訂單號:</b><span>{{ result.out_trade_no }}</span></p>
                <p class="info"><b>交易號:</b><span>{{ result.trade_no }}</span></p>
                <p class="info"><b>付款時間:</b><span><span>{{ result.timestamp }}</span></span></p>
            </div>
            <div class="study">
                <span>立即學習</span>
            </div>
        </div>
    </div>
</template>

<script>
    import Header from "@/components/Header"

    export default {
        name: "Success",
        data() {
            return {
                result: {},
            };
        },
        created() {
            // url后拼接的參數:?及后面的所有參數 => ?a=1&b=2
            // console.log(location.search);

            // 解析支付寶回調的url參數
            let params = location.search.substring(1);  // 去除? => a=1&b=2
            let items = params.length ? params.split('&') : [];  // ['a=1', 'b=2']
            //逐個將每一項添加到args對象中
            for (let i = 0; i < items.length; i++) {  // 第一次循環a=1,第二次b=2
                let k_v = items[i].split('=');  // ['a', '1']
                //解碼操作,因為查詢字符串經過編碼的
                if (k_v.length >= 2) {
                    // url編碼反解
                    let k = decodeURIComponent(k_v[0]);
                    this.result[k] = decodeURIComponent(k_v[1]);
                    // 沒有url編碼反解
                    // this.result[k_v[0]] = k_v[1];
                }

            }
            // 解析后的結果
            // console.log(this.result);


            // 把地址欄上面的支付結果,再get請求轉發給后端
            this.$axios({
                url: this.$settings.base_url + '/order/success/' + location.search,
                method: 'get',
            }).then(response => {
                console.log(response.data);
            }).catch(() => {
                console.log('支付結果同步失敗');
            })
        },
        components: {
            Header,
        }
    }
</script>

<style scoped>
    .main {
        padding: 60px 0;
        margin: 0 auto;
        width: 1200px;
        background: #fff;
    }

    .main .title {
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        padding: 25px 40px;
        border-bottom: 1px solid #f2f2f2;
    }

    .main .title .success-tips {
        box-sizing: border-box;
    }

    .title img {
        vertical-align: middle;
        width: 60px;
        height: 60px;
        margin-right: 40px;
    }

    .title .success-tips {
        box-sizing: border-box;
    }

    .title .tips {
        font-size: 26px;
        color: #000;
    }


    .info span {
        color: #ec6730;
    }

    .order-info {
        padding: 25px 48px;
        padding-bottom: 15px;
        border-bottom: 1px solid #f2f2f2;
    }

    .order-info p {
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 10px;
        font-size: 16px;
    }

    .order-info p b {
        font-weight: 400;
        color: #9d9d9d;
        white-space: nowrap;
    }

    .study {
        padding: 25px 40px;
    }

    .study span {
        display: block;
        width: 140px;
        height: 42px;
        text-align: center;
        line-height: 42px;
        cursor: pointer;
        background: #ffc210;
        border-radius: 6px;
        font-size: 16px;
        color: #fff;
    }
</style>

 

后台 - 支付成功的回調接口

from utils.logging import logger
# 支付回調接口
class SuccessViewSet(ViewSet):
    authentication_classes = ()
    permission_classes = ()

    # 支付寶同步回調給前台,在同步通知給后台處理
    def get(self, request, *args, **kwargs):
        # return Response('后台已知曉,Over!!!')

        # 不能在該接口完成訂單修改操作
        # 但是可以在該接口中校驗訂單狀態(已經收到支付寶post異步通知,訂單已修改),告訴前台
        # print(type(request.query_params))  # django.http.request.QueryDict
        # print(type(request.query_params.dict()))  # dict

        out_trade_no = request.query_params.get('out_trade_no')
        try:
            models.Order.objects.get(out_trade_no=out_trade_no, order_status=1)
            return APIResponse(result=True)
        except:
            return APIResponse(1, 'error', result=False)


    # 支付寶異步回調處理
    def post(self, request, *args, **kwargs):
        try:
            result_data = request.data.dict()
            out_trade_no = result_data.get('out_trade_no')
            signature = result_data.pop('sign')
            from libs import iPay
            result = iPay.alipay.verify(result_data, signature)
            if result and result_data["trade_status"] in ("TRADE_SUCCESS", "TRADE_FINISHED"):
                # 完成訂單修改:訂單狀態、流水號、支付時間
                models.Order.objects.filter(out_trade_no=out_trade_no).update(order_status=1)
                # 完成日志記錄
                logger.warning('%s訂單支付成功' % out_trade_no)
                return Response('success')
            else:
                logger.error('%s訂單支付失敗' % out_trade_no)
        except:
            pass
        return Response('failed')

 

七牛雲視頻托管

因為視頻放在本地的話,服務器壓力很大。用戶看視頻,視頻並沒有下載到本地,用戶一直在和服務器交互,視頻還有些快進快退。1有流量問題,2有快進快退管理問題

一般會做視頻托管,這里使用七牛雲。

進入管理控制台,進入對象存儲

 然后在空間管理里,新建空間。訪問控制選擇公開。文件管理選擇文件

 然后刷新點擊詳情,可以看到文件鏈接(文件公開的才會有),配置到前端鏈接地址

 可以參考:https://www.cnblogs.com/surpass123/p/13394369.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM