Правильный способ реализовать вход в Google

Вы можете добавить next-auth только в следующем проекте и passport для аутентификации на сервере. clerk и kinde — хорошие варианты, которые можно интегрировать с разными поставщиками аутентификации, а не только с Google.

если вы фокусируетесь только на Google Auth, попробуйте этот npm @react-oauth/google

https://blog.logrocket.com/guide-adding-google-login-react-app/

При таком большом количестве способов интеграции входа в Google может быть сложно сделать выбор. Вот краткое руководство:

Параметры:

1. Google Identity Services (GIS): это новый официальный SDK Google. Это всегда актуально и безопасно.
2. Сторонние библиотеки: например, следующая аутентификация, паспорт — они упрощают процесс и предлагают поддержку нескольких поставщиков; однако они полагаются на стороннее обслуживание.

Рекомендации:

• Используйте ГИС, если вам нужна наиболее безопасная и актуальная интеграция непосредственно от Google. Это лучший способ, если вы ищете только вход в Google.
• Используйте next-auth или паспорт, если это упрощает настройку и обеспечивает большую гибкость для добавления других методов входа в систему в будущем.

Пример со следующей аутентификацией

1. Установить следующую аутентификацию

   npm install next-auth
   

2. Настройте следующую аутентификацию в `pages/api

   import NextAuth from 'next-auth
   import GoogleProvider from 'next-auth/providers
   
   export default NextAuth({
     providers: [
       GoogleProvider({
         clientId: process.env.GOOGLE_CLIENT_ID,
         clientSecret: process.env.GOOGLE_CLIENT_SECRET,
       }),
     ],
   });
   

3. Добавьте свои учетные данные Google в .env:

   GOOGLE_CLIENT_ID=your-google-client-id
   GOOGLE_CLIENT_SECRET=your-google-client-secret
   

Поддержка FedCM:

• ГИС будет поддерживать FedCM, поскольку это инициатива Google.

Вам придется просмотреть репозитории для следующей аутентификации и паспорта, чтобы узнать, будут ли они обновлены с поддержкой FedCM и когда они будут обновлены. Им может потребоваться некоторое время, чтобы принять эти изменения.

Последние мысли:

• ГИС действительно предназначена для обеспечения безопасности и соблюдения политик Google.
• Next-auth великолепен, прост в использовании и очень гибок.

Надеюсь это поможет! Дайте мне знать, если у вас есть еще вопросы.