uniapp html5支付,uniapp支付宝小程序支付&用户授权·支付宝端h5支付&用户授权

  • Post author:
  • Post category:uniapp


一、h5支付宝授权流程

1、针对不同客户端js判断代码:

if (/MicroMessenger/.test(window.navigator.userAgent)) {

alert(‘微信客户端’);

} else if (/AlipayClient/.test(window.navigator.userAgent)) {

alert(‘支付宝客户端’);

} else {

alert(‘其他浏览器’);

}

2、在组件页面mounted生命周期下引入官方js。

const oScript = document.createElement(‘script’);

oScript.type = ‘text/javascript’;

oScript.src = ‘https://gw.alipayobjects.com/as/g/h5-lib/alipayjsapi/3.1.1/alipayjsapi.min.js’;

document.body.appendChild(oScript);

3、 定义获取授权方法得到auth_code。(如报错请查看错误码信息,注意配置回调地址)

getAuthCode

———–js——————————————-

getalpayuser() {

ap.getAuthCode(

{

appId: `${appid}`,

scopes: [‘auth_user’]