Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone
 

Registered : 102,979

HOME > บทความจากสมาชิก > PHP Facebook Login (SDK 5) ระบบล็อกอิน PHP/MySQL กับ Facebook (Update : 2017)



 

PHP Facebook Login (SDK 5) ระบบล็อกอิน PHP/MySQL กับ Facebook (Update : 2017)

PHP Facebook Login (SDK 5) ระบบล็อกอิน PHP/MySQL กับ Facebook (Update : 2017) ปัจจุบันปี 2017 ทาง Facebook ได้พัฒนา API สำหรับการ Login ด้วย PHP มาถึง SDK 5 แล้ว และได้มีการยกเลิกเวอร์ชั่นเก่าๆ ไปเช่น SDK 2 ซึ่งทำให้หลายเว็บไซต์ที่ไม่ได้มีการอัพเดดจะไม่สามารถใช้งานได้ เป็นการยังคับให้นักพัฒนาโปรแกรม PHP มีการอัพเดดเวอร์ชั่นของ PHP ไปในตัวด้วย เพราะว่า SDK 4 หรือ 5 เป็นต้นไปจะรองรับบน PHP 5.4 ขึ้นไปเท่านั้น ถ้าใช้เวอรชั่นต่ำกว่านี้อาจจะต้องไปใช้ SDK ของ JavaScript แทน

ใน SDK 5 นี้ยังไม่ได้แตกต่างอะไรกับ SDK 4 มากนัก และเช่นเดิมสามารถติดตั้ง SDK ได้จาก Composor หรือจะดาวน์โหลดไฟล์โดยตรงเลยก็ได้ ส่วนวิธีการเขียนแบบเบื้องต้น เช้นการดึง ID, Name , Email ก็ไม่ได้แตกตต่างกับเวอร์ชั่นก่อนๆ



PHP and Facebook API Login (SDK 5)


ก่อนอื่นจะต้องรู้ก่อนว่า SDK 5 จะรองรับ PHP 5.4 เป็นต้นไป และเปิดใช้ mbstring ส่วน Composer(มีหรือไม่ก็ได้)

Step 1 : สร้าง App ID บน Facebook API

ขั้นแรกสุดจะต้องสสมัคร Facebook Developer โดยสามารถสมัครได้ที่ https://developers.facebook.com/

ก่อนจะเปิดใช้งาน Facebook Login จะต้องสร้าง App ที่จะรองรับการทำงานซะก่อน โดยไปที่

PHP Facebook Login (SDK 5)

ลือกเมนู Add a New App

PHP Facebook Login (SDK 5)

ตั้งชื่อ App หรือชื่อเว็บ ซึ่งอาจจะหมายถึงชื่อกรุ๊ปที่จะใช้งาน

PHP Facebook Login (SDK 5)

ในหน้า Dashboard ให้ Copy ตัว App ID และ App Secret ไปใช้งาน

PHP Facebook Login (SDK 5)

แสดง App ID และ App Secret

PHP Facebook Login (SDK 5)

App Review ตั้งค่าการ Login ให้เป็น Yes

PHP Facebook Login (SDK 5)

ในส่วนของ Settings ให้เลือก Add Platform

PHP Facebook Login (SDK 5)

เลือกเป็น Website

PHP Facebook Login (SDK 5)

จากนั้นใส่ URL ให้ถูกต้อง (ถ้าใส่ไม่ถูกต้องาจจะไม่ทำงาน)








Step 2 : ดาวน์โหลด Facebook for PHP SDK 5 มาใช้งาน

ดาน์โหลด SDK 5
https://developers.facebook.com/docs/php/gettingstarted

ให้ดาวน์โหลด SDK 5 ที่ใช้สำหรับ PHP (สามารถติดตั้งได้จาก Composer)

composer.json
{
  "require" : {
    "facebook/graph-sdk" : "~5.0"
  }
}
หรือจะดาวน์โหลดท้ายบทความ

PHP Facebook Login (SDK 5)

หลังจากที่ดาวน์โหลดแล้วไฟล์ที่เราจะใช้จะอยู่ที่ src/Facebook เราจะใช้แค่นี้เท่านั้น

PHP Facebook Login (SDK 5)

ให้ Copy ไฟล์ทั้งหมดไปไว้ในโฟเดอร์ facebook-sdk-v5 และเก็บโฟเดอร์ไว้ใน root ของเว็บ

PHP Facebook Login (SDK 5)

ตัวอย่างการอัพโหลดไปไว้ที่ Server ซึ่งเวลาตอนที่เรียกใช้จะได้เป็น
require_once __DIR__ . '/facebook-sdk-v5/autoload.php';


Step 3 : การเรียกใช้งาน และ ทดสอบการ Login ด้วย Facebook API และ PHP

ในการทำรับบ Login ด้วย PHP จะต้องสร้างไฟล์แรกเป็นไฟล์ที่ใช้สำหรับการสร้าง Link เพื่อตรวจสอบไปยัง Facebook และไฟล์ที่ทำหน้าที่รับค่าหลังจากตรวจสอบเสร็จเรียบร้อยแล้ว (login call back)
  • login.php (สร้าง Link สำหรับตรวจสอบ Facebook Login)
  • login-callback.php (ไฟล์เมื่อ Login ผ่านแล้วก็จะส่งค่ามายังหน้านี้)


login.php (PHP)
<?php
session_start();
ini_set('display_errors', 1);
require_once __DIR__ . '/facebook-sdk-v5/autoload.php';

use Facebook\FacebookSession;
use Facebook\FacebookRequest;
use Facebook\GraphUser;
use Facebook\FacebookRedirectLoginHelper;


$fb = new Facebook\Facebook([
  'app_id' => '190103684833793',
  'app_secret' => '1c12639e99b03149f2a29834a2ac471e',
  'default_graph_version' => 'v2.5',
]);

$helper = $fb->getRedirectLoginHelper();

$permissions = ['email', 'user_likes']; // optional

$loginUrl = $helper->getLoginUrl('http://www.thaicreate.com/login-callback.php', $permissions);

echo '<a href="' . $loginUrl . '">Log in with Facebook!</a>';
?>
ไฟล์ login.php จะสร้างลิ้งค์สำหรับการล็อกอินและลิ้งค์ call back หลังจากที่ล็อกอินเรียบร้อยแล้ว

PHP Facebook Login (SDK 5)

ลิ้งค์เพื่อล็อกอิน

PHP Facebook Login (SDK 5)

ผู้ใช้เลือก Allow สิทธิ์การเข้าถึงข้อมูล

login-callback.php (PHP)
<?php
session_start();
ini_set('display_errors', 1);
require_once __DIR__ . '/facebook-sdk-v5/autoload.php';

use Facebook\FacebookSession;
use Facebook\FacebookRequest;
use Facebook\GraphUser;
use Facebook\FacebookRedirectLoginHelper;


$fb = new Facebook\Facebook([
  'app_id' => '190103684833793',
  'app_secret' => '1c12639e99b03149f2a29834a2ac471e',
  'default_graph_version' => 'v2.5',
]);

$helper = $fb->getRedirectLoginHelper();
try {
  $accessToken = $helper->getAccessToken();
} catch(Facebook\Exceptions\FacebookResponseException $e) {
  // When Graph returns an error
  echo 'Graph returned an error: ' . $e->getMessage();
  exit;
} catch(Facebook\Exceptions\FacebookSDKException $e) {
  // When validation fails or other local issues
  echo 'Facebook SDK returned an error: ' . $e->getMessage();
  exit;
}

if (isset($accessToken)) {
  // Logged in!
  $_SESSION['facebook_access_token'] = (string) $accessToken;

  // Now you can redirect to another page and use the
  // access token from $_SESSION['facebook_access_token']

  $response = $fb->get('/me?fields=id,name,gender,email,link', $accessToken);

  $user = $response->getGraphUser();
  echo'<pre>';
  print_r($user);
  echo'</pre>';

  //echo 'ID: ' . $user['id'];
  //echo 'Name: ' . $user['name'];
  //echo 'Gener: ' . $user['gener'];
  //echo 'Email: ' . $user['email'];
  //echo 'Link: ' . $user['link'];

}
?>
ไฟล์ login-callback.php จะทำงานเมื่อล็อกอินเรียบร้อยแล้ว

PHP Facebook Login (SDK 5)

ตัวอย่างการดึงข้อมูลเช่น Facebook ID หรือ Name , Email มาใช้งาน

และถ้าล็อกอินสำเร็จ จะได้ค่า $accessToken มาใช้งาน และจะเห็นว่ามีการจัดเก็บลงใน Session

  $_SESSION['facebook_access_token'] = (string) $accessToken;
แสดงว่าในหน้าอื่นๆ เราจะสามารถเรียกใช้ token นี้ที่จะดึงข้อมูลของ User มาใช้งานได้ เช่น

<?php
session_start();
ini_set('display_errors', 1);
require_once __DIR__ . '/facebook-sdk-v5/autoload.php';

use Facebook\FacebookSession;
use Facebook\FacebookRequest;
use Facebook\GraphUser;
use Facebook\FacebookRedirectLoginHelper;


$fb = new Facebook\Facebook([
  'app_id' => '190103684833793',
  'app_secret' => '1c12639e99b03149f2a29834a2ac471e',
  'default_graph_version' => 'v2.5',
]);


if (isset($_SESSION['facebook_access_token'])) {

  $response = $fb->get('/me?fields=id,name,gender,email,link', $_SESSION['facebook_access_token']);

  $user = $response->getGraphUser();
  echo'<pre>';
  print_r($user);
  echo'</pre>';

  //echo 'ID: ' . $user['id'];
  //echo 'Name: ' . $user['name'];
  //echo 'Gener: ' . $user['gener'];
  //echo 'Email: ' . $user['email'];
  //echo 'Link: ' . $user['link'];

}
?>
ในกรณีที่เรียกใช้หน้าอื่นๆ

หรือเราสามารถจัดการด่วยการจัดเก็บมันลงใน MySQL แล้วสร้าง Session ขึ้นมาจัดการเองก็ได้ เช่น

Table : tb_facebook
CREATE TABLE IF NOT EXISTS `tb_facebook` (
  `ID` int(6) NOT NULL AUTO_INCREMENT,
  `FACEBOOK_ID` varchar(50) NOT NULL,
  `NAME` varchar(150) NOT NULL,
  `EMAIL` varchar(250) NOT NULL,
  `PICTURE` varchar(250) NOT NULL,
  `LINK` varchar(250) NOT NULL,
  `CREATE_DATE` datetime NOT NULL,
  PRIMARY KEY (`ID`),
  UNIQUE KEY `ID` (`FACEBOOK_ID`)
) ENGINE=MyISAM DEFAULT CHARSET=utf8 AUTO_INCREMENT=1 ;
โครงสร้างตารางที่มช้จัดเก็บ

PHP Facebook Login (SDK 5)

โครงสร้างของตาราง








login-callback.php (PHP) : ล็อกอินสำเร็จและมีการจัดเก็บลงใน MySql
<?php
session_start();
ini_set('display_errors', 1);
require_once __DIR__ . '/facebook-sdk-v5/autoload.php';

use Facebook\FacebookSession;
use Facebook\FacebookRequest;
use Facebook\GraphUser;
use Facebook\FacebookRedirectLoginHelper;


$fb = new Facebook\Facebook([
  'app_id' => '190103684833793',
  'app_secret' => '1c12639e99b03149f2a29834a2ac471e',
  'default_graph_version' => 'v2.5',
]);

$helper = $fb->getRedirectLoginHelper();
try {
  $accessToken = $helper->getAccessToken();
} catch(Facebook\Exceptions\FacebookResponseException $e) {
  // When Graph returns an error
  echo 'Graph returned an error: ' . $e->getMessage();
  exit;
} catch(Facebook\Exceptions\FacebookSDKException $e) {
  // When validation fails or other local issues
  echo 'Facebook SDK returned an error: ' . $e->getMessage();
  exit;
}

if (isset($accessToken)) {
  // Logged in!
  $_SESSION['facebook_access_token'] = (string) $accessToken;

  // Now you can redirect to another page and use the
  // access token from $_SESSION['facebook_access_token']

  $response = $fb->get('/me?fields=id,name,gender,email,link', $accessToken);

  $user = $response->getGraphUser();
  echo'<pre>';
  print_r($user);
  echo'</pre>';

  //echo 'ID: ' . $user['id'];
  //echo 'Name: ' . $user['name'];
  //echo 'Gener: ' . $user['gener'];
  //echo 'Email: ' . $user['email'];
  //echo 'Link: ' . $user['link'];

	$objConnect = mysql_connect("localhost","root","root") or die(mysql_error());
	$objDB = mysql_select_db("mydb");
	mysql_query("SET NAMES UTF8");


	// Check Exists ID
	$strSQL = "SELECT * FROM tb_facebook WHERE FACEBOOK_ID = '".$user['id']."' ";
	$objQuery = mysql_query($strSQL);
	$objResult = mysql_fetch_array($objQuery);
	if($objResult)
	{
		$_SESSION["strFacebookID"] = $user['id'];
		header("location:page1.php");
		exit();
	}
	else
	{
		// Create New ID

			$strPicture = "https://graph.facebook.com/".$user['id']."/picture?type=large";

			$strSQL ="  INSERT INTO  tb_facebook (FACEBOOK_ID	,NAME,EMAIL,PICTURE,LINK,CREATE_DATE) 
				VALUES
				('".trim($user['id'])."',
				'".trim($user['name'])."',
				'".trim($user['email'])."',
				'".trim($strPicture)."',
				'".trim($user['link'])."',
				'".trim(date("Y-m-d H:i:s"))."')";
			$objQuery  = mysql_query($strSQL);

			$_SESSION["strFacebookID"] = $user['id'];
			header("location:page1.php");
			exit();
	}

	mysql_close();


}

?>

page1.php (PHP) : ดึงค่า Session มาใช้งาน แล้วเลือก Facebook ID ที่ล็อกอินอยู่ในขณะนั้น
<?php
session_start();

	$objConnect = mysql_connect("localhost","root","root") or die(mysql_error());
	$objDB = mysql_select_db("mydb");
	mysql_query("SET NAMES UTF8");


	// Check Exists ID
	$strSQL = "SELECT * FROM tb_facebook WHERE FACEBOOK_ID = '".$_SESSION["strFacebookID"]."' ";
	$objQuery = mysql_query($strSQL);
	$objResult = mysql_fetch_array($objQuery);
	if($objResult)
	{
		echo "Welcome to my Account<br><br>";
		echo "Facebook ID = ".$objResult["FACEBOOK_ID"];
		echo "<br><a href='".$objResult["LINK"]."' target='_blank'>
		<img src='".$objResult["PICTURE"]."' border='0'></a><br><br>";
		echo $objResult["NAME"];
	}
	
	echo "<br><br><br><a href='logout.php'>Logout</a>";
	mysql_close();
?>

logout.php (PHP) : ล้าง Session
<?php
session_start();
session_destroy();
header("location:login.php");
?>
จาก Code จะเห็นว่ากรณีที่มีข้อมูลอยู่แล้วให้ไปหน้า page1.php ในทันที แต่ถ้าเป็นข้อมูลใหม่ให้ทำการ Insert ลงใน Table ก่อน

ทดสอบการทำงาน

PHP Facebook Login (SDK 5)

เมื่อ Login สำเร็จจะมายัง page1.php และดึงข้อมูลออกมาแสดง

PHP Facebook Login (SDK 5)

มีการจัดเก็บลงใน MySQL Table

Download Code



Error นี้เกิดจากยังไมไ่ด้ session_start()
Fatal error: Uncaught exception 'Facebook\Exceptions\FacebookSDKException' with message 'Sessions are not active. Please make sure session_start() is at the top of your script.'









   
Share
Bookmark.   

  By : TC Admin
  Article : บทความเป็นการเขียนโดยสมาชิก หากมีปัญหาเรื่องลิขสิทธิ์ กรุณาแจ้งให้ทาง webmaster ทราบด้วยครับ
  Score Rating :
  Create Date : 2017-04-11
  Download : No files
Sponsored Links
Nested Set model ข้อมูลเชิงซ้อนโครงสร้างต้นไม้
Nested Set model ข้อมูลเชิงซ้อนโครงสร้างต้นไม้
จัดการข้อมูลเชิงซ้อนโครงสร้างต้นไม้ด้วย Nested Set model กับ PHP. ข้อมูลเชิงซ้อนโครงสร้างต้นไม้คือ ข้อมูลที่มีชุดรายการลูกอยู่ภายในตัวมันเอง อยู่ในตารางฐานข้อมูลเดียวกัน อ้างอิงไปยังรายการต้นกำเนิดผ่านทางคอลัมน์หนึ่ง เช่น parent_id หรือยกตัวอย่างที่เห็นเป็นรูปธรรมทั่วไปก็เช่น ข้อมูลหมวดหมู่ ที่สามารถมีหมวดหมู่ย่อยๆลงไปได้ไม่จำกัด โดยการอ้างอิง parent_id ไปยัง id ในตารางเดียวกันนั่นเอง.
Rating : Update : 2016-08-29 10:38:27
Windows Form กับ DateTimePicker วิธีการ Insert ข้อมูล DateTime ลงใน Database (VB.Net,C#)
Windows Form กับ DateTimePicker วิธีการ Insert ข้อมูล DateTime ลงใน Database (VB.Net,C#)
วิธีการ Insert ข้อมูลจาก DateTimePicker บน Windows Form ลงใน Database เหตุผลที่ต้องเขียนบทความนี้เพราะยังใช้กันผิดๆ ถูกๆ ไม่ถูกต้องตาม Format ของ DateTime
Rating : Update : 2017-04-18 09:27:17
Windows Form กับ Upload File ลงใน Database และแสดงผลรายการไฟล์บน Table (VB.Net,C#)
Windows Form กับ Upload File ลงใน Database และแสดงผลรายการไฟล์บน Table (VB.Net,C#)
ตัวอย่างการอัพโหลดไฟล์บน Windows Form Application ลงใน Database และ Table รวมทั้งวิธีการดึงรายการไฟล์มาแสดงบน Form การเปิดไฟล์
Rating : Update : 2017-03-24 17:37:21
การติดตั้งและใช้งาน InstallShield เบื้องต้น ทำไฟล์ติดตั้งโปรแกรม VB.Net, C# จาก Visual Studio
การติดตั้งและใช้งาน InstallShield เบื้องต้น ทำไฟล์ติดตั้งโปรแกรม VB.Net, C# จาก Visual Studio
การติดตั้งและใช้งาน installshield เบื้องต้น สำหรับทำไฟล์ติดตั้งโปรแกรม VB.Net, C# เพื่อให้ผู้ใช้งานนำไปติดตั้งที่เครื่องคอมพิวเตอร์ตนเองได้ง่ายขึ้น แค่ Next ไปเรื่อย ๆ
Rating : Update : 2017-04-18 09:30:21
ขั้นตอนการอัพ Laravel จาก 5.1 เป็น 5.2
ขั้นตอนการอัพ Laravel จาก 5.1 เป็น 5.2
ขั้นตอนการอัพ Laravel จาก 5.1 เป็น 5.2
Rating : Update : 2016-01-23 14:04:03
VB.Net,C# Send Mail ส่งอีเมล์ และการส่งผ่าน SMTP ด้วย System.Net.Mail
VB.Net,C# Send Mail ส่งอีเมล์ และการส่งผ่าน SMTP ด้วย System.Net.Mail
บทความและตัวอย่างการส่งอีเมล์ (Mail) ด้วยบน .Net Application ซึ่งสามารถใช้ได้กับทุกๆ Application ที่พัฒนาด้วย .Net Framework โดยใช้ Library ของ System.Net.Mail
Rating : Update : 2017-04-01 07:18:10
Javascript เพิ่ม google map api key Javascript
Javascript เพิ่ม google map api key Javascript
ปัจจุบัน google map ได้มีการเพิ่มในส่วน ของ api key เพื่อ จำกัดปริมาณการใช้งาน 25,000 การเรียกใข้ ต่อ 24 ชั่วโมง หากเกิน คิด เงิน 0.50$ / 1,000 การเรียกใช้ ทำให้ code เดิมมีการถามหา key ที่หายไปวันนี้ผม จะมานำเสนอวิธีการสร้าง api key เพื่อนำมาใช้งานต่อไป
Rating : Update : 2016-08-03 08:46:44
ThaiCreate.Com Forum

Comunity Forum Free Web Script
Jobs Freelance Free Uploads
Free Web Hosting Free Tools

สอน PHP ผ่าน Youtube ฟรี
สอน Android การเขียนโปรแกรม Android
สอน Windows Phone การเขียนโปรแกรม Windows Phone 7 และ 8
สอน iOS การเขียนโปรแกรม iPhone, iPad
สอน Java การเขียนโปรแกรม ภาษา Java
สอน Java GUI การเขียนโปรแกรม ภาษา Java GUI
สอน JSP การเขียนโปรแกรม ภาษา Java
สอน Struts การเขียนโปรแกรม Java Struts Framework
สอน jQuery การเขียนโปรแกรม ภาษา jQuery
สอน Yii  Framework การเขียนโปรแกรม ภาษา PHP กับ Yii
สอน .Net การเขียนโปรแกรม ภาษา .Net
Free Tutorial
สอน Google Maps Api
สอน Windows Service
สอน Entity Framework
สอน Android
สอน Java เขียน Java
Java GUI Swing
สอน JSP (Web App)
iOS (iPhone,iPad)
Windows Phone
Windows Azure
Windows Store
Laravel Framework
Yii PHP Framework
สอน jQuery
สอน jQuery กับ Ajax
สอน PHP OOP (Vdo)
Ajax Tutorials
SQL Tutorials
สอน SQL (Part 2)
JavaScript Tutorial
Javascript Tips
VBScript Tutorial
VBScript Validation
Microsoft Access
MySQL Tutorials
-- Stored Procedure
MariaDB Database
SQL Server Tutorial
SQL Server 2005
SQL Server 2008
SQL Server 2012
-- Stored Procedure
Oracle Database
-- Stored Procedure
SVN (Subversion)
แนวทางการทำ SEO
ปรับแต่งเว็บให้โหลดเร็ว

สุดยอด Source Code V2.0
 

แจ้งชำระเงิน/โอนเงิน
 

Hit Link
   


Acc : thaicreate@hotmail.com






Load balance : Server 00
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2017 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
for Contact Us : [Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 , 084-715-5121 อัตราราคา คลิกที่นี่