Next-Auth 警告问题

Question

我正在开发 Facebook 克隆代码。 我对 Next.js 很陌生，

它向我抛出一个错误，我不确定它是标准的还是我的代码中的一些错误。

https://next-auth.js.org/warnings#no_secret
[next-auth][warn][NO_SECRET]

谁能解释一下吗？

[...nextauth].js
import NextAuth from "next-auth"
import FacebookProvider from "next-auth/providers/facebook";

export default NextAuth({
    // Configure one or more authentication providers
    providers: [
        FacebookProvider({
            clientId: process.env.FACEBOOK_CLIENT_ID,
            clientSecret: process.env.FACEBOOK_CLIENT_SECRET
        })
    ]
})

import '../styles/globals.css'
import {SessionProvider} from "next-auth/react"

function MyApp({ Component, pageProps }) {
  return (
    <SessionProvider>
      <Component {...pageProps} />
    </SessionProvider>
  
  )}

export default MyApp

FACEBOOK_CLIENT_ID=495472355295570
FACEBOOK_CLIENT_SECRET=secret is from facebook for developers
NEXTAUTH_URL=http://localhost:3000```

Answer 1

NEXTAUTH_URL 是您网站的规范 URL。

对于开发，NEXTAUTH_URL 类似于

NEXTAUTH_URL=http://localhost:3000/

对于生产，NEXTAUTH_URL 类似于

NEXTAUTH_URL=http://officialrajdeepsingh.dev

了解有关 NEXTAUTH_URL 详细信息的更多信息文档数量
https://next-auth.js.org/configuration/options

Answer 2

对于您的生产阶段，例如，假设您正在 Vercel 上进行部署。
您需要应用程序的密钥。
进一步阅读。 缺少什么秘密 和 什么是秘密

要修复：

1. 您需要应用程序的秘密，可以通过以下方式生成这来自 varcel

2. 生成您在 .env.local 中设置 NEXTAUTH_SECRET ，例如

   NEXTAUTH_SECRET=af017d04a8083251abdebb81b1fbb498

3. 您将机密添加到文件 [...nextauth].js 中，如下所示(process. env.NEXTAUTH_SECRET），因为您不想公开密钥。
   
   <代码>...
   
   导出默认NextAuth({
   
   <代码> ...
   
   提供商：[...],

秘密：process.env.NEXTAUTH_SECRET，
   
   <代码> ...
   
   <代码>})

4. 您在 vercel 项目中添加您的密钥 像这样。

就这样，问题应该消失了。除非您部署在其他平台上，否则配置可能会有所不同。

Answer 3

试试这个：

[...nextauth].js
import NextAuth from "next-auth"
import FacebookProvider from "next-auth/providers/facebook";

export default NextAuth({
    // Configure one or more authentication providers
    providers: [
        FacebookProvider({
            clientId: process.env.FACEBOOK_CLIENT_ID,
            clientSecret: process.env.FACEBOOK_CLIENT_SECRET
        })
    ],
secret: process.env.YOUR_SECRET
})

只需添加秘密就可以了