{"id":348,"date":"2026-05-17T03:24:05","date_gmt":"2026-05-17T03:24:05","guid":{"rendered":"https:\/\/hyc.eshachem.com\/program\/?p=348"},"modified":"2026-06-14T11:16:43","modified_gmt":"2026-06-14T11:16:43","slug":"next-js-%e4%b8%b2%e6%8e%a5-mongodb","status":"publish","type":"post","link":"https:\/\/hyc.eshachem.com\/program\/next-js-%e4%b8%b2%e6%8e%a5-mongodb\/","title":{"rendered":"\u4f7f\u7528 Next.js \u4e32\u63a5 MongoDB"},"content":{"rendered":"\n

MongoDB \u8a73\u7d30\u64cd\u4f5c: https:\/\/www.notion.so\/Use-MERN-stack-to-dev-Full-Stack-web-2d59def5443d80a194a5e8d6bf6d740a<\/a><\/p>\n\n\n\n

\u6211\u5011\u5efa\u7acb\u597d\u53e2\u96c6\u548c\u96c6\u5408\u5f8c\uff0c\u5c31\u53ef\u4ee5\u53bbNext.js \u5beb\u4e0a\u74b0\u5883\u8a2d\u5b9a\u548c\u9023\u63a5\u4e86!<\/p>\n\n\n\n

\n

\u5982\u679c\u5728\u672c\u5730\u6e2c\u8a66\u90fdOK\uff0c\u90e8\u5c6c\u5230Vercel\u5c31\u4e0d\u884c\u4e86\uff0c\u53ef\u80fd\u8981\u5728Vercel\u4e2d\u52a0\u4e0a\u74b0\u5883\u8b8a\u6578!<\/p>\n<\/blockquote>\n\n\n\n

\n\n\n\n

\u74b0\u5883\u8a2d\u5b9a<\/h2>\n\n\n\n

\u53ef\u4ee5\u5728\u5c08\u6848\u4e2d\u7684 DataBase & NetWork Access \u67e5\u770b\u4f7f\u7528\u8005\u540d\u7a31<\/p>\n\n\n

MONGODB_URI=mongodb+srv:\/\/\u4f7f\u7528\u8005\u540d\u7a31:\u5bc6\u78bc@cluster0.tend0gf.mongodb.net\/\u8cc7\u6599\u5eab\u540d\u7a31?appName=Cluster0<\/span><\/code><\/span>Code language:<\/span> JavaScript<\/span> (<\/span>javascript<\/span>)<\/span><\/small><\/pre>\n\n\n
\"\"<\/figure>\n\n\n\n
\n
\u5207\u8a18!!!!! \u5728\u5c08\u6848\u4e2d\u7684 NetWork Access \u8a2d\u5b9a \u5141\u8a31 0.0.0.0\/0<\/p>\n<\/blockquote>\n\n\n\n
\u63a5\u8457\u8981\u4e0b\u8f09\u5b98\u65b9\u5957\u4ef6<\/p>\n\n\n
npm<\/span> install<\/span> @auth<\/span>\/mongodb-adapter mongodb@^6.13<\/span>.0<\/span><\/code><\/span>Code language:<\/span> CSS<\/span> (<\/span>css<\/span>)<\/span><\/small><\/pre>\n\n\n
lib \/ db.ts<\/h1>\n\n\n\n
\u5beb\u4e00\u500b\u9023\u7dda\u6c60\uff08Connection Pool\uff09\uff0c\u907f\u514d\u56e0\u70ba\u7121\u9650\u5236\u5730\u91cd\u8907\u9023\u7dda\u800c\u5c0e\u81f4\u8cc7\u6599\u5eab\u5d29\u6f70\u3002<\/p>\n\n\n
import<\/span> { MongoClient, ServerApiVersion } from<\/span> 'mongodb'<\/span>;\n\nconst<\/span> uri = process.env.MONGODB_URI;\n\nfunction<\/span> createClient<\/span>(<\/span>): MongoClient<\/span> <\/span>{\n  if<\/span> (!uri) {\n    throw<\/span> new<\/span> Error<\/span>(\n      '\u8acb\u65b0\u589eMONGODB_URI\u74b0\u5883\u8b8a\u6578'<\/span>,\n    );\n  }\n\n  return<\/span> new<\/span> MongoClient(uri, {\n    serverApi: {\n      version: ServerApiVersion.v1,\n      strict: true<\/span>,\n      deprecationErrors: true<\/span>,\n    },\n  });\n}\n\ndeclare<\/span> global {\n  \/\/ eslint-disable-next-line no-var<\/span>\n  var<\/span> _mongoClientPromise: Promise<\/span><MongoClient> | undefined<\/span>;\n}\n\nlet<\/span> clientPromise: Promise<\/span><MongoClient>;\n\nif<\/span> (process.env.NODE_ENV === 'development'<\/span>) {\n  if<\/span> (!global._mongoClientPromise) {\n    const<\/span> client = createClient();\n    global._mongoClientPromise = client.connect();\n  }\n  clientPromise = global._mongoClientPromise;\n} else<\/span> {\n  const<\/span> client = createClient();\n  clientPromise = client.connect();\n}\n\nexport<\/span> default<\/span> clientPromise;\n\nexport<\/span> async<\/span> function<\/span> pingMongo<\/span>(<\/span>): Promise<\/span><boolean<\/span>> <\/span>{\n  const<\/span> client = await<\/span> clientPromise;\n  await<\/span> client.db().command({ ping: 1<\/span> });\n  return<\/span> true<\/span>;\n}<\/code><\/span>Code language:<\/span> TypeScript<\/span> (<\/span>typescript<\/span>)<\/span><\/small><\/pre>\n\n\n
auth.tsx<\/h1>\n\n\n\n
\u4e0a\u4e00\u7ae0\u6709\u8b1b\u5230\u5982\u4f55\u4f7f\u7528google sso\u4f86\u5be6\u73fe\u767b\u5165\uff0c\u7576\u4f7f\u7528\u8005\u767b\u5165\u5f8c\u6211\u5011\u7576\u7136\u8981\u5b58\u4e0b\u4ed6\u7684\u8cc7\u6599\uff0c\u56e0\u6b64\u6211\u5011\u66f4\u6539\u6211\u5011\u7684auth.tsx:<\/p>\n\n\n\n
    \n
  • \u9996\u6b21\u767b\u5165<\/strong>\uff1a\u5982\u679c\u662f\u7b2c\u4e00\u6b21\u767b\u5165\u7684\uff0cAuth.js \u6703\u81ea\u52d5\u900f\u904e clientPromise<\/code> \u9023\u7dda\u5230 MongoDB\uff0c\u4e26\u5728\u6307\u5b9a\u7684\u8cc7\u6599\u5eab\u4e2d\u81ea\u52d5\u5efa\u7acb\u4e09\u500bCollections\uff1ausers<\/code>\u3001accounts<\/code> \u8207 sessions<\/code>\u3002\u63a5\u8457\u89f8\u767c events.createUser<\/code> \u8207 events.linkAccount<\/code>\uff0c\u53ef\u4ee5\u5728 Vercel \u7684 Logs \u4e2d\u770b\u5230 [auth] MongoDB user created:...<\/code> \u7684\u8a0a\u606f\u3002<\/li>\n<\/ul>\n\n\n\n
      \n
    • Session \u7dad\u6301<\/strong>\uff1a\u6bcf\u6b21\u4f7f\u7528\u8005\u91cd\u65b0\u6574\u7406\u7db2\u9801\u6216\u5207\u63db\u8def\u7531\u6642\uff0cAuth.js \u900f\u904e\u700f\u89bd\u5668 Cookie \u4e2d\u7684 sessionToken<\/code> \u53bb MongoDB \u7684 sessions<\/code> \u96c6\u5408\u67e5\u8a62\u8a72 Session \u662f\u5426\u904e\u671f\u3002<\/li>\n<\/ul>\n\n\n
      import<\/span> NextAuth from<\/span> 'next-auth'<\/span>;\nimport<\/span> Google from<\/span> 'next-auth\/providers\/google'<\/span>;\nimport<\/span> { MongoDBAdapter } from<\/span> '@auth\/mongodb-adapter'<\/span>;\nimport<\/span> clientPromise from<\/span> '@\/lib\/db'<\/span>;\n\nexport<\/span> const<\/span> { handlers, auth, signIn, signOut } = NextAuth({\n  adapter<\/span>: MongoDBAdapter(clientPromise),\n  providers<\/span>: [\n    Google({\n      clientId<\/span>: process.env.AUTH_GOOGLE_ID,\n      clientSecret<\/span>: process.env.AUTH_GOOGLE_SECRET,\n    }),\n  ],\n  secret<\/span>: process.env.AUTH_SECRET,\n  trustHost<\/span>: true<\/span>,\n  pages<\/span>: {\n    signIn<\/span>: '\/login'<\/span>,\n  },\n  session<\/span>: {\n    strategy<\/span>: 'database'<\/span>,\n  },\n  callbacks<\/span>: {\n    async<\/span> session({ session, user }) {\n      if<\/span> (session.user && user.id) {\n        session.user.id = user.id;\n      }\n      return<\/span> session;\n    },\n  },\n  events<\/span>: {\n    async<\/span> createUser({ user }) {\n      console<\/span>.info('[auth] MongoDB user created:'<\/span>, user.id, user.email);\n    },\n    async<\/span> linkAccount({ user }) {\n      console<\/span>.info('[auth] Account linked for user:'<\/span>, user.id);\n    },\n  },\n});<\/code><\/span>Code language:<\/span> JavaScript<\/span> (<\/span>javascript<\/span>)<\/span><\/small><\/pre>\n\n\n
      update \u8cc7\u6599\u5230MongoDB<\/h1>\n\n\n\n
      \u4f7f\u7528Server action\u3002\u6211\u5011\u53ef\u4ee5\u5728Server action\u4e2d(\u4e5f\u5c31\u662f\u5f8c\u7aef)\u628a\u8cc7\u6599\u585e\u9032\u8cc7\u6599\u5eab\u3002<\/p>\n\n\n
      import<\/span> { auth } from<\/span> '@\/auth'<\/span>;\nimport<\/span> { clientPromise } from<\/span> '@\/lib\/db'<\/span>;\n\n\/**\n * \u842c\u7528\u6a21\u677f\uff1a\u65b0\u589e\u6216\u66f4\u65b0\u8cc7\u6599\u5230\u6307\u5b9a\u7684 Collection\n * @param data \u6b32\u5b58\u5165\u7684\u8cc7\u6599\u5167\u5bb9\uff08\u53ef\u6839\u64da\u9700\u6c42\u5b9a\u7fa9\u578b\u5225\uff09\n *\/<\/span>\nexport<\/span> async<\/span> function<\/span> saveSomethingToDb<\/span>(data: any<\/span>): Promise<\/span><<\/span>{ success: boolean; message?: string }> {\n  \/\/ 1. \u5b89\u5168\u9632\u79a6\uff1a\u6aa2\u67e5\u4f7f\u7528\u8005\u662f\u5426\u767b\u5165<\/span>\n  const<\/span> session = await<\/span> auth();\n  if<\/span> (!session?.user?.id) {\n    return<\/span> { success<\/span>: false<\/span>, message<\/span>: '\u5132\u5b58\u5931\u6557\uff1a\u4f7f\u7528\u8005\u5c1a\u672a\u767b\u5165'<\/span> };\n  }\n\n  try<\/span> {\n    \/\/ 2. \u7372\u53d6\u8cc7\u6599\u5eab\u9023\u7dda\u8207\u5be6\u4f8b<\/span>\n    const<\/span> client = await<\/span> clientPromise;\n    const<\/span> db = client.db();\n\n    \/\/ 3. \u57f7\u884c\u8cc7\u6599\u5eab\u5beb\u5165\u52d5\u4f5c (\u4f7f\u7528 updateOne + upsert)<\/span>\n    const<\/span> COLLECTION_NAME = 'YOUR_COLLECTION_NAME'<\/span>; \/\/ \u6539\u6210\u4f60\u8cc7\u6599\u8868\u7684\u540d\u7a31 (\u4f8b\u5982: user_profiles, bookmarks)<\/span>\n    \n    await<\/span> db.collection(COLLECTION_NAME).updateOne(\n      { userId<\/span>: session.user.id }, \/\/ \u67e5\u8a62\u689d\u4ef6\uff1a\u78ba\u4fdd\u9019\u7b46\u8cc7\u6599\u7262\u7262\u7d81\u5b9a\u5728\u76ee\u524d\u767b\u5165\u7684\u4f7f\u7528\u8005\u8eab\u4e0a<\/span>\n      {\n        $set<\/span>: {\n          \/\/ \u6539\u6210\u60f3\u585e\u5165\u7684\u6b04\u4f4d\u8207\u8cc7\u6599\u683c\u5f0f<\/span>\n          yourDataKey<\/span>: data, \n          updatedAt<\/span>: new<\/span> Date<\/span>(), \/\/ \u9806\u4fbf\u8a18\u9304\u6700\u5f8c\u4fee\u6539\u6642\u9593<\/span>\n        },\n        \/\/ \u5982\u679c\u662f\u5168\u65b0\u6a94\u6848\uff0c\u60f3\u5728\u5efa\u7acb\u6642\u52a0\u5165\u300c\u5efa\u7acb\u6642\u9593\u300d\uff0c\u53ef\u4ee5\u4f7f\u7528 $setOnInsert<\/span>\n        $setOnInsert<\/span>: {\n          createdAt<\/span>: new<\/span> Date<\/span>(),\n        }\n      },\n      { upsert<\/span>: true<\/span> } \/\/ \u5982\u679c\u627e\u4e0d\u5230\u8a72 userId \u7684\u6587\u4ef6\u5c31\u300c\u76f4\u63a5\u65b0\u589e\u300d\uff1b\u5982\u679c\u627e\u5230\u4e86\u5c31\u300c\u5c40\u90e8\u66f4\u65b0\u300d\u6b04\u4f4d<\/span>\n    );\n\n    return<\/span> { success<\/span>: true<\/span> };\n  } catch<\/span> (error) {\n    \/\/ 4. \u932f\u8aa4\u6355\u6349\u8207\u65e5\u8a8c\u7d00\u9304<\/span>\n    console<\/span>.error(`[saveSomethingToDb][${new<\/span> Date<\/span>().toISOString()}<\/span>]`<\/span>, error);\n    return<\/span> { success<\/span>: false<\/span>, message<\/span>: '\u4f3a\u670d\u5668\u5167\u90e8\u932f\u8aa4\uff0c\u8acb\u7a0d\u5f8c\u518d\u8a66'<\/span> };\n  }\n}<\/code><\/span>Code language:<\/span> JavaScript<\/span> (<\/span>javascript<\/span>)<\/span><\/small><\/pre>","protected":false},"excerpt":{"rendered":"
      MongoDB \u8a73\u7d30\u64cd\u4f5c: https:\/\/www.notion.so\/Use-MERN-stack-to-dev-Full-Stack-web-2d59def5443d80a194a5e8d6bf6d740a \u6211\u5011\u5efa\u7acb\u597d\u53e2\u96c6\u548c\u96c6\u5408\u5f8c\uff0c\u5c31\u53ef\u4ee5\u53bbNext.js \u5beb\u4e0a\u74b0\u5883\u8a2d\u5b9a\u548c\u9023\u63a5\u4e86! \u5982\u679c\u5728\u672c\u5730\u6e2c\u8a66\u90fdOK\uff0c\u90e8\u5c6c\u5230Vercel\u5c31\u4e0d\u884c\u4e86\uff0c\u53ef\u80fd\u8981\u5728Vercel\u4e2d\u52a0\u4e0a\u74b0\u5883\u8b8a\u6578! \u74b0\u5883\u8a2d\u5b9a \u53ef\u4ee5\u5728\u5c08\u6848\u4e2d\u7684 DataBase & NetWork Access \u67e5\u770b\u4f7f\u7528\u8005\u540d\u7a31 \u5207\u8a18!!!!! \u5728\u5c08\u6848\u4e2d\u7684 NetWork Access \u8a2d\u5b9a \u5141\u8a31 0.0.0.0\/0 \u63a5\u8457\u8981\u4e0b\u8f09\u5b98\u65b9\u5957\u4ef6 lib \/ db.ts \u5beb\u4e00\u500b\u9023\u7dda\u6c60\uff08Connection Pool\uff09\uff0c\u907f\u514d\u56e0\u70ba\u7121\u9650\u5236\u5730\u91cd\u8907\u9023\u7dda\u800c\u5c0e\u81f4\u8cc7\u6599\u5eab\u5d29\u6f70\u3002 auth.tsx \u4e0a\u4e00\u7ae0\u6709\u8b1b\u5230\u5982\u4f55\u4f7f\u7528google sso\u4f86\u5be6\u73fe\u767b\u5165\uff0c\u7576\u4f7f\u7528\u8005\u767b\u5165\u5f8c\u6211\u5011\u7576\u7136\u8981\u5b58\u4e0b\u4ed6\u7684\u8cc7\u6599\uff0c\u56e0\u6b64\u6211\u5011\u66f4\u6539\u6211\u5011\u7684auth.tsx: update \u8cc7\u6599\u5230MongoDB \u4f7f\u7528Server action\u3002\u6211\u5011\u53ef\u4ee5\u5728Server action\u4e2d(\u4e5f\u5c31\u662f\u5f8c\u7aef)\u628a\u8cc7\u6599\u585e\u9032\u8cc7\u6599\u5eab\u3002<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"footnotes":""},"categories":[15],"tags":[],"class_list":["post-348","post","type-post","status-publish","format-standard","hentry","category-front-end"],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t