m1ngsama/FUJI
1
0
Fork 0
mirror of https://github.com/m1ngsama/FUJI.git synced 2025-12-24 10:51:27 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix server side code

Browse source
This commit is contained in:
ClasWen 2024-08-24 17:12:25 +08:00
parent a29e54b0e9
commit 4cd0487bdc
3 changed files with 18 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/components/NavigationUser.vue
View file

@ -1,29 +1,35 @@
<script setup lang="ts">
import { makeLogtoClient } from "../utils/auth"
import { onMounted, ref } from "vue"
import { logtoClient } from "../utils/auth"
import type { IdTokenClaims } from "@logto/browser"
import { Menu, MenuButton, MenuItems, MenuItem } from "@headlessui/vue"
import type LogtoClient from "@logto/browser"
const logtoClient = ref<LogtoClient>()
const onSignIn = async () => {
logtoClient.signIn(import.meta.env.PUBLIC_LOGTO_CALLBACK_URL)
logtoClient.value?.signIn(import.meta.env.PUBLIC_LOGTO_CALLBACK_URL)
}
const onSignOut = async () => {
logtoClient.signOut(import.meta.env.PUBLIC_LOGTO_REDIRECT_URL)
logtoClient.value?.signOut(import.meta.env.PUBLIC_LOGTO_REDIRECT_URL)
}
const isAuthenticated = ref<boolean>()
const userInfo = ref<IdTokenClaims>()
const initAuth = async () => {
if(!logtoClient.value){
return
}
try {
await Promise.all([
userInfo.value = await logtoClient.getIdTokenClaims(),
isAuthenticated.value = await logtoClient.isAuthenticated()
(userInfo.value = await logtoClient.value.getIdTokenClaims()),
(isAuthenticated.value = await logtoClient.value.isAuthenticated()),
])
} catch (error) {
isAuthenticated.value = false
}
}
onMounted(() => {
logtoClient.value = makeLogtoClient()
initAuth()
})
</script>

4
src/pages/callback.astro
View file

@ -1,7 +1,7 @@
<div></div>
<script>
import { logtoClient } from "../utils/auth"
import { makeLogtoClient } from "../utils/auth"
import LogtoClient from "@logto/browser"
const callbackHandler = async (logtoClient: LogtoClient) => {
@ -18,6 +18,6 @@ const callbackHandler = async (logtoClient: LogtoClient) => {
window.location.assign("/")
}
}
const logtoClient = makeLogtoClient()
callbackHandler(logtoClient)
</script>

3
src/utils/auth.ts
View file

@ -1,6 +1,7 @@
import LogtoClient from "@logto/browser"
export const logtoClient = new LogtoClient({
export const makeLogtoClient = () =>
new LogtoClient({
endpoint: import.meta.env.PUBLIC_LOGTO_ENDPOINT,
appId: import.meta.env.PUBLIC_LOGTO_APP_ID,
})