Hướng dẫn tích hợp đăng nhập facebook vào website

Lúc này, chắc rằng các các bạn sẽ bắt gặp không hề ít trang web tất cả chức năng đăng nhập bằng tài khoản Facebook, điều ấy thuận tiện cho người dùng, cũng chính vì người dùng không hẳn mất công sản xuất thông tin tài khoản bên trên trang web nhưng vẫn rất có thể singin nhằm áp dụng những chức năng của member.

Bạn đang xem: Hướng dẫn tích hợp đăng nhập facebook vào website

Nếu bạn bao gồm ý định tích phù hợp chức năng đăng nhập bởi Facebook mang đến website của mình thì bài viết này đã khuyên bảo cho chúng ta làm được điều đó cùng với minc họa bởi ngôn ngữ PHPhường. Mình sẽ có 2 phương pháp để giúp chúng ta 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: Sử dụng Facebook SDK

Sau bài viết này, nếu khách hàng cố được công việc tiến hành, bạn trọn vẹn rất có thể vận dụng cho các thông tin 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 thích hợp singin Facebook vào Website” vào bài viết này được tìm hiểu thêm từ nguồn Facebook ở hai xúc tiến sau:

1. Hiểu về quá trình xác xắn bằng Facebook

Để đúng đắn bởi facebook chúng ta đã trải qua 4 bước cơ phiên bản nhỏng sau:

Trước hết, từ website của bản thân, chúng ta đề nghị người dùng có thể chấp nhận được truy vấn vào đọc tin của người tiêu dùng (Từ biết tin này ta đang dùng để làm đăng nhập vào hệ thống). Thực ra ở đoạn này ta vẫn chuyển hướng người tiêu dùng mang đến trang chuẩn xác của facebook.Tiếp theo, người dùng vẫn chứng thực cùng hỗ trợ đến ta những quyền để truy vấn vào biết tin của người tiêu dùng.Sau đó, facebook vẫn chuyển hướng làn phân cách người dùng về lại website của ta cùng với ban bố về quyền truy cập mà lại người dùng đang cho phép.Từ biết tin facebook trả về, ta sẽ Hotline những hàm API của facebook để đưa ban bố của người dùng nhỏng user name, tin nhắn,…Với phần đa thông tin đã sở hữu, ta triển khai đăng nhập cho tất cả những người cần sử dụng (chẳng hạn lưu vào session rằng người tiêu dùng vẫn đăng nhập), nếu muốn ta hoàn toàn có thể sử dụng ban bố người dùng để làm lưu vào database.

Tôi sẽ hệ thống các bước bên trên lại thành sơ trang bị đơn giản dễ dàng như sau:

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

2. Hướng dẫn tích hòa hợp singin Facebook vào Website ko sử dụng Facebook SDK

Dưới đây tôi vẫn cố gắng trình bày thật cụ thể cùng dễ hiểu câu hỏi triển khai sơ vật dụng trên với cùng 1 ví dụ đăng nhập đơn giản và dễ dàng, sử dụng ngữ điệu PHP..

Xem thêm: Bài Tập Về Axit Lớp 9 Violet Mới Nhất 2021, Bài Tập Axit

(Xin chăm chú công việc dưới đó là quá trình thực hiện chứ đọng không tồn tại quan hệ song tuy nhiên cùng với công việc sinh hoạt sơ vật dụng trên)

2.1. Cách 1: Tạo một Facebook App với Setting

Đầu tiên, ta cần sản xuất 1 app vào facebook và cài đặt nó để điều khiển xe trên môi trường xung quanh vdata.com.vn(bởi vì ở đây tôi vẫn ví dụ điều khiển xe trên vdata.com.vn, những chúng ta cũng có thể sửa lại thiết đặt mang đến phù hợp với môi trường thiên nhiên riêng rẽ của mình)

Tạo 1 phầm mềm bắt đầu tại https://developers.facebook.com/apps/ cùng điền những đọc tin cơ bản:

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

Tại mục Cài đặt – > tin tức cơ bản: điền các báo cáo yêu cầu

*
tin tức cơ bản: điền những lên tiếng yêu thương cầu

Ở hình trên ta thấy tất cả 2 công bố đặc trưng là ID vận dụng và Khóa bí mật của áp dụng sẽ tiến hành thực hiện vào code sau này.

Tại mục Xét chăm chú vận dụng ta thực hiện đặt chế độ công khai minh bạch đến ứng dụng:

*
Xét trông nom vận dụng ta tiến hành đặt chế độ công khai minh bạch mang đến ứng dụng

2.2. Cách 2: Tạo trang đăng nhập

File: index.php

Sau Lúc vẫn chế tác xong app trên facbook, tiếp theo ta chế tạo trang singin đến website của bản thân mình. Để mang đến đơn giản, trang singin của tớ chỉ bao gồm một nút đăng nhập. lúc người tiêu dùng kích loài chuột vào đó, nó vẫn nhảy tới trang tuyệt đối của facebook.

*
Tạo trang đăng nhập (tích vừa lòng login facebook vào website)

Màn hình login

*
Màn hình login

Màn hình chuẩn xác facebook

Code của trang index.php

*
Code của trang index.php

Ở cái 12, trong thẻ ta có 2 tđắm đuối số quan tiền trọng:

client_id: đấy là APPhường ID của app ta vừa tạoredirect_uri: sau khi người tiêu dùng chính xác cùng với facebook dứt, facebook đã auto điều phối người dùng quay trở về xúc tiến này. (trên phía trên ta vẫn cách xử lý những tmê man số được gởi về vị facebook để mang lên tiếng bạn dùng)scope: thử khám phá truy vấn vào ban bố người tiêu dùng, vày chỉ việc rước báo cáo cá thể cơ phiên bản yêu cầu scope là public_profile

2.3. Cách 3: Tạo trang cách xử trí lúc người tiêu dùng sẽ bảo đảm bởi facebook

File: callbaông chồng.php

Ở công đoạn này ta thực hiện 3 bước nhỏ:

Lấy access token từ quý giá trả về của facebookLấy công bố người tiêu dùng từ bỏ access token gồm đượcLogin người tiêu dùng vào hệ thống

Sau khi vẫn xác xắn ngừng với facbook, người dùng sẽ tiến hành gửi hướng về lại liên tưởng vdata.com.vn/thuvien/fblogin/callbachồng.php

Khi chuyển hướng làn phân cách người dùng trở về trang callbachồng.php , facebook gởi thêm các thông báo chuẩn xác của người dùng, từ kia ta rất có thể rước được đọc tin của người dùng vừa đúng đắn.

Cụ thể tại đây facebook điều phối người dùng về địa chỉ của ta cùng rất một tsi số GET code như url sau:

*

Từ cực hiếm của code ta đã lôi ra được access token để truy cập vào thông tin người dùng bằng cách Hotline một HTTP. GET request mang đến cửa hàng có dạng như sau:

*

Nếu nhỏng thành công, ta đã nhận thấy tác dụng trả về:

*

Dưới đấy là đoạn code tiến hành những quá trình trên:

*

Để lấy được báo cáo người dùng ta Gọi cho Facebook Graph API sau:

*

Thông tin facebook user rước bằng Graph API

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

*

Toàn bộ code tương đối đầy đủ file callbaông chồng.php

*

2.4. Bước 4: Lưu ban bố người dùng nếu muốn

Tại bước 3, sau khi đã lấy thông báo người dùng, những chúng ta cũng có thể lưu người tiêu dùng vào database, hoặc chất vấn người dùng vẫn bao gồm bên trên khối hệ thống không …Thông tin hiện giờ là của bạn, những chúng ta cũng có thể có tác dụng bất kể điều gì mình muốn.

Xem thêm: Hướng Dẫn Chạy Exciter 150 Cc Dành Cho Những Ai, Cách Chạy Xe Côn Tay Yamaha Exciter 150 An Toàn

3. Hướng dẫn tích hòa hợp singin Facebook vào Website áp dụng Facebook SDK

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


Chuyên mục: Kiến thức