Cách làm chức năng đăng nhập bằng Google OAuth trong Wordpress

Bài viết này hướng dẫn chi tiết cách tích hợp chức năng đăng nhập bằng Google OAuth vào Wordpress, giúp người dùng có thể sử dụng tài khoản Google để đăng nhập vào trang web một cách dễ dàng và nhanh chóng.

Tích hợp chức năng đăng nhập bằng Google OAuth vào Wordpress cho phép người dùng đăng nhập thông qua tài khoản Google của họ. Điều này tăng tính tiện lợi và cải thiện trải nghiệm người dùng trên website. Bài viết sẽ hướng dẫn từng bước cách cài đặt và cấu hình OAuth trong Google và Wordpress.

Các bước thực hiện chi tiết:

Bước 1: Tạo dự án trên Google Developers Console

1. Truy cập Google Developers Console và đăng nhập bằng tài khoản Google của bạn.
2. Nhấp vào Create Project và điền tên dự án của bạn.
3. Sau khi tạo, chọn dự án và vào mục OAuth consent screen.
   • Chọn External để ứng dụng hiển thị cho tất cả người dùng Google.
   • Điền các thông tin cần thiết như Application name, Support email, và Authorized domains.
4. Tiếp tục đến phần Credentials và chọn Create Credentials -> OAuth 2.0 Client IDs.
5. Chọn Web application và nhập Authorized redirect URIs, thường là: https://yourwebsite.com/wp-login.php?action=google_oauth.
6. Nhận Client ID và Client Secret từ Google.

Bước 2: Cài đặt plugin hỗ trợ Google OAuth trong Wordpress

1. Trong quản trị Wordpress, vào mục Plugins -> Add New.
2. Tìm và cài đặt plugin "WP OAuth Server" hoặc "Nextend Social Login".
3. Kích hoạt plugin sau khi cài đặt thành công.

Bước 3: Cấu hình plugin Google OAuth trong Wordpress

1. Sau khi kích hoạt plugin, vào phần cài đặt của plugin.
2. Trong Client ID và Client Secret, nhập các giá trị bạn nhận được từ Google Developers Console.
3. Thiết lập Redirect URI chính xác như đã khai báo trên Google Developers Console.
4. Lưu lại các thay đổi.

Bước 4: Thêm nút đăng nhập bằng Google trên trang đăng nhập Wordpress

1. Plugin đã tự động thêm nút đăng nhập Google vào trang đăng nhập của Wordpress.
2. Bạn có thể tùy chỉnh vị trí, màu sắc của nút qua các tùy chọn của plugin.

Bước 5: Kiểm tra tính năng đăng nhập bằng Google

1. Truy cập trang đăng nhập Wordpress của bạn.
2. Bạn sẽ thấy nút Sign in with Google.
3. Thử đăng nhập bằng tài khoản Google của bạn để kiểm tra xem tính năng đã hoạt động đúng chưa.

Yêu cầu hệ thống:

• Wordpress 5.0 trở lên
• Plugin WP OAuth Server hoặc Nextend Social Login
• Tài khoản Google để tạo ứng dụng OAuth

Lời khuyên:

• Đảm bảo rằng Redirect URI được thiết lập chính xác để tránh lỗi.
• Luôn kiểm tra việc bảo mật ứng dụng OAuth của bạn để tránh rủi ro bảo mật.

---