快速入門:Facebook JavaScript SDK

Facebook JavaScript SDK 提供一整套豐富的用戶端功能:

這份快速入門會向您示範如何設定 SDK,以及發出一些基本的圖形 API 呼叫。如果您還不想設定,可以透過我們的 JavaScript 測試主控台來使用所有的 SDK 方法,並且探索一些範例(您可以跳過設定步驟,但仍可以在主控台上測試快速入門的其餘部分)。

支援的瀏覽器

Facebook JavaScript SDK 支援最受歡迎瀏覽器的最新兩個版本:Chrome、Firefox、Edge、Safari(包括 iOS),以及 Internet Explorer(限 11 版)。

基本設定

Facebook JavaScript SDK 沒有任何需要下載或安裝的獨立檔案,您只需要將一小段一般的 JavaScript 置入 HTML 中,即可以非同步的方式將 SDK 載入頁面中。非同步載入是指不會阻擋頁面中其他元素的載入。

以下程式碼片段會提供 SDK 基本版,選項會設定為最常見的預設值。您應該在每一個要載入 SDK 的頁面上,將以下程式碼直接插入在 <body> 開頭標籤後:

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId            : 'your-app-id',
      xfbml            : true,
      version          : 'v21.0'
    });
  };
</script>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>

這段程式碼會載入初始化 SDK。您必須將 your-app-id 中的值替換為 Facebook 應用程式的編號。您可以透過應用程式主控板找到這組編號。