uniapp开发(⽀付宝⽀付)
⽬录
1. ⽀付宝授权,获取code
2. 进⾏⽀付宝⽀付(⽹页⽆法唤起⽀付宝,因为浏览器屏蔽了⽀付宝,所以需要提⽰⽤户打开外部⽹页进⾏⽀付
宝⽹站⽀付)
3. ⽀付宝内置浏览器唤起⽀付⽅案
⽀付宝授权
1.
2.
进⾏⽀付宝⽀付
场景:
如果是vue后缀的⽂件下载官⽅的demo后需要适当修改如下:
<template>
<div class="alipay-box">
<div class="J-weixin-tip weixin-tip">
<div class="weixin-tip-content">
请在菜单中选择在浏览器中打开,<br />
以完成⽀付
</div>
</div>
<div class="J-weixin-tip-img weixin-tip-img"></div>
<div id="divForm"></div>
</div>
</template>
<script>
export default{
data(){
return{};
},
mounted(){
if(location.hash.indexOf('error')!=-1){
alert('参数错误,请检查');
}else{
var ua = LowerCase();
var tip = document.querySelector('.weixin-tip');
var tipImg = document.querySelector('.J-weixin-tip-img');
if(ua.indexOf('micromessenger')!=-1){//判断是否是浏览器
tip.style.display ='block';
tipImg.style.display ='block';
if(
ua.indexOf('iphone')!=-1||
ua.indexOf('ipad')!=-1||
ua.indexOf('ipod')!=-1
){
tipImg.className ='J-weixin-tip-img weixin-tip-img iphone';
}else{
tipImg.className ='J-weixin-tip-img weixin-tip-img android';
}
}else{//跳出外部浏览器
document.forms[0].submit()
}
}
},
};
3.1支付宝收款新规定</script>
<style>
官⽹demo的样式
</style>
⽀付宝内置浏览器唤起⽀付⽅案
场景:需要使⽤⽀付宝内置浏览器来访问⾃⼰的⽹站,⽤户确认⽀付,并且唤起⽀付宝⽀付
使⽤⽅式:使⽤⽀付宝扫⼀扫扫描订单⼆维码、使⽤⽀付宝⽣活号访问订单链接
解决⽅案
1. 在⽣活号中⽀付时后端返回form表单,对form表单提交唤起⽀付。(此⽅案成功与失败的回调都由后端控制,前端主动性不强)
2. 前端调⽤⽀付宝提供的jsapi可直接调⽤⽀付宝对应的功能(jsapi只能在⽀付宝客户端使⽤),此⽅案后端返回的不再是form表单,⽽
是trade_no参数,前端拿到此参数就可以调⽤jsapi唤起⽀付。(jsapi唤起⽀付,成功或失败前端可通过⽀付宝返回的状态码直接进⾏判断)
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论