Menghubungkan login Facebook

Agar pengguna layanan Anda bisa mendaftar dengan akun Facebook, Anda harus lebih dulu mendaftarkan layanan Anda di Facebook dan menerima App ID serta App secret.

Halaman ini memandu urutan untuk menerima App ID dan App secret. Cara memasukkan kedua nilai itu ke WEEGLOO ada di Memasukkan App ID dan App secret ke WEEGLOO.

Menerima App ID dan App secret dari Facebook

Setelah masuk dengan akun Facebook, kerjakan empat langkah di bawah ini secara berurutan. Yang Anda kerjakan di sini tidak dikenai biaya.

1

Membuat aplikasi

Jika Anda sudah punya aplikasi yang selama ini dipakai dan layar Use cases aplikasi itu memiliki item Facebook Login, Anda boleh memakai aplikasi itu apa adanya tanpa membuat yang baru. Dalam hal itu, lewati langkah ini dan lanjutkan ke Menambahkan izin email.

Anda melewati lima layar secara berurutan: App details, Use cases, Business, Requirements, dan Overview.

  1. Buka layar daftar aplikasi (https://developers.facebook.com/apps (terbuka di tab baru)).

  2. Klik Create App.

    Layar Apps tanpa satu aplikasi pun. Di tengahnya ada keterangan No apps yet beserta tombol Create App

  3. Pada App name, masukkan nama yang nanti mudah Anda kenali (misalnya Lemari Hangat).

  4. Pada App contact email, masukkan alamat yang akan menerima pertanyaan. Alamat inilah yang dipakai Facebook saat menghubungi Anda tentang aplikasi ini.

  5. Klik Next.

    Langkah App details pada layar yang diisi bertahap. Ada kolom App name dan kolom App contact email, serta tombol Next di kanan bawah

  6. Centang Authenticate and request data from users with Facebook Login.

  7. Klik Next.

    Langkah Use cases pada layar yang diisi bertahap. Dari enam item, yang tercentang adalah Authenticate and request data from users with Facebook Login

  8. Pilih item I don’t want to connect a business portfolio yet. Portofolio bisnis bisa Anda tambahkan nanti, sesuai keterangan di layar.

  9. Klik Next.

    Langkah Business pada layar yang diisi bertahap. Terlihat pilihan I don’t want to connect a business portfolio yet. beserta keterangan bahwa tidak ada bisnis

  10. Baca isi layar Requirements lalu klik Next. Tidak ada yang perlu Anda isi.

    Langkah Requirements pada layar yang diisi bertahap. Di bawah Publishing requirements berjajar Business verification dan App Review

  11. Pada layar Overview yang terakhir, periksa isi yang sudah Anda pilih sejauh ini lalu buat aplikasinya.

2

Menambahkan izin email

Saat pengguna masuk dengan Facebook, WEEGLOO ikut menerima emailnya dan menyimpannya pada anggota. Dalam satu Space yang sama, satu email hanya bisa dipakai mendaftar satu kali. Jika izin email tidak Anda tambahkan, Facebook tidak menyerahkan emailnya, jadi jangan lewati langkah ini.

  1. Jika layar aplikasi belum terbuka, klik aplikasi yang akan Anda pakai untuk login di layar daftar aplikasi (https://developers.facebook.com/apps (terbuka di tab baru)).

  2. Pada menu kiri, klik Use cases.

  3. Klik Customize pada item Facebook Login.

  4. Di sebelah kiri, klik Permissions and features.

  5. Klik + Add pada baris email.

    Daftar Permissions and features. Pada baris email, Status tidak bertanda apa pun dan pada Action ada tombol + Add, sedangkan pada baris public_profile terlihat Ready for testing

  6. Pastikan Status pada baris email dan public_profile sama-sama Ready for testing.

    Daftar yang sama. Pada baris email dan public_profile, Status keduanya Ready for testing

3

Mendaftarkan alamat login

  1. Jika layar Customize use case belum terbuka, klik aplikasi yang akan Anda pakai untuk login di layar daftar aplikasi (https://developers.facebook.com/apps (terbuka di tab baru)). Setelah itu, pada Use cases di menu kiri, klik Customize pada item Facebook Login.

  2. Di sebelah kiri, klik Settings.

  3. Pada kolom Valid OAuth Redirect URIs, tempelkan alamat di bawah ini. Jika Anda memilih Space Anda, pengenalnya akan terisi.

    Space
    https://auth.weegloo.com/v1/spaces/{spaceId}/login/oauth2/code/facebook

    Jika Anda tidak tahu yang mana Space Anda dan integrasinya sudah Anda serahkan kepada agen AI, ada juga cara menanyakannya kepada agen tersebut. Mintalah pada jendela obrolan, "Beri tahu alamat pengalihan yang harus didaftarkan untuk login Facebook", maka Anda menerima alamat yang sudah lengkap.

    Redirect URI Validator di bagian atas layar yang sama bukan tempat untuk mendaftarkan alamat. Jika Anda memasukkan sebuah alamat ke Redirect URI to check lalu menekan Check URI, Anda bisa memeriksa alamat itu.

  4. Klik Save Changes.

    Layar Settings. Di bagian atas ada Redirect URI Validator, dan pada Client OAuth settings di bawahnya ada kolom Valid OAuth Redirect URIs

4

Menyalin App ID dan App secret

App ID dan App secret ada di layar pengaturan dasar aplikasi.

Di bagian atas layar ini mungkin terlihat spanduk merah Currently ineligible for submission. Itu keterangan bahwa App icon, Privacy policy URL, dan Category masih kosong. Ketiga item itu dibutuhkan saat Anda mengajukan peninjauan, dan tidak dibutuhkan untuk menghubungkan login sekarang.

  1. Jika layar aplikasi belum terbuka, klik aplikasi yang akan Anda pakai untuk login di layar daftar aplikasi (https://developers.facebook.com/apps (terbuka di tab baru)).

  2. Pada menu kiri, klik App settings.

  3. Klik Basic.

  4. Salin nilai yang tertulis pada App ID.

  5. Klik Show di sebelah kanan App secret.

  6. Salin nilai yang muncul.

    Layar Basic pada App settings. Nilai App ID terlihat, sedangkan App secret tertutup titik-titik dengan tombol Show di sebelah kanannya

Kedua nilai itu bisa Anda lihat lagi kapan saja di layar ini. App secret cukup Anda tampilkan dengan menekan Show, jadi kalaupun Anda meninggalkan layar ini sebelum sempat menyalinnya, Anda tidak perlu membuat yang baru. Namun App secret adalah nilai rahasia, jadi jangan beri tahu orang lain dan jangan tulis di tempat yang terbuka untuk umum.

Menambahkan orang yang akan mencoba sebagai Tester

Penghubungan dengan WEEGLOO tidak perlu menunggu peninjauan. Begitu App ID dan App secret Anda masukkan ke WEEGLOO, login langsung berjalan di tempat.

Hanya saja, aplikasi yang baru Anda buat itu belum ditinjau, dan sebelum itu yang bisa masuk hanya akun yang membuat aplikasi tersebut. Agar orang lain juga bisa mencoba masuk, tambahkan orang itu ke aplikasi sebagai Tester.

  1. Pada menu kiri, bentangkan App roles lalu klik Roles.

  2. Klik Add People di kanan atas.

    Layar App roles. Ada tab All roles, Administrators, Developers, Testers, dan Analytics Users, serta tombol Add People di kanan atas

  3. Pilih Tester.

  4. Pada kolom di bawahnya, masukkan nama atau Facebook ID orang yang akan Anda tambahkan lalu klik Add.

    Jendela Add people to your app. Dari Administrator, Developer, Tester, dan Analytics User, yang terpilih adalah Tester, dan di bawahnya ada kolom untuk mencari orang

Menu Test users yang berada tepat di bawahnya tidak berfungsi.

Membukanya untuk semua pengguna memerlukan peninjauan

Agar bukan hanya orang yang Anda tambahkan sebagai Tester, melainkan pengguna mana pun bisa masuk, Anda harus melewati peninjauan Facebook. Setelah siap, bentangkan Review pada menu kiri lalu buka App Review. Di sana, email dan public_profile yang tadi Anda tambahkan tercantum pada Not submitted. Periksa apakah kedua izin itu sudah benar lalu klik Next di kanan bawah untuk beralih ke prosedur pengajuan.

Layar App Review di bawah Review. Pada daftar Not submitted tercantum email dan public_profile

Setelah Next pun masih ada beberapa langkah lagi, tetapi halaman ini hanya memandu sampai pengajuan dimulai. Sisa prosedur dan kriteria peninjauannya ada di Dokumen Meta (terbuka di tab baru). Setelah lolos peninjauan, sejak saat itu pengguna mana pun bisa masuk dengan aplikasi ini.

Memasukkan App ID dan App secret ke WEEGLOO

Sekarang App ID dan App secret sudah ada di tangan Anda. Berikut kolom di studio konten yang diisi oleh kedua nilai itu.

Layar FacebookStudio konten
App IDApp ID
App secretApp secret

Dari sini jalurnya terbagi sesuai cara Anda bekerja selama ini.

Jika Anda sedang mengatur langsung di studio konten, lakukan seperti ini.

  1. Kembalilah ke bagian menyalakan login sosial di Login anggota layanan.
  2. Nyalakan Facebook.
  3. Masukkan App ID ke kolom App ID pada Step 2.
  4. Masukkan App secret ke kolom App secret.
  5. Klik Simpan.

Jika Anda menyerahkan integrasinya kepada agen AI dan diminta mengambil App ID dan App secret, tempelkan saja kedua nilai yang Anda terima apa adanya ke jendela obrolan lalu lanjutkan pekerjaan Anda. Sisa pengaturannya ditangani agen tersebut.

Langkah berikutnya

  • Login anggota layanan: memasukkan nilai yang Anda terima ke studio konten dan menuntaskan sisa pengaturan login anggota.
  • Peran dan izin anggota: membuat ServiceUserRole yang menentukan apa yang boleh dilihat dan dipakai anggota yang mendaftar.
  • Auth API: membahas spesifikasi teknis seperti format permintaan yang Anda butuhkan saat memasang login ke kode situs Anda sendiri.