ทบทวน JavaScript SDK ของ facebook

15 March 2011 เขียนเมื่อ 10 ปีก่อน โดย Ninenik Narkdee

facebook javascript sdk

คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ facebook javascript sdk

คำเตือน! เนื้อหาต่อไปนี้ เป็นเนื้อหาเก่า อาจจะไม่เหมาะสำหรับนำไปใช้งาน หรือไม่สามารถใช้งานได้แล้ว

JavaScript SDK ช่วยให้เราเข้าถึงลักษณะเด่นต่างๆ ของ Graph API ผ่านทาง JavaScript
ฟังก์ชันที่ใช้งานใน JavaScript SDK เกือบทั้งหมด จำเป็นจะต้องมีการกำหนด APP ID
สามารถลงทะเบียนขอรับ APP ID ได้จากลิ้งค์ต่อไปนี้
http://developers.facebook.com/setup/

เริ่มต้น รูปแบบ การเรียกใช้งาน JavaScript SDK จะใช้รูปแบบต่อไปนี้ ในทุกๆ เนื้อหาที่เกี่ยวข้อง

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
 xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>

<body>



<div id="fb-root"></div>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
  window.fbAsyncInit = function() {
	  FB.init({
		appId  : 'YOUR APP ID', // ใส่ APP ID
		status : true, // check login status
		cookie : true, // enable cookies to allow the server to access the session
		xfbml  : true  // parse XFBML
	  });
  };
  (function() {
    var e = document.createElement('script'); e.async = true;
    e.src = document.location.protocol +
      '//connect.facebook.net/en_US/all.js';
    document.getElementById('fb-root').appendChild(e);
  }());  
</script>
<script type="text/javascript">
$(function(){
	// jQuery code
});
</script>
</body>
</html>

ตัวอย่างโค้ดด้านบน จะเป็นโค้ดเริ่มต้น ในการศึกษาการใช้ JavaScript SDK ในหัวข้อต่อๆ ไป

กด Like หรือ Share เป็นกำลังใจ ให้มีบทความใหม่ๆ เรื่อยๆ น่ะครับ