1.1.2 • Published 2 years ago

@bdfint/bdfint-sso-sdk v1.1.2

Weekly downloads
-
License
MIT
Repository
-
Last release
2 years ago

bdfint-auth-sdk

统一账户管理(Unified Account Manager) Javascript SDK
域名:base-sso.stable-test.bdfint.cn

安装和引入方式

使用 npm 或者 yarn 安装

$ npm install @bdfint/bdfint-sso-sdk
$ yarn add @bdfint/bdfint-sso-sdk
const AuthSdk = require("bdfint-sso-sdk").default; // ES5
import AuthSdk from "bdfint-sso-sdk"; // ES6

使用方法

step1: 组件加载完毕时调用inituseEffect,或者 componentDidMounted 中调用

AuthSdk.init({
  clientKey: "客户端ID", // 必填
  redirect_uri: "登录成功后跳转的地址", // 必填
  baseUrl:"登录页面地址"//必填  //http://base-sso.stable-test.bdfint.cn/login
  display: 'POP' //设置为POP时为弹窗登录,不设置display时默认为打开新页面登录
  });

step2: 根据业务场景手动调用登录函数(根据登录模式传递不同的 display 参数)

例子 1: 弹出遮罩层登录(弹出一个带遮罩的 iframe)login

AuthSdk.init({
  baseUrl:"登录页面地址"//必填  //http://base-sso.stable-test.bdfint.cn/login
  client_id: "客户端ID", // 必填
  display: 'POP', // 必填
  redirect_uri: "登录成功后跳转的地址", // 必填
});
AuthSdk.login()

例子 2: 跳转到登录页登录login

AuthSdk.init({
  baseUrl:"登录页面地址"//必填  //http://base-sso.stable-test.bdfint.cn/login
  client_id: "客户端ID", // 必填
  redirect_uri: "登录成功后跳转的地址", // 必填
});
AuthSdk.login();

step3: 获取用户信息

AuthSdk.getCurrentUser(); //返回一个Promise

step4: 退出

AuthSdk.logout(); //返回一个Promise

方法列表

name说明返回值
init初始化配置
login登录
getCurrentUser获取登录用户的信息,返回 promisepromise
logout退出登录
register跳转到注册页,baseUrl
toUserInfo跳转到个人中心页面

init

// @param option {object} 初始化配置参数
AuthSdk.init = function(options){ ... }
// opition详细配置:
options = {
  display: '登录模式(POP/其他)设置为POP则为弹窗登录,不设置或设置为其他值则跳转到登录页面登录',
  clientKey: '你的客户端ID',
  redirectUrl: '登录成功后的回调地址',
  baseUrl: '你要使用的登录/注册地址',
}

init 方法参数对象说明

key说明类型默认值
display以哪种方式进行登录
clientKey调用 AuthSdk 的业务平台 IDstring
redirectUrl登录成功后的回调地址 string
baseUrl自定义登录页地址stringhttp://base-sso.stable-test.bdfint.cn/login

打包发布到NPM

首先注册一个NPM账号,然后在项目根目录中进入命令行终端,执行命令npm publish,首次执行需要按照提示输入账号密码。 注意: 每次执行npm publish时需要修改package.json文件中的version,确保每次都不一样