介绍

基于 keycloak 的鉴权

使用

• 1. 项目主入口

import { initKeycloak } from '@mci-fe/keycloak';

initKeycloak({
  url: 'https://dev1-kc.mcisaas.com/auth',
  realm: 'numa-realm',
  clientId: 'xxx',
}).then(() => {
  console.log('keycloak初始化成功');
  // ...实例化react根节点
});

2. 获取Token

import { getKCToken } from '@mci-fe/keycloak';

// 这里要注意使用await等待异步token回调， 内部会做refreshToken刷新机制
const token = await getKCToken();

const headers = {
  Authorization: `Bearer ${token}`,
};

await fetch(url, { headers });

// ...

3. 获取RefreshToken

import { getKCRefreshToken } from '@mci-fe/keycloak';

const refreshToken = await getKCRefreshToken();

// ...

4. 登出

import { logout } from '@mci-fe/keycloak';

const logoutClickHandler = () => {
  logout();
};