+4

Tích hợp Tính năng Đăng nhập và Đăng ký Cơ bản với EzyLogin - Phần 1

Giới thiệu

Bạn muốn tạo một trang web với tính năng đăng nhập, đăng ký cho người dùng, nhưng không muốn phải đối mặt với sự phức tạp của việc lập trình hay thiết kế giao diện đăng nhập? Đừng lo,

EzyLogin là giải pháp cho bạn. EzyLogin là một plugin của nền tảng EzyPlatform, cung cấp nhiều tính năng tiện ích liên quan đến đăng nhập, giúp bạn dễ dàng tích hợp các chức năng đăng nhập, đăng ký vào ứng dụng web của mình một cách nhanh chóng và hiệu quả.

EzyLogin là gì?

EzyLogin là một plugin được xây dựng cho nền tảng EzyPlatform, cung cấp các tính năng liên quan đến đăng nhập cho người dùng cuối, bao gồm:

  • Đăng ký tài khoản người dùng mới: Cho phép người dùng dễ dàng tạo lập tài khoản mới trên website của bạn
  • Kích hoạt tài khoản: Quản lý quá trình kích hoạt tài khoản người dùng thông qua email.
  • Gửi lại email kích hoạt: Hỗ trợ người dùng gửi lại email kích hoạt khi họ không nhận được email ban đầu.
  • Đăng nhập bình thường: Cung cấp giao diện đăng nhập đơn giản và bảo mật cho người dùng.
  • Quên mật khẩu: Hỗ trợ người dùng lấy lại mật khẩu khi họ quên mật khẩu hiện tại
  • Đặt lại mật khẩu: Cho phép người dùng đặt lại mật khẩu mới khi họ nhận được mã xác nhận.
  • Đăng nhập qua Facebook: Tích hợp đăng nhập bằng tài khoản Facebook, giúp người dùng tiết kiệm thời gian và công sức.
  • Đăng nhập qua Google: Cho phép người dùng đăng nhập bằng tài khoản Google, tăng tính tiện lợi và bảo mật.
  • OAuth 2.0 Client ID: Cho phép ứng dụng khác kết nối và sử dụng dịch vụ xác thực EzyLogin với tài khoản EzyPlatform. EzyLogin tuân thủ chuẩn OAuth 2.0 về xác thực và phân quyền. Cụ thể, bạn có thể sử dụng chúng để xác thực người dùng thông qua tài khoản Ezyplatform trên bất kỳ ứng dụng web nào.
  • Đăng xuất: Cung cấp nút đăng xuất giúp người dùng dễ dàng thoát khỏi tài khoản của họ.

Ưu điểm và nhược điểm

Ưu điểm vượt trội:

  • Triển khai nhanh chóng: Với EzyLogin, bạn có thể tích hợp các tính năng đăng nhập, đăng ký vào ứng dụng web của mình một cách nhanh chóng và dễ dàng, giúp bạn tiết kiệm thời gian và công sức.
  • Tính năng đa dạng: EzyLogin cung cấp nhiều tính năng đăng nhập khác nhau, bao gồm đăng nhập bình thường, đăng nhập qua mạng xã hội (Facebook, Google), quên mật khẩu, đặt lại mật khẩu, và nhiều tính năng khác.
  • Dễ dàng tùy chỉnh: EzyLogin cung cấp các tùy chọn cấu hình cho phép bạn điều chỉnh các tính năng đăng nhập phù hợp với nhu cầu của ứng dụng web của mình.
  • Tích hợp với EzyPlatform: EzyLogin là một phần của nền tảng EzyPlatform, do đó nó có thể dễ dàng tích hợp với các plugin và tính năng khác của EzyPlatform.

Nhược điểm cần lưu ý:

  • Tính năng có hạn: Mặc dù EzyLogin cung cấp các tính năng đăng nhập cơ bản, nhưng nó vẫn có thể bị hạn chế về tính năng so với các giải pháp đăng nhập chuyên dụng.

Chuẩn bị

Để bắt đầu sử dụng EzyLogin, bạn cần phải cài đặt và cấu hình EzyPlatform trước. Nếu bạn chưa có kinh nghiệm với EzyPlatform, hãy theo dõi hướng dẫn từ bài viết: EzyPlatform - Giới thiệu về nền tảng Lập trình từ người Việt

Kích hoạt plugin EzyLogin.

  1. Đăng nhập vào trang quản trị của EzyPlatform: Trước tiên, đăng nhập vào trang quản trị của EzyPlatform bằng tài khoản quản trị của bạn.
  2. Truy cập vào mục "Plugins" và thêm plugin mới: Sau khi đăng nhập thành công, truy cập vào mục "Plugins" và nhấn vào "Web", sau đó chọn "Add New".
  3. Tìm kiếm và chọn plugin "EzyLogin": Tại trang thêm mới plugin, tìm kiếm và chọn plugin "EzyLogin", sau đó nhấn vào nút "Add".
  4. Kích hoạt plugin: Sau khi thêm plugin thành công, bạn cần kích hoạt nó bằng cách nhấn vào nút "Activate".
  5. Để plugin EzyLogin hoạt động một cách đầy đủ, bạn cũng cần kích hoạt plugin EzyMail theo cách tương tự như trên.
  6. Khởi động lại: Sau khi kích hoạt thành công cả hai plugin, bạn cầnkhởi động lại trang để thay đổi có hiệu lực. Đối với các hệ điều hành khác nhau, bạn có thể thực hiện các bước sau: Trên Windows: Mở cửa sổ dòng lệnh và chạy lệnh sau:
  • Trên Windows, mở cửa sổ dòng lệnh và chạy lệnh:
    .\cli.bat "console admin"
    
  • Trên Linux hoặc MacOS, sử dụng terminal và chạy lệnh:
    bash cli.sh "console admin"
    

Sau khi hoàn thành các bước trên, plugin EzyLogin sẽ được kích hoạt và sẵn sàng sử dụng trên nền tảng EzyPlatform của bạn.

Trên menu quản trị, sẽ hiển thị 2 mục mới được thêm vào bao gồm: "EzyLogin" và "EzyMail".

  • EzyLogin: Mục này cho phép bạn tạo và quản lý các tính năng liên quan đến đăng nhập/đăng ký trên trang web của mình. Bạn có thể quản lý tất cả các phần như đăng ký người dùng, xác minh tài khoản, quên mật khẩu, và thậm chí cài đặt cách đăng nhập qua Facebook và Google.
  • EzyMail (Thư điện tử): EzyMail là một plugin hỗ trợ gửi email từ trang quản trị hoặc trang web thông qua SMT. Với EzyMail, bạn có thể: Tạo mẫu email, gửi email đến một hoặc nhiều người dùng.

EzyMail sẽ được hướng dẫn ở các phần sau.

Sau khi kích hoạt plugin, hãy truy cập vào mục "EzyLogin" trên thanh điều hướng bên trái.

1: Regular Settings (Cài đặt thông thường)

EzyLogin > Regular Settings

Tại đây cho phép bạn cấu hình cho phần đăng nhập và đăng ký.

Với các thông tin cấu hình :

  • Home URL: Đây là địa chỉ URL cơ sở của trang web.
  • Login URL: Đường dẫn URL cho trang đăng nhập.
  • Login Error URL: Đường dẫn URL cho trang lỗi đăng nhập.
  • Activation URL: Đường dẫn URL cho quá trình kích hoạt tài khoản.
  • Activation Required: Chuyển đổi để yêu cầu kích hoạt tài khoản sau khi đăng ký.
  • Allow Anonymous User: Chuyển đổi để cho phép người dùng ẩn danh/khách.
  • Invalid Usernames: Một danh sách các tên người dùng đã được dành trước không thể được sử dụng cho việc đăng ký.
  • Max Login Failures: Số lần thất bại đăng nhập tối đa được phép.
  • Login Failure Block Duration: Thời gian (tính bằng phút) mà một người dùng sẽ bị chặn sau khi vượt quá số lần thất bại đăng nhập tối đa.

Register Information (Thông tin đăng ký ): Phần này cho phép bạn chỉ định các trường thông tin người dùng nào cần được yêu cầu trong quá trình đăng ký, chẳng hạn như Tên người dùng, Email, Số điện thoại và Tên hiển thị.

Allow Login By (Cho phép đăng nhập bằng): Phần này cho phép bạn chỉ định các trường thông tin người dùng nào có thể được sử dụng để đăng nhập, chẳng hạn như Tên người dùng, Email hoặc Số điện thoại.

Những cài đặt này cung cấp cho các quản trị viên sự kiểm soát chi tiết về quy trình xác thực và đăng ký người dùng, cho phép họ cấu hình hệ thống theo yêu cầu.

2: Google Settings (Cài đặt Google)

EzyLogin > Gooogle Settings

Tại đây cho phép bạn cấu hình cho phần đăng nhập với Google

Tính năng này mình sẽ hướng dẫn chi tiết ở bài viết Tích hợp Đăng nhập với Google

3: Facebook Settings (Cài đặt Facebook)

EzyLogin > Facebook Settings

Tại đây cho phép bạn cấu hình cho phần đăng nhập với Facebook

Tính năng này mình sẽ hướng dẫn chi tiết ở các bài sau.

4: Tính đăng đăng nhập qua Oauth 2.0

EzyLogin > Oauth 2.0 Client IDs

Tính năng này mình sẽ hướng dẫn chi tiết ở các bài sau.

Chạy thử EzyLogin:

Sau khi bạn đã cài đặt xong và cấu hình EzyLogin, bạn có thể tích hợp nó vào plugin của mình bằng cách tuân thủ các bước sau trong hướng dẫn [ tại đây(https://ezyplatform.com/market/items/ezylogin/docs/integration).

Để thử nghiệm tích hợp, bạn có thể sử dụng chủ đề ELearning trên nền tảng EzyPlatform. Dưới đây là các bước bạn có thể thực hiện:

Thêm chủ đề ELearning mới: Truy cập vào mục "Themes" trên thanh điều hướng. Nhấn vào "Add New". Tìm và chọn chủ đề ELearning. Nhấn "Activate" để kích hoạt chủ đề. Khởi chạy trang web:

  • Trên Windows, mở cửa sổ dòng lệnh và chạy lệnh:
    .\cli.bat "console web"
    
  • Trên Linux hoặc MacOS, sử dụng terminal và chạy lệnh:
    bash cli.sh "console web"
    
    Chúc mừng bạn đã có cho mình một trang đăng nhập, đăng ký hoàn chỉnh:

1. Tính năng đăng ký

Sau khi nhập các thông tin sẽ chuyển tiếp đến màn hình xác thực qua email

Email xác thực sẽ được gửi đến hộp thư cá nhân của người đăng ký.

Ấn Activate để tiếp tục.

Quá trình đăng ký hoàn tất và bạn đã có thể sử dụng tài khoản của mình.

2. Tính năng đăng nhập

Sau khi nhập các thông tin, bạn tiến hành đăng nhập. Nếu thông tin đăng nhập không chính xác, bạn sẽ nhận được thông báo lỗi và cần nhập lại.

Khi đăng nhập thành công, bạn sẽ được chuyển hướng đến trang chủ của hệ thống.

Tạm kết

Trong bài viết này, chúng ta đã tìm hiểu về EzyLogin - một plugin tiện ích của nền tảng EzyPlatform, giúp bạn dễ dàng tích hợp các tính năng đăng nhập và đăng ký vào ứng dụng web của mình một cách nhanh chóng và hiệu quả. EzyLogin cung cấp một loạt các tính năng, bao gồm đăng nhập bình thường, đăng ký tài khoản mới, kích hoạt tài khoản qua email, quên mật khẩu, đặt lại mật khẩu, và đăng nhập qua các tài khoản mạng xã hội như Facebook và Google.

Ở các bài viết tiếp theo, chúng ta sẽ hướng dẫn cụ thể về cách tích hợp các tính năng đăng nhập qua Google, Facebook, và OAuth 2.0 vào ứng dụng web của bạn. Đừng quên tiếp tục theo dõi để có thêm thông tin chi tiết!

Nếu có bất kỳ câu hỏi hoặc góp ý nào, đừng ngần ngại chia sẻ. Chúng ta sẽ tiếp tục cùng nhau khám phá và học hỏi!

Ngoài ra, bạn có thể tham khảo thêm các bài viết khác trong series EzyLogin để tìm hiểu thêm về các tính năng khác của EzyLogin:


All Rights Reserved

Viblo
Let's register a Viblo Account to get more interesting posts.