前言：
在移动端如此火爆的今天，很多用户出门都更倾向手机付款而不携带现金。各类手机网站或APP亦如此，当今最火爆的两大支付巨头，分别是支付宝和微信。今天我们就会带来如何在H5APP中调用支付宝接口进行付款。（微信支付和支付宝付款几乎大同小异）
1.创建应用
- 要调用支付宝支付，需要注册支付宝开发者帐号，有了帐号才可以调用支付接口
https://open.alipay.com/platform/developerIndex.htm
（根据提示进行账户注册）
image
1.1 选择网页&移动应用
1.2 点击创建应用新建
image
1.3 补全自己的应用信息
image
2. 添加应用需要的支付功能
2.1 进入应用后，点击添加能力，选择对应功能
image
image
这里注意，选择清楚需要支付的对应功能（手机网站 || 安卓IOS APP || PC网站）
2.2 填写开发设置（为审核做准备）
image
此时签约功能已添加，但是无法签约，因为商户还没有审核，需要先填写下方的开发设置
image
点击红框部分设置开发信息，公钥根据下方提示下载工具生成即可，填写接口加签方式+IP白名单
2.3 点击提交审核
image
2.4 当审核通过后，点击批量签约，让支付能力生效即可
3. 在手机网站中调用支付接口
3.1 签约完毕准备完毕后，在应用中，使用任意工具发起HTTP请求调用支付接口
本文以axios为例
axios.get('https://openapi.alipay.com/gateway.do',
{
params: {
timestamp: '当前时间戳 格式yyyy-MM-dd HH:mm:ss',
method:'alipay.trade.wap.pay', //接口名称
app_id:'自己的应用id', //在开发者中心点击应用即可看到自己的id
sign_type:'RSA2', //商户生成签名字符串所使用的签名算法类型，目前支持RSA2和RSA，推荐使用RSA2
sign:'商户请求参数的签名串', //商户请求参数的签名串
version:'1.0', //版本
charset:'utf-8', //请求使用的编码格式，如utf-8,gbk,gb2312等
biz_content:'{"timeout_express":"30m","seller_id":"商户id","product_code":"QUICK_MSECURITY_PAY","total_amount":"订单总金额0.01","subject":"1","body":"商品描述信息","out_trade_no":"IQJZSRC1YMQB5HU"}' //商户的所有额外请求数据，例如订单id，扣款标题等。必传
}
}).then(res => {
// 拿到响应数据进行判断
// {
// "alipay_trade_wap_pay_response": {
// "code": "10000", //10000成功 20000失败
// "msg": "Success",
// "out_trade_no": "70501111111S001111119",
// "trade_no": "2014112400001000340011111118",
// "total_amount": 9,
// "seller_id": "2088111111116894",
// "merchant_order_no": "20161008001"
// },
// "sign": "ERITJKEIJKJHKKKKKKKHJEREEEEEEEEEEE"
// }
})
3.2 附录，所有参数详细链接文档
https://opendocs.alipay.com/apis/api_1/alipay.trade.wap.pay?scene=API002020081300013628 //所有参数详细信息
4. 尾声
其实不难看到，调用支付宝接口本身并不复杂，只是需要按指定参数像服务器发起请求，则会弹出支付宝进行对应扣款。
网友评论