WEBAPP 对接支付宝
用的是MUI的框架
<!DOCTYPE HTML> <html> <head> <meta charset="utf-8"/> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/> <meta name="HandheldFriendly" content="true"/> <title>Hello H5+</title> <link rel="stylesheet" href="../css/common.css" type="text/css" charset="utf-8"/> <script type="text/javascript" src="../js/common.js"></script> <script type="text/javascript"> var pays={}; function plusReady(){ plus.payment.getChannels(function(channels){// 获取支付通道 var content=document.getElementById('payment'); for(var i in channels){ var channel=channels[i]; if(channel.id!='alipay'){ continue;//过滤掉非支付宝的通道 } pays[channel.id]=channel; checkServices(channel); } },function(e){ outLine('获取支付通道失败：'+e.message); }); } document.addEventListener('plusready', plusReady, false); //检测是否安装支付服务Begin function checkServices(pc){ if(!pc.serviceReady){ var txt=null; switch(pc.id){ case 'alipay': txt='检测到系统未安装“支付宝快捷支付服务”，无法完成支付操作，是否立即安装？'; break; default: txt='系统未安装“'+pc.description+'”服务，无法完成支付，是否立即安装？'; break; } plus.nativeUI.confirm(txt, function(e){ if(e.index==0){ pc.installService(); } }, pc.description); } } //检测是否安装支付服务End //开始支付Begin var w=null; // 支付 function pay(id){ if(w){return;}//检查是否请求订单中 if(id==='appleiap'){ outSet('应用内支付'); clicked('payment_iap.html'); return; } outSet('----- 请求支付 -----'); w=plus.nativeUI.showWaiting(); // 请求支付订单 var xhr=new XMLHttpRequest(); xhr.onreadystatechange=function(){ switch(xhr.readyState){ case 4: w.close();w=null; if(xhr.status==200){ outLine('----- 请求订单成功 -----'); outLine(xhr.responseText); var order=xhr.responseText; plus.payment.request(pays[id],order,function(result){ outLine('----- 支付成功 -----'); outLine(JSON.stringify(result)); plus.nativeUI.alert('支付成功：感谢你的支持，我们会继续努力完善产品。',function(){ back(); },'捐赠'); },function(e){ outLine('----- 支付失败 -----'); outLine('['+e.code+']：'+e.message); }); }else{ outLine('----- 请求订单失败 -----'); outLine( xhr.status ); plus.nativeUI.alert('获取订单信息失败！', null, '捐赠'); } break; default:break; } } xhr.open('GET','http://www.baidu.com/alipay/test/AopClientTest.php'); outLine('请求支付订单：'+'http://www.baidu.com/alipay/test/AopClientTest.php'); xhr.send(); } //开始支付End </script> </head> <body> <div id="payment" class="button" onClick="pay('alipay')">支付宝支付</div> <div id="outpos"/> <div id="output" style="height:230px"> Payment模块管理支付功能，可通过js调用第三方支付服务。通过plus.payment可获取支付管理对象。 </div> </body> </html>
下面是后端 AopClientTest.php
<?php require_once '../AopClient.php'; require_once '../AopCertification.php'; require_once '../request/AlipayTradeQueryRequest.php'; require_once '../request/AlipayTradeWapPayRequest.php'; require_once '../request/AlipayTradeAppPayRequest.php'; //1、execute 使用 $aop = new AopClient; $aop->gatewayUrl = "https://openapi.alipay.com/gateway.do"; $aop->appId = "20999999999998"; $aop->rsaPrivateKey = 'MIIEvQIBADja+x70IVqvzR2uB/H+kSNSRbwmfeivebwWPPF7Xa14B0xQPF23Zu1LfNDZIOgoNmarsqXfPuNtxxPgUTXjuigISEdcA3AViNDK3W8Xa/Wv2aLtbRdvDA0Tjl0zWcxT/R5WGWF63q1J5HmXPKsFXAqdo6FcfiBNpg2lXxweOxkGTrLWplBWbtWKQpfvGg7X7aN8h1e8SKWyuDnAZnlv9TNdudzAgMBAAECggEATKpbnUMV/3IE12D7V3xsHuWyqAZoyR0h924PowqQ4WCzmoD3lf4GMunnpDLjvXe2V27B8X+v3ei58eodN/5l1bt3rF23jDHywg6jK7Ga6LUcfm9i6PhGS3BtiYpgzwyM/gvixu+9+NARG5IdO/s5HZiwnLIUwRT8L2DGF268/5SzE7DPD7lxucvCYtmCTxMLmn5rZ0M0K6Iv5/12Zv7qaVVRASn/pbvkdU6rYxJIIgp4M611kGZUDzYo8VX4yvC+k/JrMtplfD3QXsrlMQJojHLtMIFfb9eACjKnHUOtLc7vz1Jf7I0xNoNqm3cuVjBxGYbk4E+SX9iM00SOpImjaQKBgQDnkRtgzU/ExSgrmWTi9UtgTVjNvADzMPFhfCpZt/+xAsKhIuNv+P7mz8oP7IkGWvxhHs0nDmTZsPnaxCnIabr+NzTdOZRv1Bpdi7JJwlRqOVdD+DlMTPtk/F73uJUrmg2/e7HoFcvcwU8r+J01hO0TkNJamf20Wajup8FE0WelVQKBgQDk+Bx4NjeMY6XsLCC8UIz/HtJoEuvepmzmYj+LpCAHs/A6+u9k3/RfjPIrmCLnWNQl1e0ybpxi/QfbaKInyb08XxdfQrh5z524cLZZLV5/cXTG7I9AsVBkaFlNAhqJkW9R8ckNprw9e5iK8Y7vRrlh4QfouFc//xsuakp66OHZpwKBgGO+YCGZLgPevIfTId6Us+v+RQMROQOHkGFiP0e39r4DJ1yLD5ZalUlMNYgYZYlERbN7tfhdvdj63xR5LFo0GKSJmQ61T5e/r7+dfaVBvGSo4ErZr6yK+DoubqWbbz2BtOxG1oHWaaJj7btN8kFsSUYFOmZmMB6wBBEQVzJSVKelAoGBANpyL88sgrCIvVrl+tFO1EXt5PVv3+KKyui9oTybeAeBT1cl4tFNrPqgIMcgnWQ0Zio2v9bWmpMCLsXQPKxTFxyK6GR05kUoo6O8vOu1kitqVewW8tDYmgdBWrlSoXjP7PG0CIniokLSMQWWUjTMN78/DumjPXKL8yXEOIystBSPAoGAWB+KFzMKzE2K4xypZABVa2sJJD13VZ3TymydMnOEvwO81ck443oSiWiuRKgUBcL7Yc+WrF4w66l2uh8OIS/y5zTPvqz/g/fxSWKB7ykjVf6ck6Rx24dWfejIL9mSHoP4eoNzKF6BXNRIoZBPilzNvJg1WU+wp67D9XCWHHssTa8='; $aop->format = "json"; $aop->charset = "UTF-8"; $aop->signType = "RSA2"; $aop->alipayrsaPublicKey = 'MIIBIdzrFl7Y9Z9c8ecUfQCwjWZS1b2H8/Mj4b8/g634UwRiCUsMIUDnY1yzyiTtpFn3aMXpFibANEmWdlHf+nYi2IWj2rCcCWzBXK5QSuYfvOaHgaAk71nMR0i766XoK1POdkXHbPiKecI7/mOE/DxER6J22JHLP9QVa1UoGG8var7Q9abwQXZL8Ge7jwwywhokLEmEwza/aOQIDAQAB'; //实例化具体API对应的request类,类名称和接口名称对应,当前调用接口名称：alipay.trade.app.pay $request = new AlipayTradeAppPayRequest(); //SDK已经封装掉了公共参数，这里只需要传入业务参数 $arr_bizcontent['body'] = '我是测试数据'; $arr_bizcontent['subject'] = '我是测试数据'; $arr_bizcontent['out_trade_no'] = time().rand(111,999)."ac"; $arr_bizcontent['timeout_express'] ="30m"; $arr_bizcontent['total_amount'] ="0.01"; $arr_bizcontent['product_code'] ="QUICK_MSECURITY_PAY"; $bizcontent = json_encode($arr_bizcontent); $request->setNotifyUrl("商户外网可以访问的异步地址"); $request->setBizContent($bizcontent); //这里和普通的接口调用不同，使用的是sdkExecute $response = $aop->sdkExecute($request); //htmlspecialchars是为了输出到页面时防止被浏览器将关键参数html转义，实际打印到日志以及http传输不会有这个问题 echo $response;//就是orderString 可以直接给客户端请求，无需再做处理。
// 官方SDK中 echo $response; 这儿是 htmlspecialchars($response); 必须吧转义去掉不然H5plus无法使用.但是如果用 APICloud 开发的话必须用 htmlspecialchars($response); 否则没法用
