支付宝手机H5网站webApp支付流程（个人实现对接）教程
前言：一个个人的手机H5网站或者webApp集成支付宝的网页，支付后跳转链接。想要实现申请对接，现在来说的确很难，因为支付宝是不允许个人用户申请的（php网站集成支付宝即时到帐功能，跳转到支付页面的原理也可以参照一下）手机网站支付功能主要应用于手机、掌上电脑等无线设备的网页上，通过网页跳转或浏览器自带的支付宝快捷支付实现买家付款的功能，资金即时到账。那么废话不多说，下面详细的给大家分享一篇自己的心得经验，如何对接支付宝手机H5网站webApp支付！！！
1、您申请前必须拥有企业支付宝账号（不含个体工商户账号），且通过支付宝实名认证审核！！没有可以加 Q 785-087-203
2、如果您有已经建设完成的无线网站（非淘宝、天猫、诚信通网店），网站经营的商品或服务内容明确、完整（古玩、珠宝等奢侈品、投资类行业无法申请这个支付接口的）。
3、网站必须已通过ICP备案，备案信息与签约商户信息一致。
如果我们已经成功申请到手机网站支付接口，在进行开发之前，需要使用公司账号登录支付宝开放平台。
1、首先我们先用开发者账号（也就是企业支付宝）登录开放平台，点击右上角的“账户及密钥管理”。
2、选择“合作伙伴密钥”，即可查询到合作伙伴身份（PID），以2088开头的16位纯数字。
KYE密匙与PID
支付宝官方提供了DSA、RSA、MD5三种签名方式，本次开发中的教程，我们使用RSA签名和加密，那就只配置RSA密钥就好了。
关于RSA加密的详解，参见《支付宝签名与验签》在这里我就不多说了。
本节可以忽略，本节可以忽略，本节可以忽略！重要的事情说三遍，因为官方文档并没有提及应用环境配置的问题。
进入管理中心，对应用进行设置。
上图是我的应用配置选项，公司账号也许会有所不同。具体哪些参数需要配置？请参照接口参数说明，需要什么就配置什么。
Node端发起支付请求
小编我这里采用的，就是这种方式，步骤3中Node端获取到的支付宝参数，包括sign。其实，sign的计算工作也可以放在Node端，只不过支付宝没有给出Node的demo，实现起来需要耗费多一点时间。
后端发起支付请求
这种方式也很好，而且，步骤4中后端获取到支付页面，也可以不传给Node端，自己显示出来。这样，整个流程就更加简单。
return_url和notify_url
return_url，支付完成后的回调url；notify_url，支付完成后通知的url。支付宝发送给两个url的参数是一样的，只不过一个是get，一个是post。
以上两种发起请求的方式中，return_url在Node端，notify_url在后端。我们也可以根据需要，把两个url都放在后端，或者都放在Node端，改变相应业务逻辑即可。
Node端详解
Node端发起支付请求有两种选择，一种是获取到后端给的参数后，通过request模块发起get请求，获取到支付宝返回的支付页面，然后显示到页面上；另一种是获取到后端给的参数后，把参数全部输出到页面中的form表单，然后通过js自动提交表单，获取到支付宝返回的支付页面（同时显示出来）。
request发起请求
// 通过orderId向后端请求获取支付宝支付参数alidatavar alipayUrl = 'https://mapi.alipay.com/gateway.do?'+request.get({url: alipayUrl},function(error, response, body){ res.send(response.body);});
request发起请求
奇怪的地方在于刷新页面多次后，正常了！！！网页就会出现这样的乱码
先解决乱码问题，看看报什么错！
request.get({url: alipayUrl},function(error, response, body)
{var str = response2. str = str.replace(/gb2312/, "utf-8");
res.setHeader('content-type', 'text/charset=utf-8'); res.send(str); });
很遗憾，无效！乱码依然是乱码。。。和沈晨帅哥讨论很久，最终决定换一种方案——利用表单提交。
表单提交请求
// node端// 通过orderId向后端请求获取支付宝支付参数alidatafunction getArg(str,arg) { var reg = new RegExp('(^|&)' + arg + '=([^&]*)(&|$)', 'i'); var r = str.match(reg); if (r != null) { return unescape(r[2]); }}var alipayParam = { _input_charset: getArg(alidata,'_input_charset'), body: getArg(alidata,'body'), it_b_pay: getArg(alidata, 'it_b_pay'), notify_url: getArg(alidata, 'notify_url'), out_trade_no: getArg(alidata, 'out_trade_no'), partner: getArg(alidata, 'partner'), payment_type: getArg(alidata, 'payment_type'), return_url: getArg(alidata, 'return_url'), seller_id: getArg(alidata, 'seller_id'), service: getArg(alidata, 'service'), show_url: getArg(alidata, 'show_url'), subject: getArg(alidata, 'subject'), total_fee: getArg(alidata, 'total_fee'), sign_type: getArg(alidata, 'sign_type'), sign: getArg(alidata, 'sign'), app_pay: getArg(alidata, 'app_pay')};res.render('artist/alipay',{ // 其他参数 alipayParam: alipayParam});
支付宝支付 &%include bootstrap.html=""& &/&
// alipay.jsseajs.use(['zepto'],function($){ var index = { init:function(){ var self = this.bindEvent(); }, bindEvent:function(){ var self = $('#ali-form').submit(); } } index.init();});
选择支付宝支付后，成功跳转到了支付宝支付页面，nice！看来这种方案很靠谱。
开始时，打算把alidata直接输出到form表单的action中接口的后面，因为这样似乎最简便。但是，提交表单时，后面的参数全部被丢弃了。所以，不得不得把所有参数放在form表单中。Node端拆分了一下参数，组装成了一个alipayParam对象，这个工作也可以交给后端来做。
显然，request模拟表单提交和真实表单提交结果的不同，得出的结论是，request并不能完全模拟表单提交。或者，request可以模拟，而我不会-_-|||。
值得点赞的是，支付宝给的错误代码很明确，一看就懂。上面这个错误，签名不对。因为我给alipayParam私自加了个app_pay属性，没有经过签名。
微信屏蔽支付宝
以上，大功告成？不！还有一个地方要填，因为微信屏蔽了支付宝！
在电脑上，跳转支付宝支付页面正常，很完美！然而，在微信浏览器中测试时，却没有跳转，而是出现如下信息。
完美解决办法
微信端支付宝支付，iframe改造
http://ic888.b2b168.com/
该办法的核心在于：把微信屏蔽的链接，赋值给iframe的src属性。
res.render('artist/alipay',{ alipayParam: alipayParam, param: urlencode(alidata)});
var iframe = document.getElementById('payFrame');var param = $('#param').val();iframe.src='https://mapi.alipay.com/gateway.do?'+
然而，在改造时，先是报错ILLEGAL_SIGN，于是利用urlencode处理了字符串。接着，又报错ILLEGAL_EXTERFACE，没有找到解决办法。
暂时放弃，以后如果有了解决办法再补上。
官方解决办法
关于微信公众平台无法使用支付宝收付款的解决方案说明
https://cshall.alipay.com/enterprise/help_detail.htm?help_id=524702
该方法的核心在于：确认支付时，提示用户打开外部系统浏览器，在系统浏览器中支付。
支付宝支付 确认支付 &%include bootstrap.html=""& &/&&&var btn = document.querySelector(".J-btn-submit"); btn.addEventListener("click", function (e) { e.preventDefault(); e.stopPropagation(); e.stopImmediatePropagation(); var queryParam = ''; Array.prototype.slice.call(document.querySelectorAll("input[type=hidden]")).forEach(function (ele) { queryParam += ele.name + "=" + encodeURIComponent(ele.value) + '&'; }); var gotoUrl = document.querySelector("#ali-form").getAttribute('action') + '?' + queryP _AP.pay(gotoUrl); }, false); btn.click();&/&
该页面会自动跳转到同一文件夹下的pay.htm，该文件官方已经提供，把其中的引入ap.js的路径修改一下即可。最终效果如下：
支付宝的支付流程和微信的支付流程，基本有很多的相似之处。q.305.710.439（对接第三方支付接口的专家）指出一点不同：支付宝支付完成后有return_url和notify_url；微信支付完成后只有notify_url。
然后我研读了一下微信支付的开发文档，确实如此。微信支付完成后的通知也分成两路，一路通知到notify_url，另一路返回给调用支付接口的JS，同时发微信消息提示。也就是说，跳转return_url的工作我们需要自己做。
然后大家看下对接后的实现效果页面
用户在手机浏览器中购买商品或服务
用户选择支付宝支付
调用支付宝网页收银台
买家在商户手机网站上购买商品
交易完成，站长可以登录商户后台查看交易信息
原理：网站集成支付宝即时到帐接口，如果用户点击付款后，会进入支付宝的付款页面，如果是手机端，并且安装了支付宝客户端的话，会自动调用支付宝客户端进行付款，如果用户进行了付款操作，会返回return_url地址指定的同步回调页面。
责任编辑：
声明：该文观点仅代表作者本人，搜狐号系信息发布平台，搜狐仅提供信息存储空间服务。
APP制作安卓（ios）平台上架无限关键词
QQ 微 信,支 付 宝即时到账支付,手机支付接口对接教程
今日搜狐热点谁有php对接通联支付接口教程？新手第一次做支付求帮助_百度知道
谁有php对接通联支付接口教程？新手第一次做支付求帮助
我有更好的答案
通联支付他们没有接口文档和dome吗？按照他们的文档进行对接即可！这种具有针对性的东西， 是不会有什么教程的！教程都是大众化的东西！
为您推荐：
其他类似问题
通联支付的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。php对接第四方支付接口报签名错误求解一下_百度知道
php对接第四方支付接口报签名错误求解一下
php对接第四方支付接口报签名错误求解一下 $sign = &app_id=&.$partner.&&app_order_id=&.$yesd.&&fee=&.$money.&&orderid=&.$trade_no.&&pay_type=&.$tyspe.&&platform_order_id=&.$yes.&&status=&.$panduan.&&unit=&.$
$sign = MD5($sign.$key);//签名数...
您的回答被采纳后将获得：
系统奖励15（财富值+成长值）+难题奖励20（财富值+成长值）
我有更好的答案
你这个 sign 和示例里面的顺序不一样，比如 app_order_id 和 orderid 的顺序
就是按照文档给的示例…复制过去吧，把值改下就行了
为您推荐：
其他类似问题
您可能关注的内容
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。网站是PHP的，需要对接第三方网银支付接口，有会用PHP编写接口文档的童鞋吗？急！_百度知道
网站是PHP的，需要对接第三方网银支付接口，有会用PHP编写接口文档的童鞋吗？急！
我有更好的答案
碰到这种问题，一般会先到网上搜索一下有没有已经做好然后贴出来的代码。国内银行业就那么十来家，你碰到的问题一定有前人已经遇见过了，然后复制下来，根据自己的需求改下ok，完成如果不懂写程序，该找人找人吧
采纳率：48%
你应该是找根据接口文档编写支付功能吧
有接口文档，但不是PHP的
私聊看看吧，我私信你。
我私信给你我的QQ了
为您推荐：
其他类似问题
网银支付的相关知识
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。网站已改版，请使用新地址访问：
zhifujiekou-pay 第三方支付平台 接口源码，商城，交友站都可以对接 WEB(ASP,PHP,...) 238万源代码下载- www.pudn.com
&文件名称: zhifujiekou-pay
& & & & &&]
&&所属分类:
&&开发工具: ASP
&&文件大小: 101 KB
&&上传时间:
&&下载次数: 15
&&提 供 者:
&详细说明：第三方支付平台支付接口源码，商城，交友站都可以对接-The third party payment platform payment interface source code
文件列表(点击判断是否您需要的文件，如果是垃圾请在下面评价投诉):
&&pay\config.asp&&...\he.asp&&...\img\main.css&&...\...\main.js&&...\...\pic_1.gif&&...\...\pic_2.gif&&...\...\pic_3.gif&&...\...\pic_4.gif&&...\index.asp&&...\md532.asp&&...\msain-show.jpg&&...\notify_Url.asp&&...\result_url.asp&&...\sgag.gif&&...\up.asp&&...\up1.asp&&...\yiye1.gif&&...\img&&pay
&近期下载过的用户:
&输入关键字，在本站238万海量源码库中尽情搜索：
&[] - Simulink of an three level inverter with induction motor
&[] - 基于VC2010和opencv库编写的计算机摄像头图像采集以及进行高斯处理程序和运行结果
&[] - 花旗支付平台源代码+无限制后台版，希望高手一起研究，打造免费的充值平台
&[] - 花旗完整的支付平台源码！支持八网关！支持N种游戏，不绑定域名！
&[] - php快钱支付接口, 支持快钱支付,php快钱支付接口
&[] - 网银在线，支付接口。通过 jsp//servlet实现，代码已经测试过。
&[] - 网络游戏支付平台网关源码,做支付平台必须要的通讯装备,
&[] - 支付宝接口,2.支付宝即时到账接口，源码说明，方便快捷，可以集成在自己的网站上去
&[] - 国内某团购网站的前台整站源码。集成支付宝和网银在线的接口。部分使用了DWR以及AJAX
能在发布的商品里下订单购买。发短信等流程
&[] - 8支付平台源代码
8支付平台源代码}