Cmlap Hírek, cikkek Facebook bejelentkezés CakePHP használatával

Facebook bejelentkezés CakePHP használatával

Te is szeretnéd megkönnyíteni felhasználóidnak a belépést és regisztrációt?

Használj facebook bejelentkezést. Most CakePHP alatt mutatom meg, hogyan lehet legegyszerûbben megoldani. Nem olyan nagy ördöngõsség, de azért elég sok lépésbõl áll.
0. Ha még nincs facebook appod, hozz egyet létre itt: http://www.facebook.com/developers/createapp.php
  • A domain mezõbe http nélkül írd be a domain neved pl: example.com!
  • A "Válaszd ki, hogyan szeretnéd az alkalmazásodat egybeépíteni a Facebook-kal" szakasznál amit meg kell adni, hogy mûködjön az ez a pipa: "Weboldal Facebook bejelentkezéssel", ahol az oldalad teljes url-jét add meg. Pl: http://www.example.com.
  • Ha egybõl élesíteni szeretnéd, akkor a "Sandbox mód" rádiógombot állítsd "Letiltva" állásra, különben csak te magad tudod a belépést használni, de ezt ráérsz késõbb is megtenni.

Ha minden sikerült, akkor létrejön az alkalmazás és lekérheted a facebook app id-t és a sekret key-t. Ez fog kelleni a belépés implementálásához.

1. Elsõ tennivalód ha már van "app id"-d és "secret key"-ed, hogy a CakePHP Facebook Plugint töltsd le a githubról.

2. Csomagold ki, majd a CakePHP-Facebook-Plugin-master könyvtár tartalmát másold be az app/Plugin/Facebook könyvtárba.

3. A users tábládban vegyél fel egy facebook_id int mezõt!

4. Az app/Config/bootstrap.php fájba illeszd be a következõ kódrészletet:

CakePlugin::load('Facebook');

5. Az app/Plugin/Facebook/Config/facebook.php fájlt másold  app/Config/facebook.php helyre, majd állítsd be a tartalmát:

   $config = array(
      'Facebook' => array(
          'appId' => 'az app id-d',
          'apiKey' => 'ez is az app id-d kell legyen!',
          'secret' => 'secret key-ed',
          'cookie' => true,
          'locale' => 'hu_HU',//magyart töltsön be!
          )
      );



6. Az AppContoller osztályban a $components és $helpers osztályváltozóknak add be a facebook plugint pl. a következõ módon:
 
public $components =  
 array('DebugKit.Toolbar','Auth','Cookie','Session','Security','RequestHandler','Paginator',
            'Facebook.Connect' => array('model' => 'User'));//Facebook.Connect kell
 public $helpers = array('Html','Form','Session','Facebook.Facebook');//Facebook.Facebook kell  


7. Valamelyik használni kívánt nézetben inicializáld a plugint, (ez kinyomja neked a facebook js api kódját és generál hozzá némi ki-be léptetõ javascriptet is amit manuálisan meghívhatsz)
pl: app/View/Layout/default.ctp legtetejébe és legaljába tedd be a következõ két kódot:

<!DOCTYPE html>
<?php echo $this->Facebook->html(); ?>
<head>
.........
<?php echo $this->Facebook->init(); ?>
</body>
</html> 


8. Készíts egy szép "facebook bejelentkezés" gombot, majd másold be az app/Plugin/Facebook/webroot/img könyvtárba. Majd valamelyik nézetedben az óhajtott helyen a következõ kódrészlettel, már be is tudod léptetni a felhasználód, a plugin mindent megold!
A "redirect" paramétert arra az url-re írd át, ahova a user belépés után kerüljön, a perms=>email pedig fontos, mert az az azonosítás alapja, így azt ne felejtsd ki semmiképpen sem!

<?php echo $this->Facebook->login(array('perms' => 'email','img'=>'facebook-bejelentkezes.png','class'=>'fl','redirect'=>'/users/mydata','label'=>'Facebook bejelentkezés')); ?> 


Facebook ikonnak akár ezeket is használhatod:
ingyenes facebook ikon zöld     ingyenes facebook ikon kék

Keresgélj még a findicons-on vagy az openclipart-on



Tag : CakePHP, facebook
Ha tetszett vagy hasznosnak talltad, krlek oszd meg!
Author / szerz:
Hozzszlsok
Vlasszon nyelvet!
Keress a tartalomban
Kattintson ide az adatok elkldshez!