Integrasi CakePHP 2 Auth Component dengan Facebook Connect tanpa Plugin

Integrasi CakePHP Auth component dengan facebook connect dari dulu memang sedikit rumit, selain itu jika kita menggunakan plugin facebook yang sudah ada maka jarang sekali yang isa diintegrasikan secara mudah dan lancar tanpa error. Bahkan misal ketika kita mendapatkan sebuah masalah kemudian kita cek di stackoverflow.com kebanyakan mereka bisa memecahkan dengan alasan tidak tahu kenapa bisa jalan.

Saat ini kebanyakan integrasi cakephp dengan facebook adalah berupa integrasi menggunakan facebook plugin, hal tersebut memang lebih mudah dan kita tidak mesti susah-susah menulis kode lagi, tapi kembali lagi bahwa integrasi tersebut biasanya berakhir pada sebuah error yang ketika kita googling masih sulit terpecahkan, selain itu integrasi tersebut masih menggunakan cakephp versi 1.3 yang struktur nya cukup banyak berbeda dengan cakephp versi 2.

Berangkat dari permasalahan tersebut, maka saya dalam artikel tutorial ini akan memaparkan langkah-langkah integrasi auth component pada cakephp 2 dengan facebook connect.

Langkah-langkah di sisi facebook.

1. Untuk mengintegrasikan auth component dengan facebook connect kita membutuhkan seebuah aplikasi facebook(Facebook Apps). Jika kamu belum membuatnya silahkan buat dulu di http://developers.facebook.com/apps. Supaya artikelya lebih singkat maka cara pembuatan aplikasi facebook akan diterangkan pada artikel tersendiri.

2. Setalah berhasil membuatnya silahkan ambil app id dan app secret dari aplikasi facebook tersebut.

3. Langkah selanjutnya adalah silahkan download facebook php sdk di https://github.com/facebook/facebook-php-sdk

Langkah di sisi CakePHP

4. Silahkan ekstrak dan ambil folder src yang ada di dalam folder facebook hasil ekstrak tersebut. Kemudian pindahkan ke folder app/Vendor/ pada aplikasi cakephp anda. Jadi pada folder Vendor sekarang anda memiliki struktur folder facebook seperti ini app/Vendor/facebook/src/.

5. Buka file app/Controller/AppController.php kemudian load class Facebook yang ada di dalam file app/Vendor/facebook/src/facebook.php

App::import('Vendor', 'facebook/src/facebook');

6. Tambahkan variabel kelas

7. Pada function AppController::beforeFilter silahkan instansiasi kelas facebook seperti ini

8. Kemudian buatlah function Appcontroller::__checkFBStatus

    

9. Kemudian buatlah function lain masih di Appcontroller

    

10. Pada function AppController::beforeRender tambahkan kode berikut ini

        

11. Sekarang kita akan benahi bagian view yang akan menampilkan tombol login dengan facebook

12. Sekarang silahkan kamu buka file layout misal kamu buat file layout tersendiri dengan nama login.ctp, dan ganti bagian tag menjadi 

13. Di dalam tag head dari file layout tersebut tambahkan kode berikut ini

14. Kemudian pada file view yang menampilkan halaman login, biasanya berada pada file app/View/Users/login.ctp tambahkan tombol login dengan facebook seperti ini 

   

Ya itu semua adalah cara untuk mengintegrasikan CakePHP 2 auth component dengan facebook connect.