支付开发(七)----支付宝开发之手机网站支付(H5支付)

其实官方的文档中:https://docs.open.alipay.com/203 介绍的已经很详细了，我就实地的看文档操作了一遍，具体步骤如下:

一、创建应用

流程如下:

首先要有支付宝开放平台: 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=1

二、填写应用基础信息

然后输入应用的一些信息

提交审核。。

三、配置沙箱

这里我用支付宝提供的沙盒来测试,蚂蚁沙箱环境(Beta)是协助开发者进行接口功能开发及主要功能联调的模拟环境，在沙箱完成接口开发及主要功能调试后，请务必在蚂蚁正式环境进行完整的功能验收测试。

点击开发者中心中的沙箱进入沙箱环境页面，系统已经自动为你创建一个应用，在基础信息中可以看到应用信息。

同时还创建了账户

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");

四、导入项目

然后下载支付宝提供的DEMO

下载下来之后，解压导入到Eclipse中去，结构如下

修改其中的配置文件AlipayConfig

package com.alipay.config;public class AlipayConfig {// 商户appidpublic static String APPID = "";// 私钥 pkcs8格式的public static String RSA_PRIVATE_KEY = "";// 服务器异步通知页面路径 需http://或者https://格式的完整路径，不能加?id=123这类自定义参数，必须外网可以正常访问public static String notify_url = "http://商户网关地址/alipay.trade.wap.pay-JAVA-UTF-8/notify_url.jsp";// 页面跳转同步通知页面路径 需http://或者https://格式的完整路径，不能加?id=123这类自定义参数，必须外网可以正常访问 商户可以自定义同步跳转地址public static String return_url = "http://商户网关地址/alipay.trade.wap.pay-JAVA-UTF-8/return_url.jsp";// 请求网关地址public static String URL = "https://openapi.alipay.com/gateway.do";// 编码public static String CHARSET = "UTF-8";// 返回格式public static String FORMAT = "json";// 支付宝公钥public static String ALIPAY_PUBLIC_KEY = "MIIBIjANBgkqhkiG9w0BAQEFAAOCAQ8AMIIBCgKCAQEAjrEVFMOSiNJXaRNKicQuQdsREraftDA9Tua3WNZwcpeXeh8Wrt+V9JilLqSa7N7sVqwpvv8zWChgXhX/A96hEg97Oxe6GKUmzaZRNh0cZZ88vpkn5tlgL4mH/dhSr3Ip00kvM4rHq9PwuT4k7z1DpZAf1eghK8Q5BgxL88d0X07m9X96Ijd0yMkXArzD7jg+noqfbztEKoH3kPMRJC2w4ByVdweWUT2PwrlATpZZtYLmtDvUKG/sOkNAIKEMg3Rut1oKWpjyYanzDgS7Cg3awr1KPTl9rHCazk15aNYowmYtVabKwbGVToCAGK+qQ1gT3ELhkGnf3+h53fukNqRH+wIDAQAB";// 日志记录目录public static String log_path = "/log";// RSA2public static String SIGNTYPE = "RSA2";
}

把其中的一些信息替换成沙箱的信息,其中同步异步通知要外网能访问的，我用的是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 blocke.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");}
%>

五、支付测试

然后启动Tomcat，访问http://localhost:8080/alipay.trade.wap.pay-java-utf-8/index.html

点击第一个，进行下单

默认的就行了，然后点击确定

六、总结

如果不想，像上面那样那么繁琐，导入项目，配置这，配置哪的，直接想看下结果，可以直接运行以下几行代码就行了:

/*** 网关地址(正式环境)*/
public static final String URL = "https://openapi.alipay.com/gateway.do";
/*** 商户appid*/
pulbic static final String APP_ID = "";
/*** 应用私钥 pkcs8格式的*/
pulbic static final String PRIVATE_KEY = "";
/*** 支付宝公钥*/
pulbic static final String ALIPAY_PUBLIC_KEY = "";AlipayClient alipayClient = new DefaultAlipayClient(URL, APP_ID, PRIVATE_KEY, "json", "utf-8", , "RSA2");
// 创建API对应的request
AlipayTradeWapPayRequest alipayRequest = new AlipayTradeWapPayRequest();
alipayRequest.setReturnUrl("https://xxx.xxx.xxx/open-pay/open-pay/aggregate/pay/QRPay");
// 在公共参数中设置回跳和通知地址
alipayRequest.setNotifyUrl("https://xxx.xxx.xxx/open-pay/alipay/notify_url");
String out_trade_no = "20180502123456789";
alipayRequest.setBizContent("{" +" \"out_trade_no\":\"" + out_trade_no + "\"," +" \"total_amount\":\"0.01\"," +" \"subject\":\"Iphone6 16G\"," +" \"product_code\":\"QUICK_WAP_PAY\"" +" }");//填充业务参数
// 调用SDK生成表单
String form = alipayClient.pageExecute(alipayRequest).getBody();
//直接将完整的表单html输出到页面
System.out.println(form);

输出的内容如下:

<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()提交表单,调出支付宝进行支付。

支付开发(七)----支付宝开发之手机网站支付(H5支付)相关推荐

支付宝沙箱测试手机网站支付，提示商户合作协议已到期，无法继续使用
问题:大家好,我的php支付宝沙箱测试手机网站支付,提示商户合作协议已到期,无法继续使用,进行pc电脑网站支付都正常,手机网站支付却不行,请问这个是什么原因呢? 回答: 说明: 这个报错是出现在沙 ...
【微信开发第四章】SpringBoot实现微信H5支付
前言在进行微信公众号业务开发的时候,微信支付可以说是非常重要的一环.该篇文章每一步都有记录,力争理解的同时各位小伙伴也能够实现功能文章目录前言 1.公众号配置 2.微信支付实现代码总结 1.公 ...
微信支付开发（只针对公众号里的h5支付JSAPI）
微信支付后台: https://pay.weixin.qq.com 只有这里设置了,程序中才能使用这个key /*** 微信支付统一下单接口** @param userOrder 订单信息* @ret ...
手机浏览器微信h5支付
'WEIXINPAY_CONFIG' => array( 'APPID' => '', // 微信支付APPID 'MCHID' =&g ...
微信html5 支付接口,黄聪：详解申请微信h5支付方法，开通微信h5网页支付接口（转）...
现在大街小巷的商家都在使用微信支付, 但是一些商家使用的是个人微信收款, 这个虽然很便利, 但是如果你想要数据统计汇总, 让客户在网络上在线付款, 就需要用到微信的h5支付. 微信h5支付今天子恒老 ...
一个PHP文件搞定支付宝系列之手机网站支付（兼容微信浏览器）
网上的很多PHP支付宝支付接入教程都颇为复杂,且需要配置和引入较多的文件,本人通过整理后给出一个单文件版的,希望可以给各位想接入支付宝支付的带来些许帮助和借鉴意义. 一个PHP文件搞定支付宝系列:ht ...
手机浏览器只保存php文件夹,一个PHP文件搞定支付宝系列之手机网站支付（兼容微信浏览器）...
网上的很多PHP支付宝支付接入教程都颇为复杂,且需要配置和引入较多的文件,本人通过整理后给出一个单文件版的,希望可以给各位想接入支付宝支付的带来些许帮助和借鉴意义. 在手机浏览器下打开实现效果在微信 ...
一个PHP文件搞定支付宝系列之手机网站支付（兼容微信浏览器）转
网上的很多PHP支付宝支付接入教程都颇为复杂,且需要配置和引入较多的文件,本人通过整理后给出一个单文件版的,希望可以给各位想接入支付宝支付的带来些许帮助和借鉴意义. 一个PHP文件搞定支付宝系列:ht ...
如何检测支付宝接口中notify_url.php有没有返回,支付宝中的手机网站支付接口，php版 notify_url.php 异步通知页面未成功执行...
require_once("alipay.config.php"); require_once("lib/alipay_notify.class.php"); ...

支付开发(七)----支付宝开发之手机网站支付(H5支付)

支付开发(七)----支付宝开发之手机网站支付(H5支付)相关推荐

最新文章

热门文章