前言：
在移動端如此火爆的今天，很多用戶出門都更傾向手機付款而不攜帶現金。各類手機網站或APP亦如此，當今最火爆的兩大支付巨頭，分別是支付寶和微信。今天我們就會帶來如何在H5APP中調用支付寶接口進行付款。（微信支付和支付寶付款幾乎大同小異）
1.創建應用
要調用支付寶支付，需要註冊支付寶開發者帳號，有了帳號才可以調用支付接口https://open.alipay.com/platform/developerIndex.htm
（根據提示進行帳戶註冊）
1.1 選擇網頁&移動應用
1.2 點擊創建應用新建
1.3 補全自己的應用信息
2. 添加應用需要的支付功能
2.1 進入應用後，點擊添加能力，選擇對應功能
這裡注意，選擇清楚需要支付的對應功能（手機網站 || 安卓IOS APP || PC網站）
2.2 填寫開發設置（為審核做準備）
此時籤約功能已添加，但是無法籤約，因為商戶還沒有審核，需要先填寫下方的開發設置
點擊紅框部分設置開發信息，公鑰根據下方提示下載工具生成即可，填寫接口加籤方式+IP白名單
2.3 點擊提交審核
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. 尾聲
其實不難看到，調用支付寶接口本身並不複雜，只是需要按指定參數像伺服器發起請求，則會彈出支付寶進行對應扣款。