hono 集成 Better Auth

import type { AppOpenAPI } from "@/lib/types";
import { db } from "@/db/index";
import env from "@/helper/env";

import { betterAuth } from "better-auth";
import { drizzleAdapter } from "better-auth/adapters/drizzle";
import { admin, openAPI, organization } from "better-auth/plugins";

export const auth = betterAuth({
    database: drizzleAdapter(db, {
        // 这里我使用了 pg 数据库，所以这里填 pg
        provider: "pg",
    }),
    // 这里配置是使用 邮箱和密码 登录注册
    emailAndPassword: {
        enabled: true,
    },
    // openAPI 插件可以让我们在项目启动后使用 项目地址 + /api/auth/reference 访问其提供的 api
    // 这里我还启用了 admin 和 organization 插件
    plugins: [openAPI(), admin(), organization()],
    // 由于我们使用的是前后端分离的方式，所以我们需要配置 trustedOrigins
    trustedOrigins: [env.BETTER_AUTH_URL, env.FRONT_END_URL],
    // 这里是需要配置 cookie 的同域名下共享
    advanced: {
        crossSubDomainCookies: {
            enabled: true,
            domain: env.DOMAIN,
        },
        defaultCookieAttributes: {
            secure: true,
            httpOnly: true,
            sameSite: "none",
            partitioned: true,
        },
    },
})

// 挂载相关 api
export function authRoutes(app: AppOpenAPI) {
    app.all("/api/auth/*", c => auth.handler(c.req.raw));
}

import type { AppOpenAPI } from "@/lib/types";

import { auth } from "@/auth";

import env from "@/helper/env";
import { cors } from "hono/cors";

export function authMiddleware(app: AppOpenAPI) {
    app.use(
        "/api/auth/*", // or replace with "*" to enable cors for all routes
        cors({
            origin: env.FRONT_END_URL, // replace with your origin
            allowHeaders: ["Content-Type", "Authorization"],
            allowMethods: ["POST", "GET", "OPTIONS"],
            exposeHeaders: ["Content-Length"],
            maxAge: 600,
            credentials: true,
        }),
    );
    app.use("*", async (c, next) => {
        const session = await auth.api.getSession({ headers: c.req.raw.headers });
        if (!session) {
            c.set("user", null);
            c.set("session", null);
            return next();
        }

        c.set("user", session.user);
        c.set("session", session.session);
        return next();
    });
}

import { authRoutes } from "@/auth";

import env from "@/helper/env";
import configureOpenAPI from "@/lib/configure-open-api";
import createApp from "@/lib/create-app";
import { authMiddleware } from "@/middleware/sign-in";
import index from "@/routes/index.route";
import tasks from "@/routes/tasks/tasks.index";
import { cors } from "hono/cors";

const app = createApp();

configureOpenAPI(app);

authMiddleware(app);
authRoutes(app);

app.use(
    "*",
    cors({ origin: env.FRONT_END_URL, credentials: true }),
);

const routes = [
    index,
    tasks,
] as const;
routes.forEach(route => app.route("/api", route));

export type AppType = typeof routes[number];

export default app;

<script setup lang="ts">
import { ref } from "vue"
import { authClient } from "./lib/auth-client"
const loginInfo = ref()
const loginError = ref()

// 登录
async function signIn() {
    const { data, error } = await authClient.signIn.email({
        email: "test@example.com",
        password: "admin888",
    })
    loginInfo.value = data
    loginError.value = error
}
// 注册
async function signUp() {
    const { data, error } = await authClient.signUp.email({
        email: "test@example.com",
        password: "admin888",
        name: "test user",
    })
    loginInfo.value = data
    loginError.value = error
}
const session = await authClient.getSession()

// 登录用户创建组织
async function createOrganization() {
    if (!authClient.getSession()) {
        alert("Please sign in first")
        return
    }

    await authClient.organization.create({
        name: "test organization",
        slug: "test-organization",
    })
}
</script>

<template>
    <button @click="signIn">
        登录
    </button>
    <button @click="signUp">
        注册
    </button>
    <button @click="createOrganization">
        创建组织
    </button>
    loginInfo:{{ loginInfo }} loginError:{{ loginError }}
    <hr>
    {{ session }}
</template>