Munu

การพัฒนา GRAPH API ของ FACEBOOK ด้วย PHP

หน้าแรก » ข่าวสาร » การพัฒนา GRAPH API ของ FACEBOOK ด้วย PHP

พัฒนา Open Graph API ของ Facebook ด้วย PHP

หลายคนคงต้องการที่อยากจะรู้ว่าการพัฒนาโปรแกรมบนเว็บไซต์ด้วยภาษา PHP เพื่อเชื่อมต่อกับ Open Graph API ของ Facebook นั้นยากหรือไม่?

ก่อนอื่นต้องถามตัวคุณเองก่อนว่ามีทักษะในการเขียนภาษาโปรแกรม HTML พื้นฐาน, ภาษาโปรแกรม PHP และ Javascript ที่แน่นแค่ไหน ซึ่งสำหรับบทความนี้อาจจะไม่ได้ต้องการทักษะที่สูงนัก แต่ก็ต้องการทักษะที่พอจะรู้เรื่องเหล่านี้ระดับเริ่มต้น ถึงพอใช้ หรือประมาณ 60-80% ก็พอครับ เพียงเท่านี้ก็อยู่ที่ว่าจะนำค่า Open Graph API ไปเขียนประยุกต์ใช้ยังไง ก็ไม่มีปัญหา

แล้วครับ

เริ่มต้นรู้จักกับ Open Graph API ของ Facebook
ก่อนอื่นเราต้องมาทำความรู้จักกันก่อนกับ API ของ Facebook ตัวนี้ที่มีการเริ่มเปิดเผยให้เหล่านักพัฒนาแพลตฟอร์มเว็บไซต์ที่ต้องการเรียกใช้ข้อมูลทั้งหลายบนเครือข่ายสังคมออนไลน์อย่าง
Facebook หลักการของ Facebook Open Graph คือการอนุญาตให้เราใช้ข้อมูลที่มีอยู่ในระบบมาเรียกให้แสดงที่หน้าเว็บไซต์ของเรา ซึ่งจะมีการแสดงผลออกมาเป็น JSON ไฟล์ให้เขียนภาษา
PHP หรือ Javascript เข้าไปเรียกชุดข้อมูลให้มาแสดงผลในหน้าดีไซน์ของเราครับ
โครงสร้างของชุดข้อมูล Open Graph API
โครงสร้างที่จะถูกเรียกใช้จะอยู่ในรูปแบบของ JSON ครับโดยมีโครงสร้างข้อมูลที่แบ่งการเข้าถึงได้ 2 ระดับคือ เข้าถึงได้โดยทั่วไป และ เข้าถึงได้หากได้รับการอนุญาติซึ่งข้อมูลที่สามารถเข้า
ถึงได้โดยทั่วไปนั้นสามารถเรียกดูได้ตลอดเวลาด้วยวิธีการง่าย แสนง่ายโดยการเรียกผ่าน เว็บบราวเซอร์ธรรมดาที่ URL นี้ครับ https://graph.facebook.com/ID ซึ่ง “ID” ที่ว่าคือค่ารหัสของข้อมูลทั้งหลายตั้งแต่ ผู้ใช้งาน, อัลบัมภาพ, อีเวนท์กิจกรรม หน้า Fan Page และ สถานที่ครับ ตัวอย่างเช่นหากว่าผมต้องการ
ทราบว่า Profile ของผม http://www.facebook.com/banyapon นั้นมีรหัส ID ของ Facebook คืออะไรผมแค่ เปลี่ยน ID ที่ว่าแทนด้วย banyapon เหมือนรูปแบบข้างล่างครับ
http://graph.facebook.com/banyapon

โครงสร้างของชุดข้อมูล Open Graph API

โครงสร้างของชุดข้อมูล Open Graph API
ข้อมูลที่ปรากฏจะเป็นข้อมูลเหมือนภาพข้างล่าง ซึ่งจะมี ID ว่า 625532477 นั้นคือ ID Facebook ของผมครับ
ตัวอย่างชุดข้อมูลของหน้า Facebook Platform หรือ URL: https://graph.facebook.com/19292868552 นั้นจะมีโครงสร้างข้อมูลใน JSON ตามนี้ครับ
{
"name": "Facebook Platform",
"website": "http://developers.facebook.com",
"username": "platform",
"founded": "May 2007",
"company_overview": "Facebook Platform enables anyone to build...",
"mission": "To make the web more open and social.",
"products": "Facebook Application Programming Interface (API)...",
"likes": 449921,
"id": 19292868552,
"category": "Technology"
}

 

ให้ลองเข้าไปที่หน้าเว็บไซต์ ของ https://developers.facebook.com/docs/reference/api/ ว่ามีค่าอะไรบ้างก็จะเห็นตามนี้ครับ

Facebook Developers's Group

การเรียกดูข้อมูลของ Open Graph เบื้องต้น
ในบทนี้ ผมจะโฟกัสไปที่การเรียกดูข้อมูลที่ไม่ซับซ้อนและยังไม่ได้เรียกใช้ PHP SDK จากทาง Facebook เหมือนบทความก่อนหน้านี้ที่เป็นกรณีศึกษานะครับ
ขั้นตอนง่ายๆ ที่จะใช้กันวันนี้คือ PHP ในการอ่าน JSON ไฟล์ธรรมดาครับ
ซึ่งการเขียนคือ หา URL ที่เป็นของ Open Graph มาสัก 1 URL ครับแล้วทำหารเรียกค่าไป เช่นตัวอย่างของผมคือ URL ของผมเองครับ
http://graph.facebook.com/banyapon
คราวนี้ก็มาในส่วนของภาษา PHP ครับให้ลองเขียน Code ตามนี้นะครับ
<?php
$opengraph=file_get_contents('http://graph.facebook.com/banyapon');
$opengraph=json_decode($opengraph);
$name=$opengraph->id;
$link=$opengraph->link;
$id=$opengraph->id;
$gender=$opengraph->gender;
?>

 

ซึ่งเวลาที่เราต้องการเรียกค่าตัวแปรต่างๆ ก็สามารถนำไปแทรกลงใน HTML ได้เลยครับด้วย
<?php echo($name);?>;
<?php echo($link);?>;
<?php echo($id);?>;
<?php echo($gender);?>;

 

ส่วนของโค้ดทั้งหมดก็จะเป็นแบบนี้ครับ index.php
<?php
$opengraph=file_get_contents('http://graph.facebook.com/banyapon');
$opengraph=json_decode($opengraph);
$name=$opengraph->id;
$link=$opengraph->link;
$id=$opengraph->id;
$gender=$opengraph->gender;
?>
<html>
 <head> </head>
 <body>
  <?php echo($name);?>;
  <?php echo($link);?>;
  <?php echo($id);?>;
  <?php echo($gender);?>;
 </body>
</html>

 

ผลที่ได้ก็คือ หน้า Page จะมีการเรียกค่ามาแสดงตามนี้
625532477
http://www.facebook.com/banyapon
625532477
male

 

Tags: , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ,

เรามีทีมงานผู้เชี่ยวชาญที่มีประสบการณ์ด้านเว็บไซต์

มาประยุกต์ในการพัฒนาการให้บริการอยู่ตลอดเวลา เพื่อสร้างความพึงพอใจสูงสุดให้แก่ลูกค้าทุกท่าน
ด้วยประสบการณ์ที่เรามีอยู่นั้น ทำให้มั่นใจได้ว่าลูกค้าทุกท่านจะได้รับการบริการที่ดีจากเรา

Call

082-493-2295

E-mail

Konyubyub@Gmail.com

Location

บริษัท ดีไซน์นำโชค จำกัด
58/146 หมู่ที่ 6 หมู่บ้านซื่อตรง คลอง13 ตำบลบึงน้ำรักษ์ อำเภอธัญบุรี จังหวัดปทุมธานี 12110

2014 Powered by IYATHAI.com
Tel: 082-493-2295 E-mail: Konyubyub@gmail.com