PHP Ionic Angular HTML5 AJAX Javascript CSS MySQL jQuery

ทบทวน JavaScript SDK ของ facebook

15 March 2011 By 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 เป็นกำลังใจ ในการสร้างบทความใหม่ๆ น่ะครับ

Tags:: facebook javascript sdk

URL สำหรับอ้างอิง