Bagaimana Proses Single Sign On Google pada PenA ?

Hello Sahabat Timur 4

Romzi akan sharing bersama kalian dalam tahapan membangun PenA dengan begitu kerja keras dalam koding mengkoding menggunakan YII Framework. Oke saat ini tahapan awal pintu masuk website adalah dengan kunci pastinya ? Yang dalam website sering menggunakan sebuah username dan password namun dalam pintu masuk sebuah sistem tidak boleh banyak memiliki pintu masuk usernmae dan password yang berbeda – beda cukup setiap user memiliki 1 account untuk boleh masuk. Dan Perguruan Tinggi Raharja kita dibiasakan diperkenalkan dan menggunakan pembelajaran dengan Rinfo dong pasti hehehe… 

Maka PenA yang dibuat diperuntukan usernya yang menggunakan adalah Pribadi Raharja akan Romzi buat sistem PenA dapat Login menggunakan Rinfo ( Magic Key ). Oke Step – Step nya sebagai berikut 

Step by Step untuk Success SSO
  1. Instal terlebih dahulu Composer, dan Tambahkan pada Composer Json, Extension Authclient. 
  2. "yiisoft/yii2-authclient": "*"

  3. Setelah itu, Mari kita lihat CONFIG/WEB.PHP tambahkan Script dibawah ini
    'components'             => [
      'authClientCollection' => [
      'class'                => 'yii\authclient\Collection',
      'clients'              => [
      'google'               => [
     'class'        => 'yii\authclient\clients\GoogleOpenId'
     'clientId'     => 'Isikan Dengan ClientId Project Kamu',
     'clientSecret' => 'Isikan Dengan ClientSecret Project Kamu',
           ],
         ],
       ]
     ]
  4. Bagaimana cara dapetin ClientId dan ClientSecret ?1. Buka Console
    2. Create New Project

    3. Pilih API Manager
    4. Create Credential
    5. Pilih yang Oauth Client Id
    6. Pada Tab Authorized JavaScript origins => “isikan domain anda” dan Authorized redirect URIs => “Domain anda /index.php?r=admin%2Fsite%2Fauth&authclient=google
    7. Setelah itu Save

    8. Setelah itu Save ClientId dan SecretId kalian, Note: Jangan beritahu kepada siapapun.
  5. Buka View/site/login.php dan tambahkan script dibawah ini untuk menu Login with Google

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

    Buka Controller/sitecontroller lalu Modifikasi fungsi Auth untuk mengakses class authAction Buatlah variabel successUrl pada controller, kemudian tambahkan parameter successUrl dengan nilai variabel successUrl tadi, successUrl itu untuk redirect ke url tertentu apabila fungsi AuthAction success.

Finally, Hasil dari SSO pada PenA 

Views All Time
Views All Time
110
Views Today
Views Today
1
114 Total Views 1 Views Today

Article written by

If you can't make it good, at least make it look good "Bill Gates"

5 Responses

Leave a Reply

You must be logged in to post a comment.