1
import NextAuth from "next-auth";
2

3
const handler = NextAuth({
4
  providers: [],
5
};);
6

7
export { handler as GET, handler as POST };

1
import NextAuth from "next-auth";
2
import CredentialsProvider from "next-auth/providers/credentials";
3

4
const authOptions = {
5
  providers: [
6
    CredentialsProvider({
7
      name: "Credentials",
8
      // 1. 配置登录表单的字段
9
      credentials: {
10
        username: { label: "Username", type: "text", placeholder: "jsmith" },
11
        password: { label: "Password", type: "password" },
12
      },
13
      //   2. 自定义登录逻辑
14
      authorize: async (credentials) => {
15
        if (!credentials) {
16
          return null;
17
        }
18
        if (
19
          credentials.username !== "xiaoming" &&
20
          credentials.password !== "123123"
21
        ) {
22
          return null;
23
        }
24
        return {
25
          id: "1",
26
          ...credentials,
27
        };
28
      },
29
    }),
30
  ],
31
};
32

33
const handler = NextAuth(authOptions);

1
const handler = NextAuth({
2
  providers: [
3
    // 1. 配置 GitLab 作为认证提供程序
4
    GitlabProvider({
5
      clientId:
6
        "dc8474b6ce1e190171b19a46aad49d0a8cdb13642a25e70f521feab2197cf9fa",
7
      clientSecret:
8
        "gloas-dbeca1d5a90804b7aafe7aef2321b03e39fc79614c385714d17d177b9e3b982f",
9
    }),
10
  ],
11
  // 2. 配置 NextAuth 主题
12
  theme: {
13
    colorScheme: "dark",
14
    brandColor: "#FC6D26",
15
  },
16
});

1
"use client";
2
"use client";
3
import { useSession, SessionProvider } from "next-auth/react";
4
import { Button } from "@/components/ui/button";
5
import { redirect } from "next/navigation";
6

7
export function Component() {
8
  // useSession Hook 获取会话数据和状态
9
  const { data: session, status } = useSession();
10
  const loading = status === "loading";
11

12
  if (loading) {
13
    return <p>Loading...</p>;
14
  }
15

16
  return (
17
    <div>
18
      {session ? (
19
        <>
20
          {/* 已登录状态 */}
21
          <p>欢迎，{session.user.name}！</p>
22
          <p>你的邮箱：{session.user.email}</p>
23
        </>
24
      ) : (
25
        <>
26
          {/* 未登录状态 */}
27
          <p>请先登录</p>
28
          <Button onClick={() => redirect("/api/auth/signin")}>
29
            使用 GitLab 登录
30
          </Button>
31
        </>
32
      )}
33
    </div>
34
  );
35
}
36

37
export default function SessionProviderUserInfo() {
38
  return (
39
    // useSession 需包裹在 SessionProvider 内使用
40
    <SessionProvider>
41
      <Component />
42
    </SessionProvider>
43
  );
44
}

1
import {
2
  boolean,
3
  timestamp,
4
  pgTable,
5
  text,
6
  primaryKey,
7
  integer,
8
} from "drizzle-orm/pg-core";
9

10
export const users = pgTable("user", {
11
  id: text("id")
12
    .primaryKey()
13
    .$defaultFn(() => crypto.randomUUID()),
14
  name: text("name"),
15
  email: text("email").unique(),
16
  emailVerified: timestamp("emailVerified", { mode: "date" }),
17
  image: text("image"),
18
});
19

20
export const accounts = pgTable(
21
  "account",
22
  {
23
    userId: text("userId")
24
      .notNull()
25
      .references(() => users.id, { onDelete: "cascade" }),
26
    type: text("type").notNull(),
27
    provider: text("provider").notNull(),
28
    providerAccountId: text("providerAccountId").notNull(),
29
    refresh_token: text("refresh_token"),
30
    access_token: text("access_token"),
31
    expires_at: integer("expires_at"),
32
    token_type: text("token_type"),
33
    scope: text("scope"),
34
    id_token: text("id_token"),
35
    session_state: text("session_state"),
36
  },
37
  (account) => [
38
    {
39
      compoundKey: primaryKey({
40
        columns: [account.provider, account.providerAccountId],
41
      }),
42
    },
43
  ]
44
);
45

46
export const sessions = pgTable("session", {
47
  sessionToken: text("sessionToken").primaryKey(),
48
  userId: text("userId")
49
    .notNull()
50
    .references(() => users.id, { onDelete: "cascade" }),
51
  expires: timestamp("expires", { mode: "date" }).notNull(),
52
});
53

54
export const verificationTokens = pgTable(
55
  "verificationToken",
56
  {
57
    identifier: text("identifier").notNull(),
58
    token: text("token").notNull(),
59
    expires: timestamp("expires", { mode: "date" }).notNull(),
60
  },
61
  (verificationToken) => [
62
    {
63
      compositePk: primaryKey({
64
        columns: [verificationToken.identifier, verificationToken.token],
65
      }),
66
    },
67
  ]
68
);
69

70
export const authenticators = pgTable(
71
  "authenticator",
72
  {
73
    credentialID: text("credentialID").notNull().unique(),
74
    userId: text("userId")
75
      .notNull()
76
      .references(() => users.id, { onDelete: "cascade" }),
77
    providerAccountId: text("providerAccountId").notNull(),
78
    credentialPublicKey: text("credentialPublicKey").notNull(),
79
    counter: integer("counter").notNull(),
80
    credentialDeviceType: text("credentialDeviceType").notNull(),
81
    credentialBackedUp: boolean("credentialBackedUp").notNull(),
82
    transports: text("transports"),
83
  },
84
  (authenticator) => [
85
    {
86
      compositePK: primaryKey({
87
        columns: [authenticator.userId, authenticator.credentialID],
88
      }),
89
    },
90
  ]
91
);

1
// ...
2
import { db } from "@/server/db/db";
3
const handler = NextAuth({
4
  adapter: DrizzleAdapter(db),
5
// ...
6
});