From e13beb4cd182ff0cc13a1e67db056291f488a3f4 Mon Sep 17 00:00:00 2001
From: Ryan Wang <i@ryanc.cc>
Date: Mon, 26 Jun 2023 21:35:58 +0800
Subject: [PATCH] feat: add redirect support for social auth provider (#4063)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#### What type of PR is this?

/area console
/kind feature
/milestone 2.7.x

#### What this PR does / why we need it:

三方登录时支持传入 `login_redirect_uri` 参数，以让三方登录提供方支持适配登录后重定向到具体页面的功能。

#### Which issue(s) this PR fixes:

Fixes https://github.com/halo-dev/halo/issues/4029

#### Special notes for your reviewer:

测试方式：

1. 可以使用 https://github.com/halo-sigs/plugin-oauth2/pull/33 进行测试。
2. 手动在登录页面构造如 https://127.0.0.1:8090/console/login?redirect_uri=/ 的地址，观察使用三方登录之后是否会跳转到指定页面。

#### Does this PR introduce a user-facing change?

```release-note
Console 端三方登录支持重定向参数。
```
---
 .../src/components/login/SocialAuthProviderItem.vue | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/console/src/components/login/SocialAuthProviderItem.vue b/console/src/components/login/SocialAuthProviderItem.vue
index 57439ae9ec..828af334d4 100644
--- a/console/src/components/login/SocialAuthProviderItem.vue
+++ b/console/src/components/login/SocialAuthProviderItem.vue
@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 import type { SocialAuthProvider } from "@/modules/system/actuator/types";
+import { useRouteQuery } from "@vueuse/router";
 import { inject, ref } from "vue";
 import type { Ref } from "vue";
 
@@ -10,8 +11,11 @@ const props = withDefaults(
   {}
 );
 
+const REDIRECT_URI_QUERY_PARAM = "login_redirect_uri";
+
 const loading = ref(false);
 
+const redirect_uri = useRouteQuery<string>("redirect_uri", "");
 const disabled = inject<Ref<boolean>>("disabled");
 
 function handleSocialLogin() {
@@ -20,7 +24,14 @@ function handleSocialLogin() {
   }
 
   loading.value = true;
-  window.location.href = props.authProvider.authenticationUrl;
+
+  let authenticationUrl = props.authProvider.authenticationUrl;
+
+  if (redirect_uri.value) {
+    authenticationUrl = `${authenticationUrl}?${REDIRECT_URI_QUERY_PARAM}=${redirect_uri.value}`;
+  }
+
+  window.location.href = authenticationUrl;
 }
 </script>