Menghubungkan login Google

Agar pelanggan bisa mendaftar dengan akun Google, Anda harus lebih dulu mendaftarkan layanan Anda di sisi Google dan menerima dua nilai. Keduanya adalah client ID dan client 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 Google, Google mengembalikan hasilnya ke sebuah alamat yang sudah ditentukan. Alamat ini harus Anda daftarkan ke Google, 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/google

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 Google di studio konten, alamat yang sama terlihat pada Step 1, jadi Anda juga bisa menyalinnya dari sana.

Menerima dua nilai dari Google

Masuk ke Google Cloud Console (https://console.cloud.google.com) dengan akun Google Anda, lalu kerjakan empat langkah di bawah ini secara berurutan. Yang Anda kerjakan di sini tidak dikenai biaya.

1

Membuat proyek

  1. Buka layar proyek baru (https://console.cloud.google.com/projectcreate).

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

  3. Klik Create.

    Layar proyek baru. "Lemari Hangat" sudah dimasukkan pada Project name dan tombol Create ada di bawahnya

  4. Pastikan nama proyek di bagian atas konsol adalah proyek yang baru saja Anda buat.

Jika Anda sudah punya proyek yang selama ini dipakai, Anda boleh memakai proyek itu apa adanya tanpa membuat yang baru.

2

Menyusun layar persetujuan

Saat pelanggan masuk dengan akun Google, yang muncul lebih dulu adalah layar Google yang menanyakan apakah boleh masuk ke layanan ini. Di sinilah Anda menentukan nama apa yang muncul pada layar itu dan ke mana pertanyaan diterima. Untuk setiap proyek, ini cukup dilakukan satu kali.

  1. Buka layar Branding pada Google Auth Platform (https://console.cloud.google.com/auth/branding).

  2. Klik Get started.

    Layar Branding pada Google Auth Platform. Terlihat keterangan "Google Auth Platform not configured yet" dan tombol Get started

  3. Pada App name, masukkan nama yang akan terlihat oleh pelanggan (misalnya Lemari Hangat).

  4. Pada User support email, pilih alamat yang akan menerima pertanyaan.

  5. Klik Next.

    Langkah 1 App Information pada Project configuration. App name berisi "Lemari Hangat" dan User support email sudah terisi

  6. Pada Audience, pilih External.

  7. Klik Next.

    Langkah 2 Audience pada Project configuration. Di antara Internal dan External, yang terpilih adalah External

  8. Pada Contact Information, masukkan alamat email.

  9. Pada langkah Finish, centang item persetujuan kebijakan data pengguna Google.

  10. Klik Create.

Internal hanya bisa dipakai akun dalam organisasi yang sama. Agar pelanggan di luar organisasi Anda bisa masuk, pilih External. Login yang dibuat dengan External dimulai dalam mode pengujian, jadi lanjutkan ke Mendaftarkan akun untuk mencoba masuk.

3

Membuat klien OAuth

OAuth yang muncul di layar adalah nama cara yang membuat orang bisa masuk dengan akun Google. Alamat dari Alamat yang perlu disalin lebih dulu didaftarkan pada klien yang Anda buat di sini.

  1. Pada menu kiri, klik Clients.

  2. Klik Create client.

    Layar Clients. Daftar OAuth 2.0 Client IDs masih kosong dan Create client ada di atasnya

  3. Pada Application type, pilih Web application.

    Daftar Application type terbuka dan memperlihatkan enam jenis termasuk Web application

  4. Pada Name, masukkan nama untuk mengenali klien ini (misalnya Lemari Hangat).

  5. Biarkan Authorized JavaScript origins tetap kosong.

  6. Klik Add URI pada Authorized redirect URIs.

  7. Pada kolom yang muncul, tempelkan alamat yang Anda salin di Alamat yang perlu disalin lebih dulu.

  8. Klik Create.

    Formulir dengan alamat sudah terisi pada Authorized redirect URIs. Authorized JavaScript origins dibiarkan kosong

Dalam daftar itu ada juga jenis seperti Android dan iOS, tetapi Anda tetap memilih Web application walaupun sedang memasang login ke aplikasi seluler. Sebabnya, hasil login kembali ke alamat web WEEGLOO, bukan ke aplikasi Anda. Name dipakai untuk membedakan klien di layar Google, dan tidak terlihat oleh pelanggan.

Alamat yang didaftarkan bisa jadi belum langsung berlaku

Di bawah formulir ada keterangan dari Google yang berbunyi "Note: It may take 5 minutes to a few hours for settings to take effect". Tepat setelah alamat didaftarkan, pengaturannya bisa jadi belum berlaku sehingga login terhalang. Kalau begitu, tunggu sebentar lalu coba lagi.

4

Menyalin client ID dan client secret

Saat Anda mengklik Create, muncul jendela OAuth client created. Dua nilai yang tertulis di sini adalah nilai yang akan Anda masukkan ke WEEGLOO.

  1. Klik ikon salin di sebelah kanan Client ID untuk menyalin nilainya.

  2. Klik ikon salin di sebelah kanan Client secret untuk menyalin nilainya.

  3. Setelah kedua nilai itu tersimpan, klik OK.

    Jendela OAuth client created. Terlihat Client ID, Client secret, dan peringatan bahwa keduanya tidak bisa dilihat lagi

Setelah jendela ditutup, client secret tidak bisa dilihat lagi

Pada jendela ini ada peringatan yang berbunyi "You will no longer be able to view or download the client secret once you close this dialog". Salin kedua nilai itu sebelum Anda menutup jendelanya. Jika Anda ingin menerima nilainya sebagai berkas, Anda juga bisa menekan Download JSON.

Berikut kolom di studio konten yang diisi oleh kedua nilai itu.

Layar GoogleStudio konten
Client IDClient ID
Client secretClient Secret

Client secret adalah rahasia, persis seperti namanya. Jangan beri tahu orang lain, dan jangan tulis di tempat yang terbuka untuk umum.

Mendaftarkan akun untuk mencoba masuk

Login yang baru Anda buat pada awalnya berstatus penerbitan Testing. Google menjelaskan bahwa selama status penerbitannya Testing, hanya pengguna uji yang bisa mengakses aplikasi. Jadi untuk memeriksa apakah login berjalan, daftarkan dulu akun yang akan Anda pakai masuk pada Test users.

  1. Pada menu kiri, klik Audience.
  2. Klik Add users pada Test users.
  3. Pada kolom yang terbuka di sebelah kanan, masukkan alamat akun Google yang akan Anda pakai masuk.
  4. Klik Save.

Area Test users pada layar Audience dengan panel Add users terbuka di sebelah kanan

Add users adalah teks yang tidak diterjemahkan Google, jadi terlihat dalam bahasa Inggris di bahasa mana pun.

Jumlah pengguna yang bisa didaftarkan sebelum aplikasi mendapat verifikasi adalah 100 orang. Batas ini dihitung sepanjang seluruh masa hidup aplikasi. Berapa yang sudah terdaftar sekarang Anda periksa pada OAuth user cap di layar yang sama.

Untuk membuka login bagi pelanggan mana pun, klik Publish app di layar yang sama. Tombol ini baru bisa diklik setelah Anda menyelesaikan penyusunan pada layar Branding. Tergantung layanannya, proses verifikasi dari Google mungkin juga diperlukan.

Memasukkan nilai yang diterima ke WEEGLOO

Sekarang dua nilai itu sudah ada di tangan Anda. 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 Google.
  3. Masukkan client ID ke kolom Client ID pada Step 2.
  4. Masukkan client secret ke kolom Client 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.