admin管理员组文章数量:1130349
微信浏览器内是无法唤起支付宝的，会提示在浏览器打开，类似下面
image.png
所以在微信公众号的支付宝支付最终是通过手机浏览器唤起的支付宝支付，按照手机网站的支付方式即可。
官方也有demo,官方demo的用户提示相对来说更好一些，可以参照一下
微信公众平台无法使用支付宝收付款的解决方案
image.png
用vue的要注意ap.js中需要修改
image.png
此处不用路由跳转的原因是因为在ios手机中，路由跳转后的页面，复制出来的链接并不是本路由的实际url
我的实现：
//util.js，需引入ap.js : import ap from './ap'
//网页唤起支付宝支付
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);
}
微信网页和手机浏览器都可通过该方式
_AP.pay(gotoUrl);
调用的是
image.png
在pay方法里跳转到demo里的pay.html页面，
pay.html里会判断当前若是微信浏览器，则提示用户用手机浏览器打开，
若是手机浏览器，会直接再进行一次跳转，跳到支付宝支付界面
微信浏览器内是无法唤起支付宝的，会提示在浏览器打开，类似下面
image.png
所以在微信公众号的支付宝支付最终是通过手机浏览器唤起的支付宝支付，按照手机网站的支付方式即可。
官方也有demo,官方demo的用户提示相对来说更好一些，可以参照一下
微信公众平台无法使用支付宝收付款的解决方案
image.png
用vue的要注意ap.js中需要修改
image.png
此处不用路由跳转的原因是因为在ios手机中，路由跳转后的页面，复制出来的链接并不是本路由的实际url
我的实现：
//util.js，需引入ap.js : import ap from './ap'
//网页唤起支付宝支付
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);
}
微信网页和手机浏览器都可通过该方式
_AP.pay(gotoUrl);
调用的是
image.png
在pay方法里跳转到demo里的pay.html页面，
pay.html里会判断当前若是微信浏览器，则提示用户用手机浏览器打开，
若是手机浏览器，会直接再进行一次跳转，跳到支付宝支付界面
版权声明：本文标题：html实现自动打开微信支付宝,vue实现-微信网页中唤起支付宝支付 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://it.en369.cn/jiaocheng/1753987861a2629766.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论