NextAuth.js 令牌长度和 Cognito 的问题

如何解决NextAuth.js 令牌长度和 Cognito 的问题

我正在尝试使用 NextAuth.js 和 Cognito 在我的 Next.js 应用程序中实现身份验证。这是我的问题：当调用 jwt 回调时，我想在会话 3 中存储令牌和其他东西，但令牌最大长度为 4096 字节。我该如何实施？提前致谢！

  providers: [
    Providers.Cognito({
      clientId: process.env.COGNITO_CLIENT_ID,domain: process.env.COGNITO_DOMAIN,idToken: true,scope: 'openid profile email aws.cognito.signin.user.admin',}),],callbacks: {
    async jwt(token,user,account,profile) {
      // Initial sign in
      if (account && user) {
        // Max 4096 bytes
        return {
          accessToken: account.accessToken,idToken: account.idToken,// Too long
          accessTokenExpires: Date.now() + account.expires_in! * 1000,refreshToken: account.refresh_token,// Too long
          profile,// Too long
        };
      }

      // Return previous token if the access token has not expired yet
      if (Date.now() < (token.accessTokenExpires as number)) {
        return token;
      }

      // Access token has expired,try to update it
      return refreshAccessToken(token);
    },async session(session,token) {
      const sessionToken = session;
      sessionToken.accessToken = token.accessToken;
      sessionToken.idToken = token.idToken;
      sessionToken.profile = token.profile;
      return sessionToken;
    },},});

解决方法

我不知道这是否会有所帮助，但也许会有帮助。我正在构建的应用程序上遇到同样的问题。我在 NextAuth Github 站点上找到了一个关于此的问题讨论，也许这对您有帮助：https://github.com/nextauthjs/next-auth/issues/2213 我真的不知道这对我有什么帮助，因为我仍然需要 idToken 添加到需要授权的请求的标头。我是 Next 的新手，所以也许我只是很密集，所以我也只在没有 JWT 的情况下探索了使用数据库选项，但是 idToken 没有保存在数据库中，因此您没有可用于身份验证的头调用。

最后，我认为可能有用的（至少对我而言）是同时使用数据库和 JWT，我将 idToken 添加到我的会话数据中，这样我就可以立即开始查询，但在数据库中有 acccessToken 和 refreshToken .

我在 /lib 中添加了一个 db.js 文件（安装 serverless-mysql 后）

import mysql from 'serverless-mysql';

const db = mysql({
  config: {
    host: process.env.DB_HOST,port: process.env.DB_PORT,database: process.env.DB_NAME,user: process.env.DB_USER,password: process.env.DB_PASS
  }
});
export default async function executeQuery({query,values}) {
  try {
    const results = await db.query(query,values);
    await db.end();
    return results;
  } catch (error) {
    return {error};
  }
}

然后，我在 /pages/api 中创建了一个名为 get-tokens.js 的文件：

import {getSession} from "next-auth/client";
import executeQuery from "../../lib/db";


const getTokenData = async (session) => {
  try {
    const result = await executeQuery({
      query: 'SELECT users.id,users.email,accounts.refresh_token,accounts.access_token FROM users LEFT JOIN accounts ON accounts.user_id = users.id WHERE users.email = ?',values: session.userData.email,});
    return result;
  } catch (error) {
    return error;
  }
}

export default async (req,res) => {
  try {
    const session = await getSession({req});
    let tokenData = await getTokenData(session);

    res.setHeader('Content-Type','application/json');
    res.end(JSON.stringify(tokenData));

  } catch (error) {
    res.json(error);
    res.status(405).end;
  }

}

这将返回一个包含电子邮件、refresh_token 和 access_token 的 JSON 对象。您可以轻松地将其调整为仅通过 SQL 查询返回您想要的内容或根据需要/想要添加其他元素。

这是我在 [...nextauth].js 文件中的 jwt 和 session 回调：

async jwt(token,user,account,profile,isNewUser) {

  if (account?.idToken) {
    token.idToken = account.idToken;
  }

  return token
},async session(session,token) {

  if (token?.idToken) {
    session.idToken = token.idToken;
  }

  return session;
},

我通过导出一个需要两个参数的函数来解决：req（请求）和 res（响应）。这些参数允许我设置和获取我想要的所有 cookie。这是我的代码：

const getOptions = (req,res) => ({
  providers: [
    Providers.Cognito({
      clientId: process.env.COGNITO_CLIENT_ID,domain: process.env.COGNITO_DOMAIN,idToken: true,scope: 'openid profile email aws.cognito.signin.user.admin',}),],callbacks: {
    async jwt(token,account) {
      // Initial sign in
      if (account && user) {
        const cookies = new Cookies(req,res);
        cookies.set('userId',user.id);
        cookies.set('idToken',account.idToken);
        // Max 4096 bytes
        return {
          accessToken: account.accessToken,accessTokenExpires: Date.now() + account.expires_in! * 1000,refreshToken: account.refresh_token,};
      }

      // Return previous token if the access token has not expired yet
      if (Date.now() < (token.accessTokenExpires as number)) {
        return token;
      }

      // Access token has expired,try to update it
      return refreshAccessToken(token);
    },token) {
      const cookies = new Cookies(req,res);
      const userId = cookies.get('userId');
      const idToken = cookies.get('idToken');

      const sessionToken = session;
      sessionToken.accessToken = token.accessToken;
      sessionToken.idToken = idToken;
      sessionToken.userId = userId;
      return sessionToken;
    },},});

export default (req,res) => NextAuth(req,res,getOptions(req,res));

@SimoneUrbani，我能够使用 NextAuth Google 示例使 Cognito 刷新令牌正常工作。这是我这样做的代码，以防对其他人有帮助：

async function refreshAccessToken(token) {
  try {
    const url =
      "https://" + process.env.COGNITO_DOMAIN + "/oauth2/token?" +
      new URLSearchParams({
        grant_type: "refresh_token",client_id: process.env.COGNITO_CLIENT_ID,client_secret: process.env.COGNITO_CLIENT_SECRET,refresh_token: token.refreshToken,});


    // Base 64 encode authentication string
    const headerString = process.env.COGNITO_CLIENT_ID + ':' + process.env.COGNITO_CLIENT_SECRET;
    const buff = Buffer.from(headerString,'utf-8');
    const authHeader = buff.toString('base64');

    const refreshedTokensResponse = await fetch(url,{
      headers: {
        "Content-Type": "application/x-www-form-urlencoded","Authorization": "Basic " + authHeader
      },method: "POST",})

    const refreshedTokens = await refreshedTokensResponse.json();

    if (!refreshedTokensResponse.ok) {
      throw refreshedTokens;
    }

    const cookies = new Cookies(req,res);

    cookies.set('accessToken',refreshedTokens.access_token,{sameSite: true});
    cookies.set('idToken',refreshedTokens.id_token,{sameSite: true});

    return {
      ...token,accessToken: refreshedTokens.access_token,accessTokenExpires: Date.now() + refreshedTokens.expires_in * 1000,refreshToken: refreshedTokens.refresh_token ?? token.refreshToken,// Fall back to old refresh token
    };

  } catch (error) {

    return {
      ...token,error: "RefreshAccessTokenError",};
  }
}

NextAuth.js 令牌长度和 Cognito 的问题

如何解决NextAuth.js 令牌长度和 Cognito 的问题

解决方法

相关推荐