🛠️ Hướng dẫn Fix lỗi Google OAuth "invalid_client"

Nếu bạn gặp lỗi invalid_client hoặc redirect_uri_mismatch, hãy làm theo đúng từng bước sau:

1. Xóa sạch Credentials cũ

Vào Google Cloud Console > Credentials. Xóa cái OAuth 2.0 Integration hiện tại đi (để tránh nhầm lẫn).

2. Tạo Credentials mới (làm mới 100%)

1. Click + CREATE CREDENTIALS > OAuth client ID.
2. Application type: chọn Web application.
3. Name: Beeknoee Local Test.
4. Authorized JavaScript origins:
   • http://localhost:3005
5. Authorized redirect URIs:
   • http://localhost:3005/api/auth/callback/google
6. Click CREATE.

3. Copy & Paste chuẩn xác

Sau khi tạo, một bảng hiện ra chứa Client ID và Secret.

1. Client ID: Copy và paste vào dòng GOOGLE_CLIENT_ID trong .env.local.
   • ⚠️ Lưu ý: Không thừa dấu cách ở đầu/cuối.
2. Client Secret: Copy và paste vào dòng GOOGLE_CLIENT_SECRET.

Ví dụ đúng trong file .env.local:

GOOGLE_CLIENT_ID="123456789-abcdefgh.apps.googleusercontent.com"
GOOGLE_CLIENT_SECRET="GOCSPX-AbCdEfGhIjKlMnOpQrStUvWxYz"

(Nên dùng dấu ngoặc kép "" để an toàn)

4. Restart Frontend

Sau khi sửa .env.local, bắt buộc phải tắt server và chạy lại:

# Trong terminal frontend
Ctrl + C
npm run dev

5. Thử lại (Incognito)

Mở Tab ẩn danh (Ctrl+Shift+N) và vào: http://localhost:3005/login. Lần này chắc chắn sẽ được!

Nếu vào được nhưng Dashboard trắng trơn?

Đừng lo, đó là do Backend Login chưa được gọi. Khi bạn fix xong lỗi invalid_client và vào được, hãy báo cho AI agent, AI sẽ bật lại tính năng kết nối Backend cho bạn.