hooks を利用してセッションのチェックを行う #10

Author: sinproject-iwasaki

prisma/schema.prisma

@@ -35,6 +35,6 @@ model AuthToken {
   created_at DateTime @default(now())
   updated_at DateTime @updatedAt
   user_id    Int
-  token      String
+  token      String   @unique
   user       User     @relation(fields: [user_id], references: [id])
 }

src/hooks.server.ts

@@ -0,0 +1,38 @@
+import { db } from '$lib/database'
+import type { Handle } from '@sveltejs/kit'
+
+// export const handle: Handle = async ({ event, resolve }) => resolve(event)
+
+export const handle: Handle = async ({ event, resolve }) => {
+	const session_id = event.cookies.get('session_id')
+
+	if (!session_id) return await resolve(event)
+
+	const authToken = await db.authToken.findUnique({
+		where: { token: session_id },
+		include: {
+			user: {
+				include: {
+					role: true,
+				},
+			},
+		},
+	})
+
+	if (!authToken) return await resolve(event)
+
+	event.locals.user = {
+		username: authToken.user.username,
+		role: authToken.user.role.name,
+	}
+
+	return await resolve(event)
+
+	// console.log('🍌')
+
+	// if (event.url.pathname === '/') {
+	// 	return new Response('🍌')
+	// }
+
+	// return await resolve(event);
+}

src/routes/+page.server.ts

@@ -0,0 +1,5 @@
+import type { PageServerLoad } from "./$types";
+
+export const load: PageServerLoad = async (event) => {
+	console.log(event)
+}

src/routes/+page.svelte

@@ -1,2 +1,4 @@
-<h1>Welcome to SvelteKit</h1>
-<p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>
+<h1>Welcome to SvelteKit Authentication</h1>
+<p>Visit <a href="https://github.com/sinProject-Inc/sveltekit_authentication">GitHub Repository</a> to read the documentation</p>
+
+<button on:click={() => window.location.href = '/logout'}>Log out</button>