NextAuth.js — популярная библиотека аутентификации для приложений Next.js. Однако вы можете столкнуться с ошибкой error=OAuthAccountNotLinked при реализации аутентификации OAuth с помощью NextAuth.js. В этой статье мы рассмотрим несколько способов устранения и решения этой проблемы, а также примеры кода.

Метод 1. Проверка конфигурации поставщика OAuth
Убедитесь, что ваш поставщик OAuth (например, Google, Facebook или GitHub) правильно настроен и связан с вашим приложением NextAuth.js. Дважды проверьте идентификатор клиента, секрет клиента и настройки URL обратного вызова на панели разработчика вашего провайдера OAuth.

Метод 2. Проверьте конфигурацию NextAuth.js.
Проверьте файл конфигурации NextAuth.js (обычно next-auth.config.jsили next-auth.js) и убедитесь, что поставщик OAuth настроен правильно. вверх. Обратите внимание на массив providersи убедитесь, что обязательные поля (например, clientId, clientSecret, authorizationUrl, tokenUrl, callbackUrlи т. д.) настроены правильно.

Пример конфигурации NextAuth.js для поставщика OAuth GitHub:

// next-auth.config.js
export default {
  providers: [
    {
      id: 'github',
      name: 'GitHub',
      type: 'oauth',
      version: '2.0',
      scope: 'user',
      clientId: 'YOUR_GITHUB_CLIENT_ID',
      clientSecret: 'YOUR_GITHUB_CLIENT_SECRET',
    },
  ],
};

Метод 3. Проверьте привязку учетной записи пользователя
Ошибка error=OAuthAccountNotLinked предполагает, что учетная запись OAuth пользователя не связана с его учетной записью NextAuth.js. Убедитесь, что вы реализовали необходимую логику для связывания учетных записей пользователей в процессе аутентификации.

Пример кода для привязки учетной записи пользователя GitHub в NextAuth.js:

// pages/api/auth/[...nextauth].js
import NextAuth from 'next-auth';
import Providers from 'next-auth/providers';
import { connectToDatabase } from '../../../utils/db';
export default NextAuth({
  // ...
  callbacks: {
    async signIn(user, account, profile) {
      // Connect to the database
      const db = await connectToDatabase();
      // Check if the user already exists in the database
      const existingUser = await db.collection('users').findOne({
        email: user.email,
      });
      if (existingUser) {
        // Link the GitHub account to the user's existing account
        await db.collection('users').updateOne(
          { _id: existingUser._id },
          {
            $set: {
              githubId: account.id,
            },
          }
        );
      }
      return true;
    },
  },
  // ...
});

Метод 4. Очистка сеанса и повторная аутентификация пользователей
Если описанные выше методы не решили проблему, вы можете попробовать очистить сеанс и повторно аутентифицировать пользователя. Этого можно добиться, перенаправив пользователя на конечную точку /api/auth/signoutперед повторным запуском потока аутентификации.

Пример кода для очистки сеанса и повторной аутентификации в NextAuth.js:

// pages/api/auth/signin.js
import { signOut } from 'next-auth/client';
export default async function handler(req, res) {
  // Clear the user session
  await signOut({ callbackUrl: '/my-account' });
  // Redirect the user to start the authentication flow again
  res.redirect('/api/auth/signin');
}

Ошибку error=OAuthAccountNotLinked в NextAuth.js можно устранить путем тщательной проверки конфигурации поставщика OAuth, конфигурации NextAuth.js и реализации логики связывания учетных записей пользователей. Если проблема не устранена, очистка сеанса и повторная аутентификация пользователя могут помочь. Следуя методам и примерам кода, представленным в этой статье, вы сможете устранить и устранить эту ошибку, чтобы обеспечить бесперебойный процесс аутентификации в приложениях Next.js.