PC、H5网页授权跳转至支付宝APP

笑嘻嘻奥西

已于 2022-09-07 15:47:17 修改

阅读量5.6k

点赞数 1

分类专栏：支付宝文章标签：前端

于 2022-09-07 15:02:53 首次发布

本文链接：https://blog.csdn.net/qq_40324997/article/details/126745848

版权

支付宝专栏收录该内容

1 篇文章 0 订阅

订阅专栏

授权支付宝是拼接固定的链接，固定链接中的appId=20000067是固定的，只需要更改自己应用的appid
1、第三方应用授权
单个授权
拼接示例：

https://openauth.alipay.com/oauth2/appToAppAuth.htm?app_id=服务商appid&redirect_uri=UrlEncode(redirect_uri)

批量授权
application_type：开发者应用的 APPID 允许的应用类型，支持多个组合，组合格式(中间使用,号分隔)，目前支持类型 MOBILEAPP (移动应用)，WEBAPP（网页应用），PUBLICAPP（生活号），TINYAPP（小程序），ARAPP（AR应用）。
拼接示例：

https://openauth.alipay.com/oauth2/appToAppBatchAuth.htm?app_id=服务商appid&application_type=TINYAPP,WEBAPP&redirect_uri=UrlEncode(redirect_uri)

2、用户信息授权
scope：接口权限值，目前只支持 auth_user（获取用户信息、网站支付宝登录）、auth_base（用户信息授权）、auth_ecard（商户会员卡）、auth_invoice_info（支付宝闪电开票）、auth_puc_charge（生活缴费）五个值。
多个 scope 时用“,”分隔，如 scope 为“auth_user,auth_ecard”时，此时获取到的 access_token，既可以用来获取用户信息，又可以给用户发送会员卡。
拼接示例：

https://openauth.alipay.com/oauth2/publicAppAuthorize.htm?app_id=商户APPID&scope=SCOPE&redirect_uri=UrlEncode(redirect_uri)

以下是单个授权
一、授权
1、PC授权跳转至支付宝APP

let appId="配置的APPID"
let openUrl="https://openauth.alipay.com/oauth2/publicAppAuthorize.htm?app_id="+appId+"&scope=auth_user&redirect_uri="+encodeURIComponent('https://XXX/XXX/index')

在这里插入图片描述

2、H5网页授权跳转至支付宝APP

let appId="配置的APPID"
let alipayUrl ="https://openauth.alipay.com/oauth2/publicAppAuthorize.htm?app_id="+appId+"&scope=auth_user&redirect_uri="
        +"https://XXX/XXX/index"
let aplipayAuthCodeUrl = 'alipays://platformapi/startapp?appId=20000067&url='+encodeURIComponent(alipayUrl)

授权页面
在这里插入图片描述
2、授权响应数据
单个授权由于是账户授权，只授权一个应用的功能，因此响应参数只返回一个 app_auth_token。

{  "alipay_open_auth_token_app_response":
 {"code": "10000",
  "msg": "Success",
  "app_auth_token": "201712BB_D179ffeb8dd48f89f81952768ca1B34",
  "app_refresh_token": "201712BB_d42f729c267473cad3ab89b5ba63C34",
  "auth_app_id": "2017120501354688",
  "expires_in": 31536000,
  "re_expires_in": 32140800,
  "user_id": "2088***"
 },  "sign": "***"}