Masuk dengan Google (Lanjutkan dengan Google)

1Yang didapat aplikasi Anda#

Menambahkan tombol 'Continue with Google' ke aplikasi yang Anda buat di AI Studio, agar pengguna masuk dengan akun Google mereka alih-alih mengetik email + kata sandi baru.

Ini BRING-YOUR-OWN: tombolnya memakai login Google ANDA, di layar persetujuan ANDA, untuk pengguna ANDA. AppMint tidak menghosting login dan tidak menyimpan apa pun - Anda menempel kredensial Google sekali dan setiap aplikasi yang Anda buat bisa memakainya ulang.

Anda tidak menulis kode apa pun. AI menambahkan tombol dan logika login saat Anda memintanya; rahasianya tidak pernah dikirim di dalam aplikasi.

2Hubungkan Supabase dulu (wajib)#

Login Google untuk aplikasi buatan berjalan di atas Supabase Auth, jadi Supabase harus terhubung dan aktif dulu (Settings → BACKEND - SUPABASE). Jika Supabase tidak aktif, tombol Google tidak akan muncul. Bab '🗄ï¸ Backend Supabase (Hubungkan Sekali)' di bagian atas panduan ini menjelaskan cara menghubungkannya.

Alasannya: akun pengguna Anda berada di proyek Supabase ANDA. AppMint mendorong kredensial Google Anda ke proyek itu secara otomatis saat deploy - Anda tidak perlu mengaktifkan sakelar Google sendiri di dasbor Supabase.

3Buat Google OAuth client (5 menit, gratis)#

Di komputer, di konsol Google Auth Platform (Google baru-baru ini memindahkan penyiapan OAuth ke sini dari 'APIs & Services'):

1. Buka console.cloud.google.com/auth dan pilih (atau buat) proyek apa pun.
2. Hanya pertama kali - atur layar persetujuan: di 'Branding' tambahkan nama aplikasi + email dukungan Anda, dan di 'Audience' pilih 'External' lalu terbitkan aplikasi atau tambahkan diri Anda sebagai penguji.
3. Buka 'Clients' → klik 'Create client'.
4. Application type: pilih 'Web application' (BUKAN Android - login berlangsung lewat Supabase di web).
5. Beri nama lalu klik 'Create'. Anda akan mendapat Client ID (berakhiran .apps.googleusercontent.com) dan Client secret. Biarkan tab ini terbuka untuk langkah berikutnya.

Buka Google Auth Platform → Clients →

4Tambahkan callback Supabase Anda sebagai redirect URI#

Ini langkah yang selalu terlupa - tanpanya Google menampilkan error 'redirect_uri_mismatch'.

1. Cari project ref Supabase Anda: bagian '<ref>' dari URL proyek Anda https://<ref>.supabase.co (dasbor Supabase → Project Settings → API).
2. Kembali di Google OAuth client yang baru Anda buat, di bawah 'Authorized redirect URIs' klik 'Add URI' dan tempel persis:

 https://<ref>.supabase.co/auth/v1/callback

1. Ganti <ref> dengan project ref Anda yang sebenarnya lalu Save.

https://<ref>.supabase.co/auth/v1/callback

5Tempel kredensial Anda ke AppMint#

Di AI Studio, cukup jelaskan aplikasi yang butuh akun dan minta login Google - mis. 'biarkan pengguna masuk dengan Google'. Pertama kali, AppMint memunculkan dialog 'Connect Google sign-in':

1. Tempel Google OAuth Client ID Anda (…apps.googleusercontent.com).
2. Tempel Google OAuth Client Secret Anda.
3. Ketuk 'Save & continue'.

Disimpan terenkripsi di perangkat Anda dan dipakai ulang untuk setiap aplikasi berikutnya - Anda hanya menempelkannya sekali. (Ketuk 'Skip Google' jika berubah pikiran; aplikasi tetap dibuat, hanya tanpa tombolnya.)

6Cara kerjanya di ponsel sungguhan#

Google memblokir layar loginnya di dalam WebView dalam aplikasi, jadi AppMint menanganinya dengan cara aman secara otomatis - tidak ada yang perlu Anda atur:

• Mengetuk 'Continue with Google' membuka browser sungguhan untuk layar persetujuan.
• Setelah pengguna menyetujui, ia kembali ke aplikasi Anda lewat deep link aman dan menyelesaikan login.

Ini berfungsi di Preview langsung DAN APK yang terinstal. Setiap aplikasi buatan memakai tautan kembali pribadinya sendiri, jadi beberapa aplikasi buatan AppMint tidak pernah bertabrakan.

7Pastikan berfungsi#

1. Buka aplikasi Anda (Preview atau APK terinstal) dan ketuk 'Continue with Google'.
2. Browser terbuka, Anda memilih akun Google, lalu dikembalikan ke aplikasi dalam keadaan sudah masuk.
3. Di dasbor Supabase Anda → Authentication → Users, akun Google Anda kini muncul.

Jika berfungsi di Preview, akan berfungsi di APK hasil build - alurnya identik.

8Jika ada yang tidak berfungsi#

• 'redirect_uri_mismatch' → redirect URI di langkah 4 tidak persis sama. Harus berupa https://<ref>.supabase.co/auth/v1/callback dengan ref ANDA, tanpa garis miring di akhir, tanpa salah ketik.

• Tombol tidak muncul → Supabase tidak aktif (langkah 2), atau Anda mengetuk 'Skip Google'. Buka kembali deskripsi aplikasi dengan login Google diminta.

• 'Access blocked: app not verified' → layar persetujuan OAuth Anda masih dalam mode Testing. Tambahkan akun Google Anda sebagai penguji, atau terbitkan layar persetujuannya.

• Hanya Google yang ditawarkan - login Apple / X (Twitter) TIDAK didukung lewat Supabase (popup OAuth yang diblokir Android WebView); Facebook berfungsi lewat login Facebook milik aplikasi sendiri (wizard, langkah Integrate). Email/kata sandi tetap berfungsi berdampingan dengan Google.

• Aplikasi offline (tanpa backend) tidak mendapat login sosial sama sekali - tidak ada Supabase untuk autentikasi.