Viết Chức Năng Login Bằng Tài Khoản Facebook

     

Hiện nay, chắc hẳn các bạn sẽ bắt gặp mặt rất nhiều website có công dụng đăng nhập bằng thông tin tài khoản Facebook, điều này thuận tiện cho tất cả những người dùng, bởi vì người dùng chưa hẳn mất công tạo thông tin tài khoản trên trang web mà vẫn có thể đăng nhập để thực hiện các công dụng của thành viên.

Bạn đang xem: Viết chức năng login bằng tài khoản facebook

Nếu chúng ta có ý muốn tích hợp chức năng đăng nhập bởi Facebook mang lại website của chính mình thì bài viết này sẽ trả lời cho các bạn làm được điều ấy với minh họa bằng ngôn từ PHP. Mình sẽ có 2 phương pháp để giúp bạn cũng có thể “tích hợp đăng nhập Facebook vào Website”.

Cách 1: Không áp dụng Facebook SDKCách 2: áp dụng Facebook SDK

Sau bài viết này, nếu bạn nắm được quá trình thực hiện, bạn 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 bộ “Hướng dẫn tích hợp đăng nhập Facebook vào Website” trong bài viết này được tham khảo từ mối cung cấp Facebook ngơi nghỉ 2 địa chỉ cửa hàng sau:

1. Hiểu về các bước xác thực bởi Facebook – singin Facebook

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

*
Sơ đồ singin facebook (Hướng dẫn tích hợp đăng nhập Facebook vào Website)

2. Lí giải tích hợp đăng nhập Facebook vào trang web không sử dụng Facebook SDK – tích thích hợp login facebook vào website

Dưới đây tôi sẽ nỗ lực trình bày thật cụ thể và dễ dàng nắm bắt việc triển khai sơ đồ vật trên cùng với một lấy ví dụ như đăng nhập đối kháng giản, sử dụng ngôn ngữ PHP.

Xem thêm: Ảnh Bìa Cung Sư Tử Tuyệt Đẹp Ý Tưởng, 17 Ảnh Bìa Facebook Cung Sư Tử Tuyệt Đẹp Ý Tưởng

(Xin chú ý công việc dưới trên đây là quá trình thực hiện tại chứ không tồn tại quan hệ song song với công việc ở sơ vật 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 cần tạo 1 phầm mềm trong facebook và thiết đặt nó nhằm chạy trên môi trường thiên nhiên vdata.com.vn(vì tại chỗ này tôi sẽ ví dụ chạy xe trên vdata.com.vn, các chúng ta cũng có thể sửa lại thiết lập cho phù hợp với môi trường riêng của mình)

Tạo 1 tiện ích mới tại https://developers.facebook.com/apps/ và điền các thông tin cơ bản:

*
Tạo ID vận dụng mới

Ở mục thiết đặt – > thông tin cơ bản: điền những thông tin tưởng cầu

*
Thông tin cơ bản: điền các thông tin cẩn cầu

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

Ở mục Xét duyệt vận dụng ta triển khai đặt chính sách công khai đến ứng dụng:

*
Xét duyệt vận dụng ta thực hiện đặt cơ chế công khai mang đến ứng dụng

2.2. Bước 2: chế tạo ra trang đăng nhập

File: index.php

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

*
Tạo trang singin (tích đúng theo login facebook vào website)

Màn hình login

*
Màn hình login

Màn hình tuyệt đối facebook

Code của trang index.php

*
Code của trang index.php

Ở mẫu 12, vào thẻ ta gồm 2 tham số quan liêu trọng:

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

2.3. Bước 3: tạo nên trang cách xử trí khi người tiêu dùng đã xác thực bằng facebook

File: callback.php

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

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

Sau khi đang xác thực kết thúc với facbook, người dùng sẽ được chuyển hướng tới lại địa chỉ cửa hàng vdata.com.vn/thuvien/fblogin/callback.php

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

Cụ thể tại chỗ này facebook điều hướng người tiêu dùng về add của ta cùng với một thông số GET code như url sau:

*

Từ quý hiếm của code ta sẽ mang ra được access token để truy cập vào tin tức người dùng bằng cách gọi một HTTP GET request đến địa chỉ cửa hàng có dạng như sau:

*

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

*

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

*

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

*

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

Đoạn code mang thông tin người dùng bằng Facebook Graph API

*

Toàn bộ code rất đầy đủ file callback.php

*

2.4. Bước 4: lưu giữ thông tin người tiêu dùng nếu muốn

Ở cách 3, sau thời điểm đã lấy tin tức người dùng, các chúng ta cũng có thể lưu người dùng vào database, hoặc kiểm tra người tiêu dùng đã tất cả trên khối hệ thống chưa …Thông tin bây giờ là của bạn, các chúng ta cũng có thể làm bất cứ điều gì bản thân muốn.

Xem thêm: 18 Công Cụ Seo Hữu Ích Mà Các Công Cụ Seo Website Miễn Phí Và Có Phí Tốt Nhất

3. Lí giải tích hợp đăng nhập Facebook vào Website áp dụng Facebook SDK – fb website đăng nhập

Facebook hỗ trợ SDK hoặc API để singin với tính năng facebook bên trên website. Mà lại Facebook SDK đến JavaScript là cách thân thiện mà đa số người dùng thường sử dụng để tích hợp công dụng đăng nhập facebook vào website.