支付寶開發之手機網站支付(H5支付)
其實官方的文檔中:https://docs.open.alipay.com/203 介紹的已經很詳細了，我就實地的看文檔操做了一遍，具體步驟以下:javascript
1、建立應用html
流程以下:java
首先要有支付寶開放平臺: https://open.alipay.com/platform/home.htm 帳號，而後登陸網站，建立一個應用算法
輸入應用名稱，而後點擊建立，詳細請查看支付寶官方的介紹:https://doc.open.alipay.com/docs/doc.htm?spm=a219a.7629140.0.0.1yF5nC&treeId=193&articleId=105894&docType=1express
2、填寫應用基礎信息json
提交審覈。。api
3、配置沙箱服務器
這裏我用支付寶提供的沙盒來測試,螞蟻沙箱環境(Beta)是協助開發者進行接口功能開發及主要功能聯調的模擬環境，在沙箱完成接口開發及主要功能調試後，請務必在螞蟻正式環境進行完整的功能驗收測試。app
點擊開發者中心中的沙箱進入沙箱環境頁面，系統已經自動爲你建立一個應用，在基礎信息中能夠看到應用信息。dom
同時還建立了帳戶
1. 生成並上傳RSA2(SHA256)的應用公鑰,能夠查考這:https://doc.open.alipay.com/docs/doc.htm?treeId=291&articleId=105971&docType=1 ,下載支付寶官方提供的工具
配置RSA2(SHA256)的應用公鑰後，不須要配置RSA(SHA1)密鑰，RSA和RSA2簽名算法區別能夠參考此處；
2. 編寫代碼時，請將
a.請求網關修改成：https://openapi.alipaydev.com/gateway.do
b.appid切換爲沙箱的appid
c.簽名方式使用RSA2
d.應用私鑰使用第1步生成的RSA2(SHA256)的私鑰(請根據開發語言進行選擇原始或pkcs8格式)
e.支付寶公鑰切換爲第1步配置後應用公鑰後，點擊查看支付寶公鑰看到的公鑰
在JAVA中的使用方式以下:
AlipayClient alipayClient = new DefaultAlipayClient("https://openapi.alipaydev.com/gateway.do","2016072200101XXXX","請複製第1步中生成的密鑰中的商戶應用私鑰","json","utf-8","沙箱環境RSA2支付寶公鑰","RSA2");
4、導入項目
而後下載支付寶提供的DEMO
下載下來以後，解壓導入到Eclipse中去，結構以下
修改其中的配置文件AlipayConfig
把其中的一些信息替換成 沙箱的信息,其中同步異步通知要外網能訪問的，我用的是Ngrok作的代理。
下訂單的是在pay.jsp頁面中。。。用的是JSP
-
<%@ page language="java" contentType="text/html; charset=UTF-8"
-
pageEncoding=
"UTF-8"%>
-
<%@page import="com.alipay.config.AlipayConfig" %>
-
<%@page import="com.alipay.api.AlipayClient"%>
-
<%@page import="com.alipay.api.DefaultAlipayClient"%>
-
<%@page import="com.alipay.api.AlipayApiException"%>
-
<%@page import="com.alipay.api.response.AlipayTradeWapPayResponse"%>
-
<%@page import="com.alipay.api.request.AlipayTradeWapPayRequest"%>
-
<%@page import="com.alipay.api.domain.AlipayTradeWapPayModel" %>
-
<%@page import="com.alipay.api.domain.AlipayTradeCreateModel"%>
-
<%
-
/* *
-
* 功能：支付寶手機網站支付接口(alipay.trade.wap.pay)接口調試入口頁面
-
* 版本：2.0
-
* 修改日期：2016-11-01
-
* 說明：
-
* 如下代碼只是爲了方便商戶測試而提供的樣例代碼，商戶能夠根據本身網站的須要，按照技術文檔編寫,並不是必定要使用該代碼。
-
請確保項目文件有可寫權限，否則打印不了日誌。
-
*/
-
%>
-
<%
-
if(request.getParameter("WIDout_trade_no")!=null){
-
// 商戶訂單號，商戶網站訂單系統中惟一訂單號，必填
-
String out_trade_no = new String(request.getParameter("WIDout_trade_no").getBytes("ISO-8859-1"),"UTF-8");
-
// 訂單名稱，必填
-
String subject = new String(request.getParameter("WIDsubject").getBytes("ISO-8859-1"),"UTF-8");
-
System.out.println(subject);
-
// 付款金額，必填
-
String total_amount=new String(request.getParameter("WIDtotal_amount").getBytes("ISO-8859-1"),"UTF-8");
-
// 商品描述，可空
-
String body = new String(request.getParameter("WIDbody").getBytes("ISO-8859-1"),"UTF-8");
-
// 超時時間 可空
-
String timeout_express="2m";
-
// 銷售產品碼 必填
-
String product_code="QUICK_WAP_PAY";
-
/**********************/
-
// SDK 公共請求類，包含公共請求參數，以及封裝了簽名與驗籤，開發者無需關注簽名與驗籤
-
//調用RSA簽名方式
-
AlipayClient client = new DefaultAlipayClient(AlipayConfig.URL, AlipayConfig.APPID, AlipayConfig.RSA_PRIVATE_KEY, AlipayConfig.FORMAT, AlipayConfig.CHARSET, AlipayConfig.ALIPAY_PUBLIC_KEY,AlipayConfig.SIGNTYPE);
-
AlipayTradeWapPayRequest alipay_request=new AlipayTradeWapPayRequest();
-
-
// 封裝請求支付信息
-
AlipayTradeWapPayModel model=new AlipayTradeWapPayModel();
-
model.setOutTradeNo(out_trade_no);
-
model.setSubject(subject);
-
model.setTotalAmount(total_amount);
-
model.setBody(body);
-
model.setTimeoutExpress(timeout_express);
-
model.setProductCode(product_code);
-
alipay_request.setBizModel(model);
-
// 設置異步通知地址
-
alipay_request.setNotifyUrl(AlipayConfig.notify_url);
-
// 設置同步地址
-
alipay_request.setReturnUrl(AlipayConfig.return_url);
-
-
// form表單生產
-
String form = "";
-
try {
-
// 調用SDK生成表單
-
form = client.pageExecute(alipay_request).getBody();
-
response.setContentType("text/html;charset=" + AlipayConfig.CHARSET);
-
response.getWriter().write(form);//直接將完整的表單html輸出到頁面
-
response.getWriter().flush();
-
response.getWriter().close();
-
} catch (AlipayApiException e) {
-
// TODO Auto-generated catch block
-
e.printStackTrace();
-
}
-
}
-
%>
-
<!DOCTYPE html>
-
<html>
-
<head>
-
<title>支付寶手機網站支付接口</title>
-
<meta http-equiv="
Content-Type"
content=
"text/html; charset=utf-8">
-
<style>
-
.......
-
</style>
-
</head>
-
<body text=#000000 bgColor="#ffffff" leftMargin=0 topMargin=4>
-
<header class="am-header">
-
<h1>支付寶手機網站支付接口快速通道(接口名：alipay.trade.wap.pay)
</h1>
-
</header>
-
<div id="main">
-
<form name=alipayment action='' method=post target="_blank">
-
<div id="body" style="clear:left">
-
<dl class="content">
-
<dt>商戶訂單號：
</dt>
-
<dd>
-
<input id="WIDout_trade_no" name="WIDout_trade_no" />
-
</dd>
-
<hr class="one_line">
-
<dt>訂單名稱：
</dt>
-
<dd>
-
<input id="WIDsubject" name="WIDsubject" />
-
</dd>
-
<hr class="one_line">
-
<dt>付款金額：
</dt>
-
<dd>
-
<input id="WIDtotal_amount" name="WIDtotal_amount" />
-
</dd>
-
<hr class="one_line"/>
-
<dt>商品描述：
</dt>
-
<dd>
-
<input id="WIDbody" name="WIDbody" />
-
</dd>
-
<hr class="one_line">
-
<dt>
</dt>
-
<dd id="btn-dd">
-
<span class="new-btn-login-sp">
-
<button class="new-btn-login" type="submit" style="text-align:center;">確 認
</button>
-
</span>
-
<span class="note-help">若是您點擊「確認」按鈕，即表示您贊成該次的執行操做。
</span>
-
</dd>
-
</dl>
-
</div>
-
</form>
-
<div id="foot">
-
<ul class="foot-ul">
-
<li>
-
支付寶版權全部 2015-2018 ALIPAY.COM
-
</li>
-
</ul>
-
</div>
-
</div>
-
</body>
-
<script language="javascript">
-
function GetDateNow() {
-
var vNow =
new
Date();
-
var sNow =
"";
-
sNow +=
String(vNow.getFullYear());
-
sNow +=
String(vNow.getMonth() +
1);
-
sNow +=
String(vNow.getDate());
-
sNow +=
String(vNow.getHours());
-
sNow +=
String(vNow.getMinutes());
-
sNow +=
String(vNow.getSeconds());
-
sNow +=
String(vNow.getMilliseconds());
-
document.getElementById(
"WIDout_trade_no").value = sNow;
-
document.getElementById(
"WIDsubject").value =
"手機網站支付測試商品";
-
document.getElementById(
"WIDtotal_amount").value =
"0.01";
-
document.getElementById(
"WIDbody").value =
"購買測試商品0.01元";
-
}
-
GetDateNow();
-
</script>
-
</html>
同步通知頁面return_url.jsp
-
<%@page import="com.alipay.api.internal.util.AlipaySignature"%>
-
<%
-
/* *
-
功能：支付寶頁面跳轉同步通知頁面
-
版本：3.2
-
日期：2011-03-17
-
說明：
-
如下代碼只是爲了方便商戶測試而提供的樣例代碼，商戶能夠根據本身網站的須要，按照技術文檔編寫,並不是必定要使用該代碼。
-
該代碼僅供學習和研究支付寶接口使用，只是提供一個參考。
-
-
//***********頁面功能說明***********
-
該頁面可在本機電腦測試
-
可放入HTML等美化頁面的代碼、商戶業務邏輯程序代碼
-
TRADE_FINISHED(表示交易已經成功結束，並不能再對該交易作後續操做);
-
TRADE_SUCCESS(表示交易已經成功結束，能夠對該交易作後續操做，如：分潤、退款等);
-
//********************************
-
* */
-
%>
-
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
-
<%@ page import="java.util.*"%>
-
<%@ page import="java.util.Map"%>
-
<%@ page import="com.alipay.config.*"%>
-
<%@ page import="com.alipay.api.*"%>
-
<html>
-
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-
<title>支付寶頁面跳轉同步通知頁面
</title>
-
</head>
-
<body>
-
<%
-
//獲取支付寶
GET過來反饋信息
-
Map<
String,
String> params = new HashMap
<String,String>();
-
Map requestParams = request.getParameterMap();
-
for (Iterator iter = requestParams.keySet().iterator(); iter.hasNext();) {
-
String name = (String) iter.next();
-
String[] values = (String[]) requestParams.get(name);
-
String valueStr = "";
-
for (int i = 0; i
< values.length; i++) {
-
valueStr = (i == values.length - 1) ? valueStr + values[i]
-
: valueStr + values[i] + ",";
-
}
-
//亂碼解決，這段代碼在出現亂碼時使用。若是mysign和sign不相等也能夠使用這段代碼轉化
-
valueStr = new String(valueStr.getBytes("ISO-8859-1"), "utf-8");
-
params.put(name, valueStr);
-
}
-
-
//獲取支付寶的通知返回參數，可參考技術文檔中頁面跳轉同步通知參數列表(如下僅供參考)//
-
//商戶訂單號
-
-
String out_trade_no = new String(request.getParameter("out_trade_no").getBytes("ISO-8859-1"),"UTF-8");
-
-
//支付寶交易號
-
-
String trade_no = new String(request.getParameter("trade_no").getBytes("ISO-8859-1"),"UTF-8");
-
-
//獲取支付寶的通知返回參數，可參考技術文檔中頁面跳轉同步通知參數列表(以上僅供參考)//
-
//計算得出通知驗證結果
-
//boolean AlipaySignature.rsaCheckV1(Map<String, String> params, String publicKey, String charset, String sign_type)
-
boolean verify_result = AlipaySignature.rsaCheckV1(params, AlipayConfig.ALIPAY_PUBLIC_KEY, AlipayConfig.CHARSET, "RSA2");
-
-
if(verify_result){//驗證成功
-
//////////////////////////////////////////////////////////////////////////////////////////
-
//請在這裏加上商戶的業務邏輯程序代碼
-
//該頁面可作頁面美工編輯
-
out.clear();
-
out.println("驗證成功
<br />");
-
//——請根據您的業務邏輯來編寫程序（以上代碼僅做參考）——
-
-
//////////////////////////////////////////////////////////////////////////////////////////
-
}else{
-
//該頁面可作頁面美工編輯
-
out.clear();
-
out.println("驗證失敗");
-
}
-
%>
-
</body>
-
</html>
異步通知notify_url.jsp
-
<%@page import="com.alipay.api.internal.util.AlipaySignature"%>
-
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
-
<%@ page import="java.util.*"%>
-
<%@ page import="java.util.Map"%>
-
<%@ page import="com.alipay.config.*"%>
-
<%@ page import="com.alipay.api.*"%>
-
<%
-
//獲取支付寶
POST過來反饋信息
-
Map<
String,
String> params = new HashMap
<String,String>();
-
Map requestParams = request.getParameterMap();
-
for (Iterator iter = requestParams.keySet().iterator(); iter.hasNext();) {
-
String name = (String) iter.next();
-
String[] values = (String[]) requestParams.get(name);
-
String valueStr = "";
-
for (int i = 0; i
< values.length; i++) {
-
valueStr = (i == values.length - 1) ? valueStr + values[i]
-
: valueStr + values[i] + ",";
-
}
-
//亂碼解決，這段代碼在出現亂碼時使用。若是mysign和sign不相等也能夠使用這段代碼轉化
-
//valueStr = new String(valueStr.getBytes("ISO-8859-1"), "gbk");
-
params.put(name, valueStr);
-
}
-
//獲取支付寶的通知返回參數，可參考技術文檔中頁面跳轉同步通知參數列表(如下僅供參考)//
-
//商戶訂單號
-
-
String out_trade_no = new String(request.getParameter("out_trade_no").getBytes("ISO-8859-1"),"UTF-8");
-
//支付寶交易號
-
-
String trade_no = new String(request.getParameter("trade_no").getBytes("ISO-8859-1"),"UTF-8");
-
-
//交易狀態
-
String trade_status = new String(request.getParameter("trade_status").getBytes("ISO-8859-1"),"UTF-8");
-
-
//獲取支付寶的通知返回參數，可參考技術文檔中頁面跳轉同步通知參數列表(以上僅供參考)//
-
//計算得出通知驗證結果
-
//boolean AlipaySignature.rsaCheckV1(Map<String, String> params, String publicKey, String charset, String sign_type)
-
boolean verify_result = AlipaySignature.rsaCheckV1(params, AlipayConfig.ALIPAY_PUBLIC_KEY, AlipayConfig.CHARSET, "RSA2");
-
-
if(verify_result){//驗證成功
-
//////////////////////////////////////////////////////////////////////////////////////////
-
//請在這裏加上商戶的業務邏輯程序代碼
-
-
//——請根據您的業務邏輯來編寫程序（如下代碼僅做參考）——
-
-
if(trade_status.equals("TRADE_FINISHED")){
-
//判斷該筆訂單是否在商戶網站中已經作過處理
-
//若是沒有作過處理，根據訂單號（out_trade_no）在商戶網站的訂單系統中查到該筆訂單的詳細，並執行商戶的業務程序
-
//請務必判斷請求時的total_fee、seller_id與通知時獲取的total_fee、seller_id爲一致的
-
//若是有作過處理，不執行商戶的業務程序
-
-
//注意：
-
//若是簽約的是可退款協議，退款日期超過可退款期限後（如三個月可退款），支付寶系統發送該交易狀態通知
-
//若是沒有簽約可退款協議，那麼付款完成後，支付寶系統發送該交易狀態通知。
-
} else if (trade_status.equals("TRADE_SUCCESS")){
-
//判斷該筆訂單是否在商戶網站中已經作過處理
-
//若是沒有作過處理，根據訂單號（out_trade_no）在商戶網站的訂單系統中查到該筆訂單的詳細，並執行商戶的業務程序
-
//請務必判斷請求時的total_fee、seller_id與通知時獲取的total_fee、seller_id爲一致的
-
//若是有作過處理，不執行商戶的業務程序
-
-
//注意：
-
//若是簽約的是可退款協議，那麼付款完成後，支付寶系統發送該交易狀態通知。
-
}
-
-
//——請根據您的業務邏輯來編寫程序（以上代碼僅做參考）——
-
out.clear();
-
out.println("success"); //請不要修改或刪除
-
-
//////////////////////////////////////////////////////////////////////////////////////////
-
}else{//驗證失敗
-
out.println("fail");
-
}
-
%>
5、支付測試
而後啓動Tomcat，訪問http://localhost:8080/alipay.trade.wap.pay-java-utf-8/index.html
點擊第一個，進行下單
默認的就好了，而後點擊肯定
6、總結
若是不想，像上面那樣那麼繁瑣，導入項目，配置這，配置哪的，直接想看下結果，能夠直接運行如下幾行代碼就好了:
輸出的內容以下:
-
<form name="punchout_form" method="post" action="https://openapi.alipay.com/gateway.do?charset=utf-8&method=alipay.trade.wap.pay&sign=xxxxxx&return_url=xxxxxxx¬ify_url=xxxxxxxx&version=1.0&app_id=xxxx&sign_type=RSA2×tamp=2018-05-02+18%3A10%3A07&alipay_sdk=alipay-sdk-java-dynamicVersionNo&format=json">
-
<input type="hidden" name="biz_content" value="{ "out_trade_no":"bkcZX2aalBhadz3BT", "total_amount":"0.01", "subject":"Iphone6 16G", "product_code":"QUICK_WAP_PAY" }">
-
<input type="submit" value="當即支付" style="display:none" >
-
</form>
-
<script>
document.forms[0].submit();
</script>
他這裏把HTML頁面輸出到頁面而後，直接document.forms[0].submit()提交表單,調出支付寶進行支付。
相關文章
- 1. 支付開發(七)----支付寶開發之手機網站支付(H5支付)
- 2. tp3.2 支付寶手機網站支付
- 3. 手機網站支付寶支付
- 4. 支付寶支付之手機網站支付
- 5. C#支付寶支付接口H5版（手機網頁支付）
- 6. 支付寶 網站 支付（AliPay）開發
- 7. 手機網站支付使用支付寶支付
- 8. vue h5支付寶支付
- 9. 支付寶H5支付
- 10. 支付寶H5支付demo
- 更多相關文章...
- • SVN分支 - SVN 教程
- • Git 分支管理 - Git 教程
- • PHP開發工具
- • 互聯網組織的未來：剖析GitHub員工的任性之源
相關標籤/搜索
每日一句
-
每一个你不满意的现在，都有一个你没有努力的曾经。
歡迎關注本站公眾號,獲取更多信息
相關文章
- 1. 支付開發(七)----支付寶開發之手機網站支付(H5支付)
- 2. tp3.2 支付寶手機網站支付
- 3. 手機網站支付寶支付
- 4. 支付寶支付之手機網站支付
- 5. C#支付寶支付接口H5版（手機網頁支付）
- 6. 支付寶 網站 支付（AliPay）開發
- 7. 手機網站支付使用支付寶支付
- 8. vue h5支付寶支付
- 9. 支付寶H5支付
- 10. 支付寶H5支付demo