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ó chức năng đăng nhập bằng thông tin tài khoản Facebook, điều ấy thuận tiện cho những người dùng, chính vì người dùng chưa hẳn mất công tạo thông tin tài khoản trên website mà vẫn rất có thể đăng nhập để sử dụng 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ó dự định tích hợp tính năng đăng nhập bởi Facebook đến website của bản thân thì nội dung bài viết này sẽ chỉ dẫn cho các bạn làm được điều đó với minh họa bằng ngữ điệu PHP. Mình sẽ có được 2 cách để giúp bạn cũng có thể “tích hợp đăng nhập Facebook vào Website”.

Cách 1: Không thực hiện Facebook SDKCách 2: áp dụng Facebook SDK

Sau nội dung bài viết này, nếu khách hàng nắm được công việc thực hiện, các bạn hoàn toàn có thể áp dụng cho các tài khoản khác như Google hoặc social 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 xem thêm từ mối cung cấp Facebook nghỉ ngơi 2 add sau:

1. Hiểu về các bước xác thực bằng Facebook

Để xác thực bằng facebook họ sẽ trải qua 4 bước cơ bạn dạng như sau:

Đầu tiên, từ website của mình, chúng ta yêu cầu người dùng được cho phép truy cập vào tin tức 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 ở công đoạn này ta sẽ đưa hướng người tiêu dùng đến trang tuyệt đối của facebook.Tiếp theo, người tiêu dùng sẽ xác thực và cung cấp cho ta những quyền để truy cập vào thông tin của bạn dùng.Sau đó, facebook sẽ gửi hướng người dùng về lại website của ta cùng với tin tức về quyền truy vấn mà người tiêu dùng đã mang lại phép.Từ thông tin facebook trả về, ta sẽ gọi các hàm API của facebook để mang thông tin của người tiêu dùng như user name, email,…Với những tin tức đã gồm được, ta thực hiện đăng nhập cho người dùng (chẳng hạn giữ vào session rằng người tiêu dùng đã đăng nhập), nếu như muốn ta hoàn toàn có thể sử dụng thông tin người dùng để lưu vào database.

Tôi vẫn hệ thống công việc trên lại thành sơ đồ đơn giản và dễ dàng như sau:

*

2. Hướng dẫn tích hợp đăng nhập Facebook vào website không cần sử dụng Facebook SDK

Dưới trên đây tôi sẽ cố gắng trình bày thật cụ thể và dễ dàng nắm bắt việc tiến hành sơ thiết bị trên với một ví dụ đăng nhập đơn giản, sử dụng ngôn từ PHP.

Xem thêm: Làm Sao Xem Nhật Ký Zalo Trên Máy Tính Đơn Giản, Làm Sao Xem Nhật Ký Zalo Trên Máy Tính 2020

(Xin chú ý quá trình dưới đây là các bước thực hiện tại chứ không có quan hệ tuy vậy song với các bước ở sơ đồ dùng trên)

2.1. Cách 1: sinh sản một Facebook tiện ích và Setting

Trước tiên, ta buộc phải tạo 1 tiện ích trong facebook và cài đặt nó nhằm chạy trên môi trường xung quanh vdata.com.vn(vì ở chỗ này tôi vẫn ví dụ chạy trên vdata.com.vn, các chúng ta có thể sửa lại thiết đặt cho tương xứng với môi trường thiên nhiên riêng của mình)

Tạo 1 app mới trên https://developers.facebook.com/apps/ cùng điền những thông tin cơ bản:

*

Ở mục setup – > thông tin cơ bản: điền các thông tin cẩn cầu:

*

Ở hình bên trên ta thấy tất cả 2 thông tin quan trọng đặc biệt là ID áp dụng và Khóa kín của ứng dụng sẽ được sử dụng vào code sau này.

Ở mục Xét duyệt áp dụng ta tiến hành đặt cơ chế công khai cho ứng dụng:

*

2.2. Cách 2: chế tác trang đăng nhập

File: index.php

Sau khi đã tạo chấm dứt app bên trên facbook, tiếp sau ta tạo nên trang đăng nhập cho website của mình. Để cho solo giản, trang đăng nhập của mình chỉ bao gồm một nút đăng nhập. Khi người tiêu dùng kích con chuột vào đó, nó đã nhảy cho tới trang tuyệt đối của facebook.

*

Màn hình login

*

Màn hình xác xắn facebook

Code của trang index.php

*

Ở dòng 12, vào thẻ ta tất cả 2 tham số quan trọng:

client_id: đó là APP ID của app ta vừa tạoredirect_uri: sau khi người dùng xác thực với facebook xong, facebook sẽ tự động điều hướng người tiêu dùng trở lại showroom này. (tại đây ta sẽ xử lý các tham số được giữ hộ về bởi vì facebook để đưa thông tin bạn dùng)scope: yêu cầu truy cập vào thông tin người dùng, vì chỉ cần lấy thông tin cá nhân cơ bản nên scope là public_profile

2.3. Cách 3: tạo thành trang giải pháp xử lý khi người tiêu dùng đã xác thực bằng facebook

File: callback.php

Ở bước này ta triển khai 3 bước nhỏ:

Lấy access token từ quý hiếm trả về của facebookLấy thông tin người dùng từ access token gồm đượcLogin người dùng vào hệ thống

Sau khi vẫn xác thực chấm dứt với facbook, người dùng sẽ được chuyển nhắm tới lại add vdata.com.vn/thuvien/fblogin/callback.php

Khi gửi hướng người dùng trở lại trang callback.php , facebook giữ hộ thêm những thông tin chính xác của fan dùng, từ đó ta có thể lấy được tin tức của người dùng vừa xác thực.

Cụ thể ở đây facebook điều hướng người tiêu dùng về showroom của ta với một tham số GET code như url sau:

*

Từ quý hiếm của code ta sẽ lấy 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 add có dạng như sau:

*

Nếu như thành công, ta đã nhận được kết quả trả về:

*

Dưới đó là đoạn code tiến hành các các bước trên:

*

Để mang được thông tin người dùng ta hotline đến Facebook Graph API sau:

*

Thông tin facebook user lấy bằng Graph API

Đoạn code rước thông tin người tiêu dùng bằng Facebook Graph API

*

Toàn bộ code vừa đủ file callback.php

*

2.4. Cách 4: giữ thông tin người dùng nếu muốn

Ở cách 3, sau khoản thời gian đã lấy tin tức 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 bây chừ là của bạn, các chúng ta cũng có thể làm bất kể điều gì bản thân muốn.

3. Lý giải tích hợp singin Facebook vào Website thực hiện Facebook SDK

Facebook cung cấp SDK hoặc API để đăng nhập với chức năng facebook trên website. Tuy vậy Facebook SDK cho JavaScript là cách thân mật và gần gũi mà phần nhiều người cần sử dụng thường sử dụng để tích hợp chức năng đăng nhập facebook vào website.