พัฒนา Open Graph API ของ Facebook ด้วย PHP ฉบับเริ่มต้น ตอนที่ 1

หลายคนคงต้องการที่อยากจะรู้ว่าการพัฒนาโปรแกรมบนเว็บไซต์ด้วยภาษา 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

ข้อมูลที่ปรากฏจะเป็นข้อมูลเหมือนภาพข้างล่าง ซึ่งจะมี 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/ ว่ามีค่าอะไรบ้างก็จะเห็นตามนี้ครับ

การเรียกดูข้อมูลของ Open Graph เบื้องต้น

ในบทนี้ ผมจะโฟกัสไปที่การเรียกดูข้อมูลที่ไม่ซับซ้อนและยังไม่ได้เรียกใช้ PHP SDK จากทาง Facebook เหมือนบทความก่อนหน้านี้ที่เป็นกรณีศึกษานะครับ

ขั้นตอนง่ายๆ ที่จะใช้กันวันนี้คือ PHP ในการอ่าน JSON ไฟล์ธรรมดาครับ
ซึ่งการเขียนคือ หา URL ที่เป็นของ Open Graph มาสัก 1 URL ครับแล้วทำหารเรียกค่าไป เช่นตัวอย่างของผมคือ URL ของผมเองครับ
http://graph.facebook.com/banyapon

คราวนี้ก็มาในส่วนของภาษา PHP ครับให้ลองเขียน Code ตามนี้นะครับ

id;
$link=$opengraph->link;
$id=$opengraph->id;
$gender=$opengraph->gender;
?>

ซึ่งเวลาที่เราต้องการเรียกค่าตัวแปรต่างๆ ก็สามารถนำไปแทรกลงใน HTML ได้เลยครับด้วย

;
;
;
;

ผลที่ได้ก็คือ หน้า Page จะมีการเรียกค่ามาแสดงตามนี้

625532477
http://www.facebook.com/banyapon
625532477
male

ซึ่งถ้าหากอยากจะสร้างรูปภาพ Profile ของเราสามารถเรียกใช้ Tag HTML <img> ได้เลยครับผ่าน username ของเราได้เลย ตัวอย่างก็
https://graph.facebook.com/banyapon/picture
หรือจะแทรกลงใน Tag imd ของ HTML ได้ตามนี้ครับ
<img src=”https://graph.facebook.com/banyapon/picture”/>
ซึ่งถ้าต้องการภาพโปรไฟล์ภาพใหญ่หน่อยก็เสริม ตัวแปรเข้าไปเป็น
https://graph.facebook.com/banyapon/picture?type=large ก็ได้ครับ

เอาล่ะครับพอนึกไอเดียออกแล้วสินะครับ ตอนต่อไปเป็นการเขียน Open Graph API กับ PHP
ด้วยวิธีการร้องขอข้อมูลที่ลึกกว่าเดิมด้วยการเรียกค่าผ่าน Access Token Key ครับ