Tutorial Singkat: SDK Facebook untuk JavaScript

SDK Facebook untuk JavaScript memberikan set lengkap fungsionalitas klien yang:

  • Memungkinkan Anda menggunakan Tombol Suka dan Plugin Sosial lainnya di situs Anda.
  • Memungkinkan Anda menggunakan fitur Facebook Login untuk menurunkan batasan bagi orang untuk mendaftar di situs Anda.
  • Mempermudah panggilan ke dalam API Graf Facebook.
  • Dialog Buka yang memungkinkan orang melakukan berbagai macam tindakan seperti membagikan cerita.
  • Memfasilitasi komunikasi saat Anda sedang membuat tab game atau aplikasi di Facebook.

SDK, plugin sosial, dan dialog dapat dijalankan di browser web desktop dan perangkat seluler.

Tutorial singkat ini akan memperlihatkan cara menyiapkan SDK dan membuat beberapa panggilan API Graf. Jika Anda belum ingin menyiapkan sekarang, Anda dapat menggunakan Konsol Uji JavaScript kami untuk menggunakan semua metode SDK, dan menjelajahi beberapa contoh (Anda dapat melewati beberapa langkah penyiapan, tetapi bagian lain dari tutorial singkat ini dapat diuji di konsol tersebut).

Penyiapan Dasar

SDK Facebook untuk JavaScript tidak memiliki file yang berdiri sendiri yang harus diunduh atau dipasang, namun Anda hanya perlu menyertakan bagian pendek JavaScript reguler di HTML Anda, yang secara asinkron akan memuat SDK ke dalam halaman Anda. Pemuatan asinkron berarti tidak memblokir pemuatan elemen lain dari halaman Anda.

Snippet kode berikut akan memberi Anda SDK versi dasar, dan opsi diatur ke default yang paling umum. Anda harus menyisipkannya secara langsung setelah tag <body> pembuka pada masing-masing halaman pemuatannya:

<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>
    

Kode ini akan memuat dan menginisialisasi SDK. Anda harus mengganti nilai di your-app-id dengan ID Aplikasi Facebook Anda. Anda dapat menemukan ID ini menggunakan Dasbor Aplikasi.