支付宝插件支持app和wap双模式

支付宝支付接口和支付宝登录接口插件,使用js调用支付宝支付和登录功能,支持移动app接口,老wap接口,新wap接口,登录接口

支付宝参加后台参数AppID说明

支付宝appid是为了支付完成后返回app用的,如果不设置会导致在支付宝支付完后停留在支付宝,不返回你自己的app

支付宝Appid  为 ali+数字的形式,数字是在支付宝开放平台获得的移动app支付里登记的appid,样例ali122358777766

对于传统的wap支付,如果没有appid,可以设置为 ali+自己手机号的形式,样子  ali15899431324

1.使用app接口支付

lbuilder.AliPay.startPay(orderInfo,successFun,failFun);

当App在支付宝后台申请开通了移动app支付功能后可以使用此接口

为了正常支付完成后能跳转回app,需要在LBuilder后台系统设置支付宝那边申请到的appid

successFun是当支付完成,包括支付成功和正常支付失败都会调用此接口

failFun   是当支付失败,一般是网络异常,程序异常之类的错误会调用此接口

其中 orderInfo是支付的订单信息,订单的生成方式可以查看支付宝官方文档 https://docs.open.alipay.com/54/106370/

订单的格式  样例

var orderInfo="alipay_sdk=alipay-sdk-php-20161101&app_id=2018010401578247&biz_content=%7B%22body%22%3A%22%E6%88%91%E6%98%AF%E6%B5%8B%E8%AF%95%E6%95%B0%E6%8D%AE%22%2C%22subject%22%3A+%22App%E6%94%AF%E4%BB%98%E6%B5%8B%E8%AF%95%22%2C%22out_trade_no%22%3A+%2220180320test04%22%2C%22timeout_express%22%3A+%2230m%22%2C%22total_amount%22%3A+%220.01%22%2C%22product_code%22%3A%22QUICK_MSECURITY_PAY%22%7D&charset=UTF-8&format=json&method=alipay.trade.app.pay&notify_url=http%3A%2F%2Fwww.applicationloader.net%2Fappuploader%2Falipay%2Fnotify_url.php&sign_type=RSA2&timestamp=2018-03-20+12%3A36%3A08&version=1.0&sign=Y7NLCycuhsPB%2BB8onue5%2FrLUfnlsX2sf8Rc%2BV3ubUpk%2F4lY%2BYCDrFQqrgPPOEdDaY5fQVZ8fmtq1gM27AcLquPpFj%2F50tthPy5IjED6cjIQ1ZKvmS5zMtIwg8OqvZgVR%2FgflcGmKZ3Pc82WBUtn8QZyPtIGU4dpaOudQ5JSD%2FPJc7iX0m70gjxBByCwxZgm%2B1AwmyiNn9nLM6fQJs3eoKkJEHuKWz6l3JspK6albs0NIQPd7evDsz5Q84C881wknNYLx6vmVo9S5mbIMs8OZ8%2BzuJMfLZgum4fKPtP8OfwK%2FDaPDVWV6bSt2i50ExhIwvNCJ2UMwAU7G60kb9RhKdQ%3D%3D";

2.使用支付宝wap2支付

如果网站使用的是移动网站支付接口,并且使用的是新版支付宝接口,那么无需写任何其他的代码只需要在开心app后台系统设置appid(无id的可以填写自己的手机号码替代)

3.使用老版支付宝wap支付

如果网站使用的是老版本的wap支付接口,也无需编写任何代码就可以实现支付,但是体验一般,建议升级到新版本支付宝接口

4.使用App接口登录支付宝

lbuilder.AliPay.startAuth(authInfo,successFun,failFun);

当app在支付宝后台申请了登录授权功能时可使用这个接口,参数和支付的类似,具体可以参考支付的

5.完整的支付宝接口使用代码如下

<!DOCTYPE>
<html>
	<head>
		<title>lbuilder demo</title>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
		<meta http-equiv="Cache-Control" content="no-siteapp"/>
		<script type="text/javascript">
			/*
				orderInfo demo https://docs.open.alipay.com/54/106370/
			*/
			function startPay(){
			   var orderInfo="alipay_sdk=alipay-sdk-php-20161101&app_id=2018010401578247&biz_content=%7B%22body%22%3A%22%E6%88%91%E6%98%AF%E6%B5%8B%E8%AF%95%E6%95%B0%E6%8D%AE%22%2C%22subject%22%3A+%22App%E6%94%AF%E4%BB%98%E6%B5%8B%E8%AF%95%22%2C%22out_trade_no%22%3A+%2220180320test04%22%2C%22timeout_express%22%3A+%2230m%22%2C%22total_amount%22%3A+%220.01%22%2C%22product_code%22%3A%22QUICK_MSECURITY_PAY%22%7D&charset=UTF-8&format=json&method=alipay.trade.app.pay&notify_url=http%3A%2F%2Fwww.applicationloader.net%2Fappuploader%2Falipay%2Fnotify_url.php&sign_type=RSA2&timestamp=2018-03-20+12%3A36%3A08&version=1.0&sign=Y7NLCycuhsPB%2BB8onue5%2FrLUfnlsX2sf8Rc%2BV3ubUpk%2F4lY%2BYCDrFQqrgPPOEdDaY5fQVZ8fmtq1gM27AcLquPpFj%2F50tthPy5IjED6cjIQ1ZKvmS5zMtIwg8OqvZgVR%2FgflcGmKZ3Pc82WBUtn8QZyPtIGU4dpaOudQ5JSD%2FPJc7iX0m70gjxBByCwxZgm%2B1AwmyiNn9nLM6fQJs3eoKkJEHuKWz6l3JspK6albs0NIQPd7evDsz5Q84C881wknNYLx6vmVo9S5mbIMs8OZ8%2BzuJMfLZgum4fKPtP8OfwK%2FDaPDVWV6bSt2i50ExhIwvNCJ2UMwAU7G60kb9RhKdQ%3D%3D";
			   lbuilder.AliPay.startPay(orderInfo,
			   function(msg){
			   	alert(msg.resultStatus);
			   	alert(JSON.stringify(msg));
			   },
			   function(msg){
			   	alert(msg);
			   });
			}
		</script>
	</head>
	<body>
	<h3>Lbuilder demo</h3>
	<a href="javascript:startPay();">app pay</a><br/><br/>
	<a href="http://www.applicationloader.net/appuploader/alipaywap/wappay/pay.php">Wap2.0</a><br/><br/>
	<a href="http://www.applicationloader.net/appuploader/alipay/alipay.php?gid=0">Wap1.0</a><br/><br/>
	</body>
</html>