Membuat SSO untuk PESSTA+ S2

Related image

Hai TimUR, jangan bosen ya dengan cermi Fina . Kali ini Fina ingin share bagaimana caranya agar kita dapat langsung SSO tanpa perlu ribet mengetik username dan password. Oke langsung mulai saja ya.

1. Install extension untuk yii2-authclient

Pastikan anda sudah menginstall yii2-authclient extension pada aplikasi anda, jika belum bisa cek disini.

2. Ubah file web.php pada folder config

Tambahkan script dibawah ini pada file web.php dibagian components

3. Buat ClientID dan Secret ID pada Console developer google

Buka console.geveloper.googleapis.com, create new project menggunakan project anda, pilih API Manager, kemudian klik credentials, dibagian OAuth klik new ClientID.

Pada bagian Authorized Javascript origins masukkan nama Domain Anda. Dan pada bagian Authorized Redirect URI’s masukkan link namaDomainAnda/mau_di_redirect_kemana

Dalam aplikasi Fina akan di redirect ke :

http://andhara.raharja.info/basic/web/index.php/site/auth?authclient=google

Setelah itu Save dan pastikan ingat ClientID dan SecretID. Note ClientID dan SecretID bersifat privacy, jangan beritahu siapapun.

4. Buat action AuthAction pada controller

Tambahkan script ini pada SiteController

class SiteController extends Controller
{
    public function actions()
    {
        return [
            'auth' => [
                'class' => 'yii\authclient\AuthAction',
                'successCallback' => [$this, 'successCallback'],
            ],
        ];
    }
 
    public function successCallback($client)
    {
        $attributes = $client->getUserAttributes();
        // user login or signup comes here
    }
}

5. Tambahkan Button Login With Google

Masukkan code berikut untuk membuat Button Login

<?= yii\authclient\widgets\AuthChoice::widget([
    'baseAuthUrl' => ['site/auth']
  ]) 
?>

Dan SSO pun sudah dapat dilakukan, berikut hasilny

Bisa lihat di sini juga ya andhara.raharja.info semoga bermanfaat ya cermi yang Fina buat ini tunggu cermi selanjutnya yaaa terimakasih

Image result for gif thank you

15 Responses

  1. Good job yaaa Fin, dari hasil ini sudah berhasil melakukan SSO tanpa perlu ribet-ribet menulis username dan password serta dapat SC perdana pula dari ka Ind 🙂 🙂

    Langkah-langkah yang Fina jelaskan sudah cukup detail dan semoga saja mudah untuk diikuti oleh yang lainnya dan sama persis dengan apa yang Fina sampaikan di atas 🙂

    Fokus terus untuk pengembangan project Viewboard PESSTA+ S2 nya yaaa Fin 🙂

  2. Waaah perkembangan yang sangat pesat dari project fina sudah terlihat sekali progress nya, semangat selalu ya pin menjalankan project nya sehingga membuahkan banyak SC❣ Congratulations

  3. Congratulations fina telah berhasil SSO dan juga dapet SC
    cerminya dapat menjadi acuan nih untuk membuat SSO pada domainnya
    Thanks for sharing Fin, Good Job

  4. Good Job fina sudah sangat berkembang progres nya yaa, sudah merubah dapur nya juga menjadi lebih cantik lagi.
    Congratulation juga buat SC perdana nya fina yaa

Leave a Reply

You must be logged in to post a comment.