Menghubungkan login Facebook

Agar pelanggan bisa mendaftar dengan akun Facebook, Anda harus lebih dulu mendaftarkan layanan Anda di sisi Facebook dan menerima dua nilai. Keduanya adalah App ID dan App secret.

Halaman ini memandu urutan untuk menerima kedua nilai itu. Cara memasukkan nilai yang Anda terima ke WEEGLOO ada di Memasukkan nilai yang diterima ke WEEGLOO.

Alamat yang perlu disalin lebih dulu

Saat pelanggan selesai masuk di Facebook, Facebook mengembalikan hasilnya ke sebuah alamat yang sudah ditentukan. Alamat ini harus Anda daftarkan ke Facebook, jadi salin dulu sekarang. Anda menempelkannya pada langkah 3.

Pilih Space Anda di bawah ini, maka alamatnya akan terisi dengan pengenal Space tersebut.

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

Jika Anda ingin mengisinya sendiri, masukkan pengenal Space Anda pada bagian {spaceId}. Buka Space itu di studio konten lalu lihat bilah alamat browser. Nilai yang muncul setelah /spaces/ adalah pengenalnya.

Alamat ini bukan alamat situs Anda, melainkan tempat WEEGLOO menerima hasil login. Karena itu alamat ini sudah pasti sekarang walaupun situs Anda belum dibuat. Jika Anda sudah menyalakan Facebook di studio konten, alamat yang sama terlihat pada Step 1, jadi Anda juga bisa menyalinnya dari sana.

Menerima dua nilai 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

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

  1. Buka layar daftar aplikasi (https://developers.facebook.com/apps).

  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.

  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.

  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.

App contact email adalah alamat yang dipakai Facebook saat menghubungi Anda tentang aplikasi ini. Portofolio bisnis bisa Anda tambahkan nanti, sesuai keterangan di layar.

2

Menambahkan izin email

Saat pelanggan masuk dengan Facebook, WEEGLOO ikut menerima emailnya dan menyimpannya pada anggota. Jika izin email tidak Anda tambahkan, Facebook tidak menyerahkan emailnya, jadi jangan lewati langkah ini.

  1. Pada menu kiri, klik Use cases.

  2. Klik Customize pada item Facebook Login.

  3. Di sebelah kiri, klik Permissions and features.

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

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

Dalam satu Space yang sama, satu email hanya bisa dipakai mendaftar satu kali.

3

Mendaftarkan alamat login

OAuth yang muncul di layar adalah nama cara yang membuat orang bisa masuk dengan akun Facebook.

  1. Di sebelah kiri, klik Settings.

  2. Pada kolom Valid OAuth Redirect URIs, tempelkan alamat yang Anda salin di Alamat yang perlu disalin lebih dulu.

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

Yang Anda masukkan di sini hanya satu alamat yang tadi Anda salin. Pada Redirect URI Validator di bagian atas layar yang sama, Anda bisa memeriksa sebuah alamat dengan memasukkannya ke Redirect URI to check lalu menekan Check URI.

4

Menyalin App ID dan App secret

Kedua nilai itu ada di layar pengaturan dasar aplikasi.

  1. Pada menu kiri, klik App settings.

  2. Klik Basic.

  3. Salin nilai yang tertulis pada App ID.

  4. Klik Show di sebelah kanan App secret.

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

App ID tetap ada di layar ini, dan App secret bisa Anda lihat lagi setiap kali Anda menekan Show. Kalaupun Anda meninggalkan layar ini sebelum sempat menyalin nilainya, 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.

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.

Semua pelanggan bisa masuk setelah lolos peninjauan

Aplikasi yang baru Anda buat itu belum ditinjau. Sebelum lolos peninjauan, yang bisa masuk hanya akun yang membuat aplikasi itu.

Penghubungan dengan WEEGLOO tidak perlu menunggu peninjauan. Begitu kedua nilai itu Anda masukkan, login langsung berjalan.

Untuk mencobanya dari sisi pelanggan, bentangkan App roles pada menu kiri, klik Test users, lalu buat akun percobaan dengan Create test users.

Layar Test users. Di sebelah jumlah akun Facebook Accounts ada tombol Create test users

Saat Anda siap membukanya untuk semua pelanggan, ajukan dari App Review pada Review. Di layar ini, email dan public_profile yang tadi dibahas tercantum sebagai Not submitted.

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

Bahan yang dibutuhkan dan kriteria peninjauannya ada di Dokumen Meta.

Memasukkan nilai yang diterima ke WEEGLOO

Sekarang dua nilai itu 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 nilainya, 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.