การเริ่มต้นใช้งานอย่างง่าย: Facebook SDK สำหรับ JavaScript

Facebook SDK สำหรับ JavaScript มีชุดฟังก์ชั่นการทำงานฝั่งไคลเอ็นต์ที่ครบครันซึ่งช่วยให้คุณทำสิ่งต่อไปนี้ได้

SDK, โซเชียลปลั๊กอิน และกล่องโต้ตอบจะทำงานทั้งบนเว็บเบราว์เซอร์ของเดสก์ท็อปและมือถือ

คู่มือการเริ่มต้นใช้งานอย่างง่ายนี้จะแสดงวิธีการตั้งค่า SDK และใช้ชุดอุปกรณ์นี้ในการเรียก API กราฟขั้นพื้นฐานบางอย่าง หากคุณยังไม่ต้องการตั้งค่าในตอนนี้ คุณสามารถใช้คอนโซลทดสอบ JavaScript เพื่อใช้วิธีการ SDK ทั้งหมดและสำรวจดูตัวอย่างบางส่วนได้ (คุณสามารถข้ามขั้นตอนการตั้งค่าไปได้ แต่ส่วนการเริ่มต้นใช้งานอย่างง่ายที่เหลือจะสามารถทำการทดสอบได้ในคอนโซล)

การตั้งค่าพื้นฐาน

Facebook SDK สำหรับ JavaScript ไม่มีไฟล์ที่ทำงานแบบสแตนด์อะโลนใดๆ ที่จำเป็นต้องดาวน์โหลดหรือติดตั้ง คุณเพียงแค่ใส่ JavaScript แบบปกติขนาดสั้นๆ ลงใน HTML ของคุณซึ่งจะโหลด SDK ลงในเพจของคุณในแบบอะซิงโครนัส การโหลดแบบอะซิงโครนัสดังกล่าวหมายความว่าการดำเนินการนี้จะไม่บล็อกการโหลดองค์ประกอบอื่นๆ ของเพจคุณ

ส่วนย่อยของโค้ดต่อไปนี้จะทำให้ได้ SDK เวอร์ชั่นพื้นฐาน โดยมีการตั้งค่าตัวเลือกไว้ที่ค่าเริ่มต้นแบบทั่วไปที่สุด คุณควรแทรกส่วนย่อยนี้เข้าไปโดยตรงหลังจากที่เปิดแท็ก <body> บนแต่ละหน้าที่คุณต้องการจะโหลด:

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId            : 'your-app-id',
      autoLogAppEvents : true,
      xfbml            : true,
      version          : 'v2.10'
    });
    FB.AppEvents.logPageView();
  };

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
    

โค้ดนี้จะโหลดขึ้นมา และ กำหนดค่าเริ่มต้นของ SDK คุณต้องแทนที่ค่าใน your-app-id ด้วย ID ของแอพ Facebook ของคุณเอง คุณสามารถค้นหา ID นี้ได้โดยใช้แดชบอร์ดของแอพ