From 5cee7d44f17bd36972f477bc1f270999da558d05 Mon Sep 17 00:00:00 2001 From: xiaojunnuo Date: Sat, 6 Dec 2025 17:25:02 +0800 Subject: [PATCH] =?UTF-8?q?perf:=20=E7=AC=AC=E4=B8=89=E6=96=B9=E7=99=BB?= =?UTF-8?q?=E5=BD=95=E6=94=AF=E6=8C=81gitee?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../src/layout/layout-outside.vue | 1 + .../src/views/certd/mine/user-profile.vue | 15 +- .../views/framework/oauth/oauth-footer.vue | 8 +- .../src/plugins/plugin-oauth/index.ts | 1 + .../plugin-oauth/oauth2/plugin-gitee.ts | 155 ++++++++++++++++++ 5 files changed, 173 insertions(+), 7 deletions(-) create mode 100644 packages/ui/certd-server/src/plugins/plugin-oauth/oauth2/plugin-gitee.ts diff --git a/packages/ui/certd-client/src/layout/layout-outside.vue b/packages/ui/certd-client/src/layout/layout-outside.vue index 064a4f65d..8b342c0a3 100644 --- a/packages/ui/certd-client/src/layout/layout-outside.vue +++ b/packages/ui/certd-client/src/layout/layout-outside.vue @@ -74,6 +74,7 @@ const sysPublic: Ref = computed(() => { .login-container { width: 100%; height: 100%; + overflow: auto; background: #f0f2f5 url(/static/background.svg) no-repeat 50%; background-size: 100%; //padding: 50px 0 84px; diff --git a/packages/ui/certd-client/src/views/certd/mine/user-profile.vue b/packages/ui/certd-client/src/views/certd/mine/user-profile.vue index 5f5a7bc77..61c0bf546 100644 --- a/packages/ui/certd-client/src/views/certd/mine/user-profile.vue +++ b/packages/ui/certd-client/src/views/certd/mine/user-profile.vue @@ -16,12 +16,14 @@ {{ userInfo.email }} {{ userInfo.phoneCode }}{{ userInfo.mobile }} -
- - {{ item.title }} - 解绑 - 绑定 -
+ {{ t("authentication.updateProfile") }} @@ -40,6 +42,7 @@ import { useI18n } from "/src/locales"; import { useUserProfile } from "./use"; import { Modal } from "ant-design-vue"; import { useSettingStore } from "/@/store/settings"; +import { isEmpty } from "lodash-es"; const { t } = useI18n(); diff --git a/packages/ui/certd-client/src/views/framework/oauth/oauth-footer.vue b/packages/ui/certd-client/src/views/framework/oauth/oauth-footer.vue index 51aa252ec..3683680a2 100644 --- a/packages/ui/certd-client/src/views/framework/oauth/oauth-footer.vue +++ b/packages/ui/certd-client/src/views/framework/oauth/oauth-footer.vue @@ -7,7 +7,7 @@ @@ -101,6 +101,12 @@ async function goOauthLogin(type: string) { gap: 8px; padding: 8px 8px; border-radius: 100px; + width: 100px; + + .title { + width: 100%; + text-align: center; + } .fs-icon { font-size: 36px; color: #006be6; diff --git a/packages/ui/certd-server/src/plugins/plugin-oauth/index.ts b/packages/ui/certd-server/src/plugins/plugin-oauth/index.ts index 0925eb093..7f8f17074 100644 --- a/packages/ui/certd-server/src/plugins/plugin-oauth/index.ts +++ b/packages/ui/certd-server/src/plugins/plugin-oauth/index.ts @@ -1,3 +1,4 @@ export * from './api.js' export * from './oidc/plugin-oidc.js' export * from './wx/plugin-wx.js' +export * from './oauth2/plugin-gitee.js' \ No newline at end of file diff --git a/packages/ui/certd-server/src/plugins/plugin-oauth/oauth2/plugin-gitee.ts b/packages/ui/certd-server/src/plugins/plugin-oauth/oauth2/plugin-gitee.ts new file mode 100644 index 000000000..c93745ae7 --- /dev/null +++ b/packages/ui/certd-server/src/plugins/plugin-oauth/oauth2/plugin-gitee.ts @@ -0,0 +1,155 @@ +import { AddonInput, BaseAddon, IsAddon } from "@certd/lib-server"; +import { BuildLoginUrlReq, BuildLogoutUrlReq, IOauthProvider, OnCallbackReq } from "../api.js"; + +@IsAddon({ + addonType: "oauth", + name: 'gitee', + title: 'Gitee认证', + desc: 'Gitee OAuth2登录', + icon:"simple-icons:gitee:red", + showTest: false, +}) +export class GiteeOauthProvider extends BaseAddon implements IOauthProvider { + + @AddonInput({ + title: "ClientId", + helper: "[gitee 第三方应用管理](https://gitee.com/oauth/applications)创建应用后获取", + required: true, + }) + clientId = ""; + + @AddonInput({ + title: "ClientSecretKey", + component: { + placeholder: "ClientSecretKey / appSecretKey", + }, + required: true, + }) + clientSecretKey = ""; + + // @AddonInput({ + // title: "授权地址", + // helper: "授权请求url", + // component: { + // placeholder: "https://xxxxx.com/oauth/authorize", + // }, + // required: true, + // }) + // authorizeEndpoint = ""; + + /** + * gitee.authorizeURL = https://gitee.com/oauth/authorize +gitee.accessToken = https://gitee.com/oauth/token +gitee.userInfo = https://gitee.com/api/v5/user + */ + + // @AddonInput({ + // title: "Token获取地址", + // helper: "Token获取url", + // component: { + // placeholder: "https://xxxxx.com/oauth/token", + // }, + // required: true, + // }) + // tokenEndpoint = ""; + + // @AddonInput({ + // title: "用户信息获取地址", + // helper: "用户信息url", + // component: { + // placeholder: "https://xxxxx.com/api/user_info", + // }, + // required: true, + // }) + // userInfoEndpoint = ""; + + // @AddonInput({ + // title: "Scope", + // helper: "授权Scope", + // value:"user_info", + // component: { + // placeholder: "profile", + // }, + // required: true, + // }) + // scope: string; + + + + async buildLoginUrl(params: BuildLoginUrlReq) { + + let scope = "user_info" // Scope of the access request + let state:any = { + forType: params.forType || 'login', + } + state = this.ctx.utils.hash.base64(JSON.stringify(state)) + + const authorizeEndpoint = "https://gitee.com/oauth/authorize" + const redirectUrl = encodeURIComponent(params.redirectUri) + // https://gitee.com/oauth/authorize?client_id=5bb5f4158af41c50c7a17b5d9068244e97d3ee572def6a57ed32fd8c9d760ad1&redirect_uri=http%3A%2F%2Fcasdoor.docmirror.cn%3A8000%2Fcallback&response_type=code + const loginUrl = `${authorizeEndpoint}?client_id=${this.clientId}&redirect_uri=${redirectUrl}&response_type=code&scope=${scope}&state=${state}` + return { + loginUrl, + ticketValue: { + state, + }, + }; + } + + async onCallback(req: OnCallbackReq) { + + //校验state + + const code = req.code || "" + + const tokenEndpoint = "https://gitee.com/oauth/token" + + const uri = new URL(req.currentURL) + const redirectUri = `${uri.origin}${uri.pathname}` + const res = await this.ctx.utils.http.request( { + url: tokenEndpoint, + method: "post", + data:{ + // https://gitee.com/oauth/token? + // grant_type=authorization_code&code={code}&client_id={client_id}&redirect_uri={redirect_uri}&client_secret={client_secret} + grant_type: "authorization_code", + code, + client_id: this.clientId, + redirect_uri: redirectUri, + client_secret: this.clientSecretKey, + } + }) + + const tokens = res + + + const userInfoEndpoint = "https://gitee.com/api/v5/user" + + // 获取用户信息 + const userInfoRes = await this.ctx.utils.http.request( { + url: userInfoEndpoint, + method: "get", + params:{ + access_token: tokens.access_token, + } + }) + const userInfo = userInfoRes + + return { + token:{ + accessToken: tokens.access_token, + refreshToken: tokens.refresh_token, + expiresIn: tokens.expires_in, + }, + userInfo: { + openId: userInfo.id, + nickName: userInfo.name || userInfo.nick_name || "", + avatar: userInfo.avatar_url, + }, + } + }; + + async buildLogoutUrl(params: BuildLogoutUrlReq) { + return {}; + } +}