Facebook SDK × CakePHP × MAMPでFacebookログインサイトを開発(1)

ご無沙汰してます。オークです。

 

最近はFacebookでログインできるサイト作りを勉強していたので、それについて記事を書きます。

 

●環境:

Mac(OS X バージョン10.9.2)、CakePHP(2.4.10)、ローカル環境(MAMP)

 

●大まかな手順:

Facebook Developersへの登録

②アプリの登録

Facebook SDKの導入

④ControllerとViewの作成

 

●詳細な手順

Facebook Developersへの登録

①-1. 

https://developers.facebook.com へアクセス

 

①-2. 

左上の[Apps]→[Register as a Developers]

f:id:ork_shinnosuke:20140608202358p:plain

 

①-3. 

同意して[次へ]

f:id:ork_shinnosuke:20140608203644p:plain 

①-4.

携帯メールアドレスを登録して、[確認コードを取得]

f:id:ork_shinnosuke:20140608203738p:plain

 

①-5.

登録したメールアドレス宛てに確認コードが届くのでそれを[確認コード]へ入力→[完了]

 

②アプリの登録

②-1.

Developersのホーム画面の左上から[Create a New App]

f:id:ork_shinnosuke:20140608203807p:plain

 

②-2.

Display Nameとカテゴリを入力(Namespaceは入力しなくてもOK。Display NameとNamespaceは後で変更できるので何でもOK)→数値入力して完了

f:id:ork_shinnosuke:20140608205524p:plain

 

②-3.

[Apps]→[アプリ名]→[Settings]。App DomainsにCakeフォルダを置くサイトのドメインを入力。ただし、MAMPで開発する時は「localhost」ではなく「自分のPC名.local」という形で登録 f:id:ork_shinnosuke:20140609005051p:plain

 

②-4.

[Add Platform]→[Website]。[Site URL]は「自分のPC名.local/test2/users/login/」とする(「login」の後の「/」は必須)

f:id:ork_shinnosuke:20140611165108p:plain

 

次回は

Facebook SDKの導入

④Controllerの作成

について解説したいと思います。