OAuth 登录

介绍

通过简单的几行代码，即可接入PDS的 OAuth 登录。

本 widget 适合Web浏览器纯javascript应用, SPA(单页面应用) 的接入。

接入步骤

1. Domain 配置用户体系接入方式

目前PDS提供3种用户体系接入方式，至少配置1种。 具体接入配置请看 PDS支持的用户体系。

2. 创建一个WebBrowser应用

• 类型： web browser 类型
• 回调地址： https://g.alicdn.com/ccp/ccp-widgets/0.1.2/callback.html

3. 代码

(1) 引入js

<button id="btn_1">登录</button>
<script src="https://g.alicdn.com/ccp/ccp-widgets/${version}/index.min.js"></script>

• ${version} 最新版本请看: 版本说明

(2) 点击按钮，即可弹出登录窗口

window.onload = function () {
  document.getElementById('btn_1').onclick = async function () {
    var tokenInfo = await PDSWidgets.oAuthLogin({
        domain_id: '<Your Domain ID>',
        client_id: '<Your App ID>' 
    })
    console.log(tokenInfo)
  }
}

(3) 弹出登录框效果

API 详细说明：

1. oauthLogin方法

var tokenInfo = await PDSWidgets.oauthLogin(opt)

2. 参数说明

(1) opt[] 参数说明: