OAuth 登录_Widgets_用户指南_内容协作平台-阿里云

介绍

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

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

接入步骤

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

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

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/0.1.2/index.min.js"></script>

最新版本请看: 版本说明

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

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

(3) 弹出登录框效果

API 详细说明：

1. oauthLogin方法

var tokenInfo = await CCPWidgets.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的权限范围，一般无需配置

OAuth 登录

介绍

接入步骤

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

2. 创建一个WebBrowser应用

3. 代码

(1) 引入js

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

(3) 弹出登录框效果

API 详细说明：

1. oauthLogin方法

2. 参数说明

(1) opt[] 参数说明:

(1) `opt[]` 参数说明: