1. Các cách tích hợp facebook login vào websiteChúng ta có 2 cách tích hợp facebook login vào website có và không có facebook sdk. Chúng tôi sẽ hướng dẫn chi tiết cách tích hợp đăng nhập facebook vào website, mời các bạn chú ý.
Đăng nhập bằng tài khoản facebook đã quá quen thuộc với nhiều người.
Trước hết chúng ta cần hiểu quy trình xác thực của facebook. Chúng ta sẽ trải qua 4 bước:
- Bước 1: Đầu tiên, trên trang web của chúng tôi, chúng tôi yêu cầu người dùng cho phép truy cập thông tin người dùng (chúng tôi sẽ sử dụng thông tin này để đăng nhập vào hệ thống). Thực ra ở bước này chúng ta sẽ chuyển hướng người dùng đến trang xác thực của facebook.
- Bước 2: Người dùng xác nhận và cấp cho chúng tôi quyền truy cập vào thông tin của người dùng.
- Bước 3: Sau đó, facebook chuyển hướng người dùng trở lại trang web của chúng tôi với thông tin về các quyền truy cập mà người dùng đã cho phép. Theo thông tin facebook trả về, chúng ta sẽ gọi hàm facebook api để lấy thông tin của người dùng như tên đăng nhập, email,…
- Bước 4: Theo thông tin thu được, chúng tôi đăng nhập cho người dùng (ví dụ: lưu thông tin đăng nhập của người dùng trong phiên) và nếu cần, chúng tôi có thể sử dụng thông tin người dùng để lưu nó vào cơ sở dữ liệu.
- Bước 1: Tạo ứng dụng facebook và cài đặt
- Bước 2: Tạo trang đăng nhập
- Bước 3: Tạo trang để xử lý khi người dùng xác thực với facebook
- Bước 4: Lưu thông tin người dùng khi cần
2. Hướng dẫn tích hợp đăng nhập facebook vào website không cần sdk facebook
Tích hợp đăng nhập facebook vào website một cách đơn giản và dễ dàng
Chúng tôi sẽ hướng dẫn bạn 4 bước tích hợp facebook login vào website một cách cụ thể và chi tiết:
Đầu tiên chúng ta cần tạo một ứng dụng trên facebook và cài đặt để chạy trong môi trường phù hợp với mọi người. Tiếp theo chúng ta tiếp tục điền các thông tin cơ bản, có 2 thông tin quan trọng là application id và application secret key sẽ sử dụng trong đoạn code sau chúng ta phải ghi nhớ. Lưu ý rằng chúng tôi công khai điều này trong phần xem xét ứng dụng.
Sau khi tạo xong ứng dụng trên facebook, tiếp theo chúng ta tạo trang đăng nhập cho website của mình. Để đơn giản, trang đăng nhập của tôi chỉ chứa 1 nút đăng nhập. Khi người dùng nhấp vào nó, nó sẽ chuyển hướng đến trang xác thực của facebook.
Trong hành động này, chúng ta có các thông số quan trọng như:
– client_id: Đây là id ứng dụng của ứng dụng chúng ta vừa tạo
– redirect_uri: Sau khi người dùng được xác thực bởi facebook, facebook sẽ tự động chuyển hướng người dùng trở lại địa chỉ này. (Ở đây chúng ta sẽ xử lý các tham số facebook trả về để lấy thông tin người dùng)
– phạm vi: Cần truy cập thông tin người dùng, vì chỉ cần lấy thông tin cá nhân cơ bản nên phạm vi là public_profile
Ở bước này chúng tôi sẽ hướng dẫn bạn tích hợp đăng nhập facebook vào website qua 3 bước nhỏ:
Ở bước này, chúng ta thực hiện 3 bước nhỏ:
– nhận mã thông báo truy cập từ giá trị trả về của facebook
– Lấy thông tin người dùng từ mã truy cập lấy được
– Người dùng đăng nhập vào hệ thống
Bước 3, sau khi lấy được thông tin người dùng, bạn có thể lưu người dùng vào cơ sở dữ liệu, hoặc kiểm tra xem người dùng đã có trong hệ thống chưa… Thông tin giờ là của bạn, bạn muốn làm gì thì làm.
3.Hướng dẫn tích hợp đăng nhập facebook vào website bằng facebook sdk
Việc tích hợp đăng nhập facebook vào một trang web rất dễ dàng bằng cách sử dụng facebook sdk. Facebook cung cấp sdk hoặc api để đăng nhập bằng chức năng facebook trên trang web.
Việc tích hợp facebook login vào website mang lại rất nhiều tiện lợi cho người dùng.
Trong javascript, id ứng dụng facebook trong fb.init({});
– fblogin() Mở hộp thoại đăng nhập để người dùng có thể đăng nhập vào facebook với sự cho phép.
– get userdata() Trích xuất thông tin dữ liệu người dùng từ facebook và hiển thị trạng thái đăng nhập của người dùng.
– fb logout() Đăng xuất khỏi tài khoản facebook.
Trên đây chúng tôi đã hướng dẫn chi tiết cách tích hợp facebook login vào website, hi vọng bài viết mang lại nhiều thông tin hữu ích cho quý khách hàng. Ngoài ra, mình hi vọng với các bước trên các bạn cũng có thể viết mã xác thực cho các mạng xã hội khác như google, twitter…
Thông tin chi tiết vui lòng liên hệ Hotline 024.3972.6746 – 024.3972.6747 hoặc truy cập website https://thietkeweb.vn/ để được tư vấn miễn phí.
>>> Xem ngay: Top 10 Công Ty Thiết Kế Website Nổi Tiếng Việt Nam
>>>Bạn có thể quan tâm: Cách thiết kế phần mềm API hiệu quả bằng cách sử dụng 5 phần mềm miễn phí