全部产品
云市场
云游戏

OAuth 登录

更新时间:2020-08-06 15:47:26

介绍

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

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

接入步骤

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

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

1

2. 创建一个WebBrowser应用

2

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

3. 代码

(1) 引入js

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

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

  1. window.onload = function () {
  2. document.getElementById('btn_1').onclick = async function () {
  3. var tokenInfo = await PDSWidgets.oAuthLogin({
  4. domain_id: '<Your Domain ID>',
  5. client_id: '<Your App ID>'
  6. })
  7. console.log(tokenInfo)
  8. }
  9. }

(3) 弹出登录框效果

3

API 详细说明:

1. oauthLogin方法

  1. var tokenInfo = await PDSWidgets.oauthLogin(opt)

2. 参数说明

(1) opt[] 参数说明:

字段 必须 描述
domain_id domain_id 和 endpoint 必选一个
endpoint domain_id 和 endpoint 必选一个, 如: https://hz01.auth.alicloudccp.com
client_id APP ID。 在控制台中创建的app的ID。创建时,类型选 web浏览器应用(WebBrowser), redirectURI为: https://g.alicdn.com/ccp/ccp-widgets/0.1.2/callback.html
login_type 登录方式, 可选范围:[default, ding, ram], 默认 ‘default’
redirect_uri 重定向URL,一般无需配置
scope 限定申请的AccessToken的权限范围,一般无需配置