engas99: Cara Membuat Fitur Login Menggunakan Akun Google pada Website

Home »
Web
» Cara Membuat Fitur Login Menggunakan Akun Google pada Website

https://codingrakitan.blogspot.com/2019/03/cara-membuat-fitur-login-menggunakan.html
Hai teman-teman codrat semua semoga kalian sehat selalu. Kali ini saya ingin berbagi tentang cara membuat login menggunakan akun google pada website yang kita miliki. Dengan adanya fitur ini pengunjung web tidak akan susah untuk mendaftar dan akan membuat orang yang tadinya malas mendafatar jadi turut mendaftar karena kemudahannya.

Google Sign api yang akan kita gunakan agar nantinya calon pendaftar hanya tinggal memasukkan akun google mereka. Anda sebagai pemilik web bisa menyimpan data mereka kedalam database atau tidak. Adapun data yang bisa anda simpan adalah email, nama lengakp, nama depan, nama belakang, id, hingga gambar thumb.

Jangan berharap yah untuk bisa mendapatkan password mereka karena pihak google sendiri membatasinya. Selain tidak dapat password pengunjung salah satu hal yang susah dalam pembuatan login goole ini, anda harus memiliki hosting dan domain.

Susah jika anda hanya ingin menggunakan localhost, sebab biasnya aplikasi akan error. Tapi teman-teman tidak perlu khawatir, beacause kita bisa menggunakan penyedia hosting gratis seperti 000webhost.com.

Jika anda belum memiliki akun di 000webhost.com, silahkan buat terlebih dahulu. Jika sudah punya silahkan anda lanjutkan untuk membuat api Google Sign.

Membuat Hosting dan domain di 000webhost.com

1. Buka halaman https://id.000webhost.com/ dan silahkan login.

2. Setelah anda berhasil login silahkan cari tanda tambah seperti pada gambar kemudian klik.

3. Isi pertanyaan kemudian klik next atau selanjutnya

4. Isi nama website (jangan ada spasi karena nanti akan eror), pilih password default atau buat sendiri. Setelah itu klik Buat.

5. Jika website anda sudah di buat maka akan tampil alamat web anda. Sekarang anda punya domain dan hosting secara gratis (ingat karena ini gratis dia memiliki jangka waktu tertentu). Silahkan catat alamat domain gratis anda ini.

Mendaftarkan Aplikasi kedalam Google Sign

Sebelum kita membuat koding login menggunakan google sebelumnya kita perlu mendapatkan Client Id dengan cara sebagai berikut :

1. Buka halaman https://console.cloud.google.com/ dan login menggunakan akun google anda.

2. Klik buat pada menu Kredensial.

3. Masukkan nama project dan lokasi (biarkan default saja) selanjutnya klik buat.

4. Selanjutnya akan muncul beberapa menu di halaman utama, klik Layar persetujuan OAuth.

5. Isi nama aplikasi sesuai keinginan anda dan jangan lupa isi gambar. Untuk form lainnya silahkan isi sesuai domain yang telah di daftarkan tadi, seperti gambar di bawah kemudian klik simpan.

6. Kembali ke menu Kredensial silahkan klik button biru yaitu Buat kredensial dan pilih ID Klien OAuth.

7. Silahkan pilih aplikasi web dan isi Asal JavaScript yang sah : nama_domain dan URI pengalihan yang sah : nama_domain/login.php lalu klik buat.

8. Anda akan mendapatkan kode ID Klien dan klien, silahkan disimpan baik-baik kalau bisa simpan menggunakan aplikasi notepad atau sebangsanya.

Tahap pengkoden

Ada 3 file yang harus anda buat yaitu :

• index.php
• login.php
• home.php

index.php

login.php

    session_start();

    $_SESSION[“id”] = $_POST[“id”];

    $_SESSION[“name”] = $_POST[“name”];

    $_SESSION[“email”] = $_POST[“email”];
    $_SESSION[“image”] = $_POST[“image”];

    echo “Updated Successful”;

?>

home.php