【实战干货】前端实现 jira sso 单点登录

需求:

我的系统要集成 jira sso

提前准备:

你需要提前了解到 oauth2 单点登录的流程,从而在后续重点关注你所需要copy 的一些数据!

步骤:

1.进入开发者中心 developer.atlassian.com/console/mya...

2.创建自己的app

3.设置登录成功之后的回调地址,以及 copy jira 登录地址

4.找到 client id。secret 信息,copy

5.把提前 copy 的信息写在配置文件里

6.使用

  • 先去 jira 登录
  • 登录成功,jira 跳转到提前设置的回调地址,并且携带 code,保存好 code
  • 拿着 node 去获取 jira 的 access token,保存access token
javascript 复制代码
const res = await fetch('https://auth.atlassian.com/oauth/token', {
    method: 'post',
    headers: {
        "Content-Type": "application/json"
    },
    body: JSON.stringify({
        "grant_type": "authorization_code",
        "code": jiraCode,
        "client_id": getJiraConfig().client_id,
        "client_secret": getJiraConfig().client_secret,
        "redirect_uri": getJiraConfig().redirect_uri
    })
}).then(res => res.json())
  • 拿着 access token 去获取该登录用户的信息
javascript 复制代码
return fetch('https://api.atlassian.com/me', {
    method: 'get',
    headers: {
        "Authorization": `Bearer ${localStorage.getItem('accessToken')}`,
        "Accept": "application/json"
    }
}).then(res => res.json())

以及干一些其他的事🤣

相关推荐
eason_fan9 小时前
Resize 事件导致的二进制内存泄漏:隐式闭包的 “隐形陷阱”
前端·性能优化
一只叫煤球的猫9 小时前
我做了一个“慢慢来”的开源任务管理工具:蜗牛待办(React + Supabase + Tauri)
前端·react.js·程序员
LYFlied9 小时前
AI时代下的规范驱动开发:重塑前端工程实践
前端·人工智能·驱动开发·ai编程
汉得数字平台9 小时前
汉得H-AI飞码——前端编码助手V1.1.2正式发布:融业务知识,提开发效能
前端·人工智能·智能编码
前端小万9 小时前
Jenkins 打包崩了?罪魁是 package.json 里的 ^
前端·jenkins
编程小白gogogo9 小时前
苍穹外卖前端环境搭建
前端
光影少年9 小时前
web端安全问题有哪些?
前端·安全
行走的陀螺仪9 小时前
Vite & Webpack 插件/Loader 封装完全指南
前端·webpack·node.js·vite·前端工程化·打包构建
1024肥宅10 小时前
浏览器网络请求 API:全面解析与高级封装(1)
前端·websocket·axios
小费的部落10 小时前
Excel 在Sheet3中 匹配Sheet1的A列和Sheet2的A列并处理空内容
java·前端·excel