JavaScript SDK - Contoh

Baca panduan mulai cepat untuk mempelajari cara memuat dan menginisialisasi Facebook SDK untuk JavaScript dan panduan pengaturan lanjutan kami untuk menyesuaikan penerapan Anda. Berikutnya, cobalah contoh kami untuk menggunakan SDK:

Memicu dialog Bagikan
Facebook Login

browser yang Didukung

SDK Facebook untuk JavaScript mendukung dua versi terbaru browser yang paling populer: Chrome, Firefox, Edge, Safari (termasuk iOS), dan Internet Explorer (hanya versi 11).

Memicu dialog Bagikan

Dialog Bagikan memungkinkan seseorang menggunakan halaman untuk memposting tautan ke linimasa mereka, atau membuat cerita Graf Terbuka. Dialog yang ditampilkan menggunakan JavaScript SDK secara otomatis diformat untuk konteks tempat dialog dimuat - web seluler, atau web desktop.

Di sini kami akan menunjukkan bagaimana metode FB.ui() dari SDK dapat digunakan untuk meminta dialog Bagikan yang benar-benar dasar. Tambahkan snippet ini setelah telepon FB.init() dalam kode penyiapan dasar:

  FB.ui({
  method: 'share',
  href: 'https://developers.facebook.com/docs/'
  }, function(response){});

Sekarang, ketika Anda memuat ulang halaman Anda, Anda akan melihat dialog Bagikan muncul di atas halaman. Setelah dialog ditutup, baik dengan memposting cerita atau dengan membatalkan, fungsi tanggapan akan terpicu.

Baca dokumentasi referensiFB.ui untuk melihat daftar lengkap parameter yang bisa digunakan, dan struktur objek tanggapan.

Facebook Login memungkinkan pengguna untuk mendaftar atau masuk ke aplikasi Anda dengan identitas Facebook mereka.

Kami memiliki panduan lengkap tentang cara menggunakan JavaScript SDK untuk menerapkan Facebook Login. Tapi untuk saat ini, mari kita gunakan saja beberapa contoh kode dasar, agar Anda dapat melihat cara kerjanya. Masukkan berikut ini setelah telepon FB.init asli Anda:

FB.login(function(response) {
    if (response.authResponse) {
     console.log('Welcome!  Fetching your information.... ');
     FB.api('/me', function(response) {
       console.log('Good to see you, ' + response.name + '.');
     });
    } else {
     console.log('User cancelled login or did not fully authorize.');
    }
});

Baca Panduan Facebook Login untuk mempelajari secara tepat apa yang terjadi di sini. Namun, ketika Anda memuat ulang halaman, Anda akan diminta dengan dialog Login untuk aplikasi Anda, jika Anda belum memberikan izin sebelumnya.