SSM 實現支付寶支付功能(圖文詳解+完整程式碼)

孤獨鍵客發表於2019-05-15

閱讀本文大概需要 4 分鐘。

前言

本教程詳細介紹瞭如何使用ssm框架實現支付寶支付功能。本文章分為兩大部分,分別是「支付寶測試環境程式碼測試」和「將支付寶支付整合到ssm框架」,詳細的程式碼和圖文解釋,自己實踐的時候一定仔細閱讀相關文件,話不多說我們開始。

支付寶測試環境程式碼測試

原始碼

https://github.com/OUYANGSIHAI/sihai-maven-ssm-alipay

1.下載電腦網站的官方demo:

下載:https://docs.open.alipay.com/270/106291/

SSM 實現支付寶支付功能(圖文詳解+完整程式碼)

2.下載解壓匯入eclipse

SSM 實現支付寶支付功能(圖文詳解+完整程式碼)

readme.txt請好好看一下。

只有一個Java配置類,其餘都是JSP。

3.配置AlipayConfig

(1) 註冊螞蟻金服開發者賬號(免費,不像蘋果會收取費用)

註冊地址:https://open.alipay.com ,用你的支付寶賬號掃碼登入,完善個人資訊,選擇服務型別(我選的是自研)。

SSM 實現支付寶支付功能(圖文詳解+完整程式碼)

(2) 設定app_id和gatewayUrl

SSM 實現支付寶支付功能(圖文詳解+完整程式碼)

SSM 實現支付寶支付功能(圖文詳解+完整程式碼)

其中金鑰需要自己生成,appID和支付寶閘道器是已經給好的,閘道器有dev字樣,表明是用於開發測試。

(3) 設定金鑰

SSM 實現支付寶支付功能(圖文詳解+完整程式碼)

點選“生成方法”,開啟介面如下:

SSM 實現支付寶支付功能(圖文詳解+完整程式碼)

下週金鑰生成工具,解壓開啟後,選擇2048位生成金鑰:

SSM 實現支付寶支付功能(圖文詳解+完整程式碼)

如果沒有設定過,此時顯示文字是"設定應用公鑰",我這裡是已經設定過得。

SSM 實現支付寶支付功能(圖文詳解+完整程式碼)

設定方法,"開啟金鑰檔案路徑":

SSM 實現支付寶支付功能(圖文詳解+完整程式碼)

SSM 實現支付寶支付功能(圖文詳解+完整程式碼)

複製應用公鑰2048.txt中的內容到點選"設定應用公鑰"的彈出框中,儲存:

SSM 實現支付寶支付功能(圖文詳解+完整程式碼)

  • 商戶私鑰(merchant_private_key)

    複製 應用私鑰2048.txt 中的內容到merchant_private_key中。

  • 支付寶公鑰(alipay_public_key)

SSM 實現支付寶支付功能(圖文詳解+完整程式碼)

點選如上圖連結,複製彈出框裡面的內容到alipay_public_key。

如果這個設定不對,結果是:支付成功,但是驗籤失敗。

如果是正式環境,需要上傳到對應的應用中:

SSM 實現支付寶支付功能(圖文詳解+完整程式碼)

(4) 伺服器非同步通知頁面路徑(notify_url)

如果沒有改名,修改IP和埠號就可以了,我自己的如下:

http://localhost:8080/alipay.trade.page.pay-JAVA-UTF-8/notify_url.jsp

(5) 頁面跳轉同步通知頁面的路徑(return_url)

http://localhost:8080/alipay.trade.page.pay-JAVA-UTF-8/return_url.jsp

4.測試執行

SSM 實現支付寶支付功能(圖文詳解+完整程式碼)

SSM 實現支付寶支付功能(圖文詳解+完整程式碼)

測試用的支付寶買家賬戶可以在"沙箱賬"這個頁面可以找到:

SSM 實現支付寶支付功能(圖文詳解+完整程式碼)

支付成功後,驗簽結果:

SSM 實現支付寶支付功能(圖文詳解+完整程式碼)

問題解決

由於我們使用的是沙箱測試環境,測試環境和正式上線的環境的 閘道器 是不一樣的,如果配置錯誤,會出現,appid錯誤的問題。配置如下:

SSM 實現支付寶支付功能(圖文詳解+完整程式碼)

原始碼下載

連結: https://pan.baidu.com/s/1n6GbEJiMzoGWJrSw0bb2Cg 密碼: zd9e

將支付寶支付整合到ssm框架

1、專案架構

SSM 實現支付寶支付功能(圖文詳解+完整程式碼)

  • 專案架構:spring+springmvc+mybatis

  • 資料庫:mysql

  • 部署環境:tomcat9.0

  • 開發環境:jdk9、idea

  • 支付:支付寶、微信

整合到ssm一樣,我們需要像沙箱測試環境一樣,需要修改 支付的配置資訊

SSM 實現支付寶支付功能(圖文詳解+完整程式碼)

2、資料庫程式碼

主要包括以下的資料庫表:

  • user:使用者表

  • order:支付產生的訂單

  • flow:流水賬

  • product:商品表:用於模擬購買商品。

drop table if exists user;/*==============================================================*//* Table: user                                                  *//*==============================================================*/create table user(   id                   varchar(20) not null,   username             varchar(128),   sex                  varchar(20),   primary key (id));alter table user comment '使用者表';CREATE TABLE `flow` (  `id` varchar(20) NOT NULL,  `flow_num` varchar(20) DEFAULT NULL COMMENT '流水號',  `order_num` varchar(20) DEFAULT NULL COMMENT '訂單號',  `product_id` varchar(20) DEFAULT NULL COMMENT '產品主鍵ID',  `paid_amount` varchar(11) DEFAULT NULL COMMENT '支付金額',  `paid_method` int(11) DEFAULT NULL COMMENT '支付方式\r\n            1:支付寶\r\n            2:微信',  `buy_counts` int(11) DEFAULT NULL COMMENT '購買個數',  `create_time` datetime DEFAULT NULL COMMENT '建立時間',  PRIMARY KEY (`id`)) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='流水錶';CREATE TABLE `orders` (  `id` varchar(20) NOT NULL,  `order_num` varchar(20) DEFAULT NULL COMMENT '訂單號',  `order_status` varchar(20) DEFAULT NULL COMMENT '訂單狀態\r\n            10:待付款\r\n            20:已付款',  `order_amount` varchar(11) DEFAULT NULL COMMENT '訂單金額',  `paid_amount` varchar(11) DEFAULT NULL COMMENT '實際支付金額',  `product_id` varchar(20) DEFAULT NULL COMMENT '產品表外來鍵ID',  `buy_counts` int(11) DEFAULT NULL COMMENT '產品購買的個數',  `create_time` datetime DEFAULT NULL COMMENT '訂單建立時間',  `paid_time` datetime DEFAULT NULL COMMENT '支付時間',  PRIMARY KEY (`id`)) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='訂單表';CREATE TABLE `product` (  `id` varchar(20) NOT NULL,  `name` varchar(20) DEFAULT NULL COMMENT '產品名稱',  `price` varchar(11) DEFAULT NULL COMMENT '價格',  PRIMARY KEY (`id`)) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COMMENT='產品表 ';

3、dao資料介面層

這裡就不介紹了,這個只包括簡單的curd,可以使用`通用mapper`,或者`逆向工程`就行。以訂單order為例給出:

public interface OrdersMapper {    int countByExample(OrdersExample example);    int deleteByExample(OrdersExample example);    int deleteByPrimaryKey(String id);    int insert(Orders record);    int insertSelective(Orders record);    List<Orders> selectByExample(OrdersExample example);    Orders selectByPrimaryKey(String id);    int updateByExampleSelective(@Param("record") Orders record, @Param("example") OrdersExample example);    int updateByExample(@Param("record") Orders record, @Param("example") OrdersExample example);    int updateByPrimaryKeySelective(Orders record);    int updateByPrimaryKey(Orders record);}

注意:原始碼最後給出

4、service層

同上,最後在專案原始碼裡可見。以訂單order為例給出:

/** * 訂單操作 service * @author ibm * */public interface OrdersService {    /**     * 新增訂單     * @param order     */    public void saveOrder(Orders order);    /**     *      * @Title: OrdersService.java     * @Package com.sihai.service     * @Description: 修改叮噹狀態,改為 支付成功,已付款; 同時新增支付流水     * Copyright: Copyright (c) 2017     * Company:FURUIBOKE.SCIENCE.AND.TECHNOLOGY     *      * @author sihai     * @date 2017年8月23日 下午9:04:35     * @version V1.0     */    public void updateOrderStatus(String orderId, String alpayFlowNum, String paidAmount);    /**     * 獲取訂單     * @param orderId     * @return     */    public Orders getOrderById(String orderId);}

4、支付寶支付controller(支付流程)

支付流程圖

SSM 實現支付寶支付功能(圖文詳解+完整程式碼)

首先,啟動專案後,輸入http://localhost:8080/,會進入到商品頁面,如下:

SSM 實現支付寶支付功能(圖文詳解+完整程式碼)

下面是頁面程式碼

商品頁面(products.jsp)

SSM 實現支付寶支付功能(圖文詳解+完整程式碼)

程式碼實現:

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %><%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>  <script src="<%=request.getContextPath() %>/static/js/jquery.min.js" type="text/javascript"></script><html>    <head>    </head>    <body>        <table>            <tr>                <td>                    產品編號                </td>                <td>                    產品名稱                </td>                <td>                    產品價格                </td>                <td>                    操作                </td>            </tr>            <c:forEach items="${pList }" var="p">                <tr>                    <td>                        ${p.id }                    </td>                    <td>                        ${p.name }                    </td>                    <td>                        ${p.price }                    </td>                    <td>                        <a href="<%=request.getContextPath() %>/alipay/goConfirm.action?productId=${p.id }">購買</a>                    </td>                </tr>            </c:forEach>        </table>        <input type="hidden" id="hdnContextPath" name="hdnContextPath" value="<%=request.getContextPath() %>"/>    </body></html><script type="text/javascript">    $(document).ready(function() {        var hdnContextPath = $("#hdnContextPath").val();    });</script>

點選上面的 購買 ,進入到 訂單頁面

SSM 實現支付寶支付功能(圖文詳解+完整程式碼)

填寫個數,然後點選生成訂單,呼叫如下程式碼

SSM 實現支付寶支付功能(圖文詳解+完整程式碼)

根據 SID (生成id的工具)等資訊生成訂單,儲存到資料庫。

進入到選擇支付頁面

SSM 實現支付寶支付功能(圖文詳解+完整程式碼)

呼叫瞭如下程式碼:

SSM 實現支付寶支付功能(圖文詳解+完整程式碼)

然後,我們選擇支付寶支付,進入到了我們支付的頁面了,大功告成!

SSM 實現支付寶支付功能(圖文詳解+完整程式碼)

呼叫瞭如下程式碼:

/**     *     * @Title: AlipayController.java     * @Package com.sihai.controller     * @Description: 前往支付寶第三方閘道器進行支付     * Copyright: Copyright (c) 2017     * Company:FURUIBOKE.SCIENCE.AND.TECHNOLOGY     *     * @author sihai     * @date 2017年8月23日 下午8:50:43     * @version V1.0     */    @RequestMapping(value = "/goAlipay", produces = "text/html; charset=UTF-8")    @ResponseBody    public String goAlipay(String orderId, HttpServletRequest request, HttpServletRequest response) throws Exception {        Orders order = orderService.getOrderById(orderId);        Product product = productService.getProductById(order.getProductId());        //獲得初始化的AlipayClient        AlipayClient alipayClient = new DefaultAlipayClient(AlipayConfig.gatewayUrl, AlipayConfig.app_id, AlipayConfig.merchant_private_key, "json", AlipayConfig.charset, AlipayConfig.alipay_public_key, AlipayConfig.sign_type);        //設定請求引數        AlipayTradePagePayRequest alipayRequest = new AlipayTradePagePayRequest();        alipayRequest.setReturnUrl(AlipayConfig.return_url);        alipayRequest.setNotifyUrl(AlipayConfig.notify_url);        //商戶訂單號,商戶網站訂單系統中唯一訂單號,必填        String out_trade_no = orderId;        //付款金額,必填        String total_amount = order.getOrderAmount();        //訂單名稱,必填        String subject = product.getName();        //商品描述,可空        String body = "使用者訂購商品個數:" + order.getBuyCounts();        // 該筆訂單允許的最晚付款時間,逾期將關閉交易。取值範圍:1m~15d。m-分鐘,h-小時,d-天,1c-當天(1c-當天的情況下,無論交易何時建立,都在0點關閉)。該引數數值不接受小數點, 如 1.5h,可轉換為 90m。        String timeout_express = "1c";        alipayRequest.setBizContent("{\"out_trade_no\":\""+ out_trade_no +"\","                + "\"total_amount\":\""+ total_amount +"\","                + "\"subject\":\""+ subject +"\","                + "\"body\":\""+ body +"\","                + "\"timeout_express\":\""+ timeout_express +"\","                + "\"product_code\":\"FAST_INSTANT_TRADE_PAY\"}");        //請求        String result = alipayClient.pageExecute(alipayRequest).getBody();        return result;    }

這段程式碼都可以在阿里支付的demo裡面找到的,只需要複製過來,然後改改,整合到ssm環境即可。

上面就是將阿里支付寶支付整合到ssm的全過程了。


·END·

程式設計師的成長之路

路雖遠,行則必至

本文原發於 同名微信公眾號「程式設計師的成長之路」,回覆「1024」你懂得,給個讚唄。

回覆 [ 520 ] 領取程式設計師最佳學習方式

回覆 [ 256 ] 檢視 Java 程式設計師成長規劃


往期精彩回顧

程式設計師接私活的7大平臺利器

Java程式設計師的成長之路

白話TCP為什麼需要進行三次握手

Java效能優化的50個細節(珍藏版)

設計電商平臺優惠券系統

一個對話讓你明白架構師是做什麼的?

教你一招用 IDE 程式設計提升效率的騷操作!

送給程式設計師們的經典電子書大禮包


來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69902700/viewspace-2644409/,如需轉載,請註明出處,否則將追究法律責任。

相關文章