Hiện nay, chắc rằng các các bạn sẽ bắt chạm mặt rất nhiều trang web có tính năng đăng nhập bằng tài khoản Facebook, điều ấy thuận tiện cho tất cả những người dùng, cũng chính vì người dùng chưa hẳn mất công tạo tài khoản trên trang web mà vẫn hoàn toàn có thể đăng nhập để thực hiện các chức năng của thành viên.
Bạn đang xem: Hướng dẫn tích hợp đăng nhập facebook vào website
Nếu bạn có ý muốn tích hợp tính năng đăng nhập bằng Facebook đến website của bản thân thì nội dung bài viết này sẽ trả lời cho chúng ta làm được điều đó với minh họa bằng ngôn ngữ PHP. Mình sẽ sở hữu được 2 cách để giúp bạn cũng có thể “tích hợp singin Facebook vào Website”.
Cách 1: Không sử dụng Facebook SDKCách 2: áp dụng Facebook SDKSau nội dung bài viết này, nếu như bạn nắm được công việc thực hiện, chúng ta hoàn toàn rất có thể áp dụng cho các tài khoản khác ví như Google hoặc mạng xã hội Twitter.
Toàn cỗ “Hướng dẫn tích hợp đăng nhập Facebook vào Website” trong nội dung bài viết này được tham khảo từ mối cung cấp Facebook nghỉ ngơi 2 add sau:
1. Gọi về quá trình xác thực bằng Facebook – đăng nhập Facebook
Để xác thực bằng facebook họ sẽ trải qua 4 cách cơ bạn dạng như sau:
Đầu tiên, từ trang web của mình, bọn họ yêu cầu tín đồ dùng cho phép truy cập vào thông tin của người tiêu dùng (Từ tin tức này ta sẽ dùng làm đăng nhập vào hệ thống). Thực chất ở bước này ta sẽ gửi hướng người tiêu dùng đến trang chuẩn xác của facebook.Tiếp theo, người tiêu dùng sẽ xác thực và cung ứng cho ta những quyền để truy cập vào tin tức của người dùng.Sau đó, facebook sẽ chuyển hướng người tiêu dùng về lại trang web của ta thuộc với tin tức về quyền truy vấn mà người tiêu dùng đã cho phép.Từ tin tức facebook trả về, ta vẫn gọi các hàm API của facebook để đưa thông tin của người dùng như user name, email,…Với những tin tức đã có được, ta triển khai đăng nhập cho những người dùng (chẳng hạn lưu vào session rằng người tiêu dùng đã đăng nhập), nếu như muốn ta rất có thể sử dụng thông tin người dùng làm lưu vào database.Tôi đã hệ thống các bước trên lại thành sơ đồ đơn giản như sau:
2. Khuyên bảo tích hợp singin Facebook vào website không cần sử dụng Facebook SDK – tích vừa lòng login facebook vào website
Dưới trên đây tôi sẽ nỗ lực trình bày thật chi tiết và dễ nắm bắt việc triển khai sơ đồ dùng trên với một lấy một ví dụ đăng nhập đối chọi giản, sử dụng ngôn ngữ PHP.
(Xin chú ý công việc dưới trên đây là các bước thực hiện chứ không có quan hệ song song với các bước ở sơ đồ trên)
2.1. Bước 1: chế tạo một Facebook app và Setting
Trước tiên, ta phải tạo 1 ứng dụng trong facebook và thiết lập nó để chạy trên môi trường xung quanh vdata.com.vn(vì tại chỗ này tôi đang ví dụ điều khiển xe trên vdata.com.vn, các bạn có thể sửa lại setup cho phù hợp với môi trường thiên nhiên riêng của mình)
Tạo 1 phầm mềm mới tại https://developers.facebook.com/apps/ và điền những thông tin cơ bản:
Ở mục thiết đặt – > thông tin cơ bản: điền các thông tin tưởng cầu
Ở hình trên ta thấy có 2 thông tin đặc biệt là ID vận dụng và Khóa bí mật của ứng dụng sẽ tiến hành sử dụng trong code sau này.
Ở mục Xét duyệt ứng dụng ta triển khai đặt cơ chế công khai đến ứng dụng:
2.2. Cách 2: tạo trang đăng nhập
File: index.php
Sau khi sẽ tạo ngừng app trên facbook, tiếp sau ta sản xuất trang đăng nhập mang lại website của mình. Để cho đơn giản, trang đăng nhập của tớ chỉ bao gồm một nút đăng nhập. Khi người dùng kích con chuột vào đó, nó đang nhảy tới trang chuẩn xác của facebook.
Màn hình login
Màn hình chính xác facebook
Code của trang index.php
Ở mẫu 12, trong thẻ ta tất cả 2 tham số quan lại trọng:
client_id: đấy là APP ID của app ta vừa tạoredirect_uri: sau khi người tiêu dùng xác thực cùng với facebook xong, facebook sẽ auto điều hướng người dùng trở lại showroom này. (tại đây ta đang xử lý các tham số được nhờ cất hộ về do facebook để đưa thông tin fan dùng)scope: yêu cầu truy cập vào tin tức người dùng, vì chỉ cần lấy thông tin cá thể cơ bạn dạng nên scope là public_profile2.3. Cách 3: chế tác trang giải pháp xử lý khi người dùng đã xác thực bởi facebook
File: callback.php
Ở đoạn này ta thực hiện 3 cách nhỏ:
Lấy access token từ giá trị trả về của facebookLấy thông tin người dùng từ access token gồm được
Login người tiêu dùng vào hệ thống
Sau khi đã xác thực hoàn thành với facbook, người dùng sẽ được chuyển hướng tới lại showroom vdata.com.vn/thuvien/ffips.edu.vnin/callback.php
Khi chuyển hướng người tiêu dùng trở lại trang callback.php , facebook gửi thêm những thông tin chuẩn xác của fan dùng, từ kia ta rất có thể lấy được tin tức của người dùng vừa xác thực.
Cụ thể ở chỗ này facebook điều hướng người tiêu dùng về địa chỉ cửa hàng của ta cùng với một thông số GET code như url sau:
Từ quý giá của code ta sẽ kéo ra được access token để truy cập vào tin tức người dùng bằng phương pháp gọi một HTTP GET request đến showroom có dạng như sau:
Nếu như thành công, ta vẫn nhận được công dụng trả về:
Dưới đây là đoạn code thực hiện các các bước trên:
Để đem được thông tin người tiêu dùng ta hotline đến Facebook Graph API sau:
Thông tin facebook user lấy bằng Graph API
Đoạn code lấy thông tin người dùng bằng Facebook Graph API
Toàn cỗ code không thiếu file callback.php
2.4. Bước 4: lưu giữ thông tin người tiêu dùng nếu muốn
Ở bước 3, sau khoản thời gian đã lấy thông tin người dùng, các chúng ta có thể lưu người tiêu dùng vào database, hoặc kiểm tra người dùng đã gồm trên hệ thống chưa …Thông tin hiện nay là của bạn, các bạn cũng có thể làm bất cứ điều gì mình muốn.
3. Giải đáp tích hợp đăng nhập Facebook vào Website sử dụng Facebook SDK – fb web đăng nhập
Facebook cung ứng SDK hoặc API để singin với tính năng facebook trên website. Tuy vậy Facebook SDK mang lại Java
Script là cách thân thiết mà phần lớn người dùng thường thực hiện để tích hợp công dụng đăng nhập facebook vào website.
Tích hợp đăng nhập Facebook bên trên website giúp người dùng không cần mất công tạo thông tin tài khoản trên trang web mà vẫn rất có thể đăng nhập để sử dụng các tính năng của thành viên.
Xem thêm: Hướng dẫn sử dụng dell power manager lite, dell power manager mới nhất 2023
Tạo một Facebook app và Setting
Tạo 1 ứng dụng mới tại https://developers.facebook.com/apps/create/ với điền những thông tin cơ bản:
