我們搞app有一個重要的功能那就是支付功能。無論是微信支付，支付寶，還是銀聯支付總要有一樣支付手段來支持我們網上付款。實現完整的功能。我們公司app的支付方式經過大家開會討論選擇了支付寶支付（其實是當時的條件只能實現支付寶支付（手動哈士奇））。我近期整理了一下我的支付dome決定寫出來給有需要的小伙伴。
准備工作就是要去申請 。你得去螞蟻金服開放平台申請一個應用，地址：https://openhome.alipay.com注冊一個應用。申請根據步驟一步一步來很簡單。留下官方教程和傳送門http://ask.dcloud.net.cn/article/71
申請完成以后開始我們的前端代碼。（我本身是有混合支付的，這個dome是刪除了混合支付的）。++++++++++++
var aliChannel = null; // 支付寶支付
var channel = null; //支付通道
mui.plusReady(function() {
// 獲取支付通道
plus.payment.getChannels(function(channels) {
for(var i in channels) {
if(channels[i].id == "wxpay") {
wxChannel = channels[i];
} else {
aliChannel = channels[i];
}
}
}, function(e) {
alert("獲取支付通道失敗：" + e.message);
});
})
var ALIPAYSERVER = 'http://*****************/alipay/alipay.php?total=';//自己的后台的配置文件（我下一篇會放一個PHP實例），需要寫訂單信息等等在我的alipay.php中有講解
// 2. 發起支付請求
function pay(id) {
var ZongJia = document.getElementById("ZongJia").textContent;//我自己的存放應付的金額的元素
// 從服務器請求支付訂單
var PAYSERVER = '';
PAYSERVER = ALIPAYSERVER;
channel = aliChannel;
var xhr = new XMLHttpRequest();
var amount = ZongJia;//amount變量表示要支付的金額;
xhr.onreadystatechange = function() {
switch(xhr.readyState) {
case 4:
if(xhr.status == 200) {
plus.payment.request(channel, xhr.responseText, function(result) {
plus.nativeUI.alert("支付成功！", function() {
//這里根據自己的需求寫支付成功的函數
});
}, function(error) {
plus.nativeUI.alert("支付失敗：" + error.code);
});
} else {
alert("獲取訂單信息失敗！");
}
break;
default:
break;
}
}
xhr.open('GET', PAYSERVER + amount);
xhr.send();
}
最后在需要的地方調用 pay('alipay'); 就ok了。我會在下一篇寫下我的后台代碼實例。