Link Search Menu Expand Document

安装并配置SDK

  1. 安装
    1. React
    2. Vue 2.0
    3. Vue 3.0
  2. 配置SDK
    1. 初始化

安装

我们所有的 JavaScript SDK 都托管在 npmjs.com 上。

以下是安装 SDK, 并将其作为依赖项添加到您的项目中的指导:

Core SDK 托管地址 @oneauth/oneauth-core

React SDK 托管地址 @oneauth/oneauth-react

Vue SDK 托管地址 @oneauth/oneauth-vue

Vue 3.0 SDK 托管地址 @oneauth/oneauth-vue

React

需搭配@oneauth/sdk-core 使用

npm i --save @oneauth/sdk-core @oneauth/sdk-react

Vue 2.0

需搭配@oneauth/sdk-core 使用

npm i --save @oneauth/sdk-core @oneauth/sdk-vue-next

Vue 3.0

需搭配@oneauth/sdk-core 使用

npm i --save @oneauth/sdk-core @oneauth/sdk-vue

配置SDK

初始化

初始化时需要传入 issuerclientIdredirectUriscopes, 这些值可以从 OneAuth 控制台得到 初始化 sdk 之后,

参数:

1.issuer:将租户名替换成实际的名字

2.redirectUri: 指向登录回调页面,登录完成后会将 code 和 state 或错误信息,作为 query 传递到这个 url 上。在@oneauth/vue, @oneauth/vue-next, @oneauth/react 中提供了<login-callback />组件,将该组件挂在到 redirectUri 上,后自动处理返回的信息

3.clientId: 在 OneAuth 控制台的应用详情页面可得到

4.scopes: 可照如下填写

import OneAuth from '@oneauth/sdk-core';
const oneAuth = new OneAuth({
  issuer: `https://${租户名}.oneauth.cn/oauth/v1`,
  clientId: `2YXXZ78611K0c8906MX6RJ8c0s84VcQB`,
  redirectUri: `http://localhost:3000/callback`,
  scopes: ['openid', 'profile', 'email'],
});