微信瀏覽器內(nèi)是無法喚起支付寶的,會提示在瀏覽器打開坦冠,類似下面
image.png
所以在微信公眾號的支付寶支付最終是通過手機瀏覽器喚起的支付寶支付疫铜,按照手機網(wǎng)站的支付方式即可闻妓。
官方也有demo,官方demo的用戶提示相對來說更好一些睦优,可以參照一下
微信公眾平臺無法使用支付寶收付款的解決方案
image.png
用vue的要注意ap.js中需要修改
image.png
此處不用路由跳轉(zhuǎn)的原因是因為在ios手機中渗常,路由跳轉(zhuǎn)后的頁面,復(fù)制出來的鏈接并不是本路由的實際url
我的實現(xiàn):
//util.js汗盘,需引入ap.js : import ap from './ap'
//網(wǎng)頁喚起支付寶支付
function alipay_H5(data){
const div = document.createElement('div');
div.innerHTML = (data);
document.body.appendChild(div);
//document.forms.alipaysubmit.submit();
var queryParam = '';
Array.prototype.slice.call(document.querySelectorAll("input[type=hidden]")).forEach(function (ele) {
queryParam += '&' + ele.name + "=" + encodeURIComponent(ele.value);
});
var gotoUrl = document.querySelector("#alipaysubmit").getAttribute('action') + queryParam;
_AP.pay(gotoUrl);
}
微信網(wǎng)頁和手機瀏覽器都可通過該方式
_AP.pay(gotoUrl);
調(diào)用的是
image.png
在pay方法里跳轉(zhuǎn)到demo里的pay.html頁面皱碘,
pay.html里會判斷當前若是微信瀏覽器,則提示用戶用手機瀏覽器打開隐孽,
若是手機瀏覽器癌椿,會直接再進行一次跳轉(zhuǎn),跳到支付寶支付界面