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

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 panggilan FB.init() dalam kode pengaturan 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 dokumen referensi FB.ui untuk melihat daftar lengkap parameter yang dapat digunakan, dan struktur objek tanggapan.

Facebook Login

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 panggilan 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 Login untuk mempelajari persis apa yang terjadi di sini, tetapi ketika Anda memuat ulang halaman Anda, Anda seharusnya melihat dialog Login untuk aplikasi Anda, jika Anda belum memberikan izinnya.