6/1/17

[Ứng dụng php] đăng nhập (Login) với facebook sử dụng PHP

Trong bài này mình xin hướng dẫn đến các bạn làm chức năng đăng nhập với Facebook sử dụng ngôn ngữ PHP. Dưới đây là mô hình của nó.

Trong ứng dụng này mình xin tạo cấu trúc thư mục như sau:

Bước 1: Tạo app Facebook

các bạn tới địa chỉ: https://developers.facebook.com/apps/ và đăng nhập vào tài khoản Facebook developers

Tạo một ứng dụng Facebook mới với tên mong muốn của bạn như Vnfit.

Bước 2: Tạo CSDL


CREATE TABLE `users` (
`id` int(11) NOT NULL AUTO_INCREMENT,
`oauth_provider` varchar(255) COLLATE utf8_unicode_ci NOT NULL,
`oauth_uid` varchar(255) COLLATE utf8_unicode_ci NOT NULL,
`fname` varchar(255) COLLATE utf8_unicode_ci NOT NULL,
`lname` varchar(255) COLLATE utf8_unicode_ci NOT NULL,
`email` varchar(255) COLLATE utf8_unicode_ci NOT NULL,
`gender` varchar(10) COLLATE utf8_unicode_ci NOT NULL,
`locale` varchar(10) COLLATE utf8_unicode_ci NOT NULL,
`created` datetime NOT NULL,
`modified` datetime NOT NULL,
PRIMARY KEY (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_unicode_ci;

Bước 3: mở file includes/functions.php để kết nối CSDL


function __construct(){
//Config CSDL
$dbServer = 'localhost';
$dbUsername = 'root';
$dbPassword = '';
$dbName = 'vnfit_fb';

//kết nối CSDL
$con = mysqli_connect($dbServer,$dbUsername,$dbPassword,$dbName);
if(mysqli_connect_errno()){
die("Failed to connect with MySQL: ".mysqli_connect_error());
}else{
$this->connect = $con;
}
}

Bước 4: Config Facebook với file config.php


<?php
include_once("inc/facebook.php"); //include facebook SDK
######### Facebook API Configuration ##########
$appId = 'Điền ID của Facebook App'; //ID cho Facebook App
$appSecret = 'Điền Facebook App Secret'; // Facebook App Secret
$return_url = 'http://localhost/facebook_login_with_php/';
$homeurl = 'http://localhost/facebook_login_with_php/';
$fbPermissions = 'email'; //

//Gọi đến Facebook API
$facebook = new Facebook(array(
'appId' => $appId,
'secret' => $appSecret
));
$fbuser = $facebook->getUser();
?>

Chúc các bạn thành công!

0 nhận xét: