สอนการใช้งาร Facebook PHP SDK ตอนที่ 3 การ Login Facebook ด้วย Facebook API

สอนการใช้งาร Facebook PHP SDK ตอนที่ 3  การ Login Facebook ด้วย Facebook API

       บทความนี้ผมจะพูดถึงการ ใช้ Facebook API Login ชึ้งการสร้าง Web Application ในปัจจุบันเราจะเห็นว่ามีการเชื่อมต่อ กับโซเชียล ต่างๆ ไม่ว่าจะเป็น  Facebook , Google Plus ,Twitter, และอื่นๆอีกมากมายเพื่อให้ง่ายต่อการเข้าถึงและทำงานได้ง่ายรวดเร็ว เมื่อ   Web Application  ได้มีการเขื่อต่อกับ โซเชียล ดังที่ผมจะยกตัวอย่างในบทความนี้ก็คือ การเชื่อต่อ Web Application  เข้ากับ Facebook ผ่านทาง Facebook API  ที่ทาง Facebook ได้ทำขึ้นมาเพื่อ ให้นักพัฒนาสำมารถ สร้างสรร Web Application  ได้ง่ายรวดเร็วยิ่งขึ้นและมีความปลอดภัยแก่ผู้ใช้งาน

สิ่งที่ต้องใช้ในการทำการทดลองสร้าง Login Facebook ด้วย Facebook API  

 

• ต้องติดตั้งโปรแกรม  Wamp Server  ถ้ายังไม่ติดตั้งไปติดตั้งกันก่อนเลยครับ  การติดตั้ง Wamp Server

•  ต้องติดตั้ง Facebook SDK  ถ้ายังไม่ติดตั้งไปติดตั้งกันก่อนเลยครับ  การตอดตั้ง Facebook SDK ผ่าน Composer   หรือ  การติดตั้ง Facebook SDK  แบบ Manul 

• ต้องติดตั้งโปรแกรม Netbeans PHP IDE  ถ้ายังไม่ติดตั้งไปติดตั้งกันก่อนเลยครับ  การติดตั้ง Netbeans PHP ID

  บทความที่เกี่ยวข้อง  

 

• สอนการใช้งาร Facebook PHP SDK ตอนที่ 1 การสร้าง Facebook Apps

• สอนการใช้งาร Facebook PHP SDK ตอนที่ 2 รู้จัก Facebook Graph API

ถ้าได้ติดตั้งโปรแกรมเสร็จเรียบร้อยแล้ว ต่อไปก็มาเริ่มทำการสร้าง Facebook SDK Login  กันเลยครับ

1. ทำการเปิดโปรแกรม Netbeans PHP IDE ขึ้นมาแล้วทำการ News File ที่ชื่อ  fb-login.php และ  Fb-callback.php  ขึ้นมาครับ

•   fb-login.php

•   fb-callback.php

   2. เมื่อทำการสร้าง File ทั้งสองแล้ว เปิด ไฟล์ fb-login.php ขึ้นมาครับ  แล้วทำการ copy Code   ดังต่อไปนี้ไปไส่ใน file fb-login.php

<?php
/*
Facebook SDK Part 3
สอนการใช้งาร Facebook PHP SDK ตอนที่ 3  การ Login Facebook ด้วย Facebook API
by http://facebook-sdk.blogspot.com/  
  
 */
session_start();
//ทำการเรียก Sesion_start(); เพื่อให้ Sesion ต่างๆทำงาน
  
require_once __DIR__ . '/src/Facebook/autoload.php';
//ทำการสร้างการดึงไฟล์ต่างๆ
//ของ facebook sdk ด้วยคำสั่ง  require_once  __DIR__ .'ตามด้วย ที่เก็บ file autoload.php '
 
$fb = new Facebook\Facebook([
  'app_id' => '740357906069989',
  'app_secret' => '85be710ace9ac4e630fdcff56e51bdbd', 
  'default_graph_version' => 'v2.4',
  ]);
//เป็นการสร้างคำสั่ง เพื่อ เก็บค่า app_id ,app_secret และ เวิอชั่นเริมต้นของ  Graph API 
 
$helper = $fb->getRedirectLoginHelper();
//เป็นการ นำค่าของ app_id ,app_secret, Graph API  ที่เก็บไว้ในตัวแปล $fb ไปตรวจสอบ ผ่านgetRedirectLoginHelper()
 
$permissions = ['email']; // Optional permissions
$loginUrl = $helper->getLoginUrl('http://localhost/facebook-adk-Manually/fb-callback.php', $permissions);
//เมื่อ ผ่าน จะส่งค่าที่ได้ไปยัง fb-callback.php  เพื่อที่จะได้ใช้งานต่อ
echo '<a href="' . htmlspecialchars($loginUrl) . '"><img src="img/loginfacebook.gif"></a>'; htmlspecialchars($loginUrl) . '"><img src="img/loginfacebook.gif"></a>';

   3. ทำกา copy Code   ดังต่อไปนี้ไปไส่ในไฟล์  fb-callback.php

<!doctype html>
<html>
<meta charset="utf-8">
<?php

session_start();
//ทำการเรียก Sesion_start(); เพื่อให้ Sesion ต่างๆทำงาน
 
require_once __DIR__ . '/src/Facebook/autoload.php';
//ทำการสร้างการดึงไฟล์ต่างๆ
//ของ facebook sdk ด้วยคำสั่ง  require_once  __DIR__ .'ตามด้วย ที่เก็บ file autoload.php '

$fb = new Facebook\Facebook([
  'app_id' => '740357906069989',
  'app_secret' => '85be710ace9ac4e630fdcff56e51bdbd', 
  'default_graph_version' => 'v2.4',
  ]);


$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)) {  
  if ($helper->getError()) {  
    header('HTTP/1.0 401 Unauthorized');  
    echo "Error: " . $helper->getError() . "\n";
    echo "Error Code: " . $helper->getErrorCode() . "\n";
    echo "Error Reason: " . $helper->getErrorReason() . "\n";
    echo "Error Description: " . $helper->getErrorDescription() . "\n";
  } else {  
    header('HTTP/1.0 400 Bad Request');  
    echo 'Bad request';  
  }  
  exit;  
}  

// Logged in  
echo '<h3>Access Token</h3>';  
var_dump($accessToken->getValue());  
  
// The OAuth 2.0 client handler helps us manage access tokens  
$oAuth2Client = $fb->getOAuth2Client();  

// Get the access token metadata from /debug_token  
$tokenMetadata = $oAuth2Client->debugToken($accessToken);  
echo '<h3>Metadata</h3>';  
var_dump($tokenMetadata);  
  
// Validation (these will throw FacebookSDKException's when they fail)  
//$tokenMetadata->validateAppId($config['app_id']);  
// If you know the user ID this access token belongs to, you can validate it here  
// $tokenMetadata->validateUserId('123');  
$tokenMetadata->validateExpiration();   
   
if (! $accessToken->isLongLived()) {  
  // Exchanges a short-lived access token for a long-lived one  
  try {  
    $accessToken = $oAuth2Client->getLongLivedAccessToken($accessToken);  
  } catch (Facebook\Exceptions\FacebookSDKException $e) {  
    echo "<p>Error getting long-lived access token: " . $helper->getMessage() . "</p>";  
    exit;  
  } 
  echo '<h3>Long-lived</h3>';  
  var_dump($accessToken->getValue());  
}

$_SESSION['fb_access_token'] = (string) $accessToken;  
  
// User is logged in with a long-lived access token.  
// You can redirect them to a members-only page.  
// header('Location: https://example.com/members.php');

   4. ทดสอบการทำงาน เปิดบลาวเชอร์ ขึ้นมาแล้ว พิมพ์ Url  http://localhost/facebook-adk-Manually/login.php  จะได้ดังรูป  แล้วคลิก Login Facebook

• จะได้ Pop-up  ขึ้นมาตามรูปครับ  ถ้าเรายังไม่ได้ อณุญาติ ให้เว็บเรากับทาง Facebook App  ไปอณุญาติ เว็บกับทาง Facebook App  กันก่อนนะครับ  โดยการอณุญาติเว็บผมได้อธิบายวิธีทำไว้ที่บทความ  การอณุญาติให้เว็บสามารถใช้ Facebook App ได้

• หลังจาก เราไได้อณุญาติเว็บกับทาง Facebook Apps แล้ว ก็ทำตามข้อ 4 อีกครั้ง ก็จะได้ Pop-up ขึ้นมาดังรูปครับ

• คลิก ตกลง ก็จะได้หน้าการแสดงผล ในไฟล์  fb-callback.php ที่ถูกส่งค่ามาจากการ login   ในส่วนค่าที่ได้ออกมาก็จะมีค่า access Token  ,app_id ,ชื้อ application และอื่นๆอีกมากมาย ตามที่เราได้ใช้คำสั่งในการ  เรียกการแสดงผลออกมา 

 

• มาถึงส่วนนี้ก็เป็นอันเสร็จสมบูรณ์ในการ log in ผ่าน facebook sdk 

สอนการใช้งาร Facebook PHP SDK ตอนที่ 3  การ Login Facebook ด้วย Facebook API

ADS HERE !!!