facebookアプリの作り方

いろいろあって、facebookアプリを作ることになったので、いろいろずっこけまくったので、それを備忘録として書きます。

facebookアプリの作成

facebookデベロッパー登録

デベロッパーページにてデベロッパー登録を行います。スクリーンショットを取り忘れてしまったため、デベロッパー登録に関しましては以下のサイトを参考にしてください。

http://princesswell.rocketserver.jp/web-cheat-sheet/facebook-developers-application/ 

facebookアプリの作成

1, デベロッパーページにて右上の「create new app」ボタンをおす。

2,下写真のように情報を入力していきます。

App Namespaceの欄にはcanvas page urlに反映されます。

3, 認証キーを入力してアプリ作成を完了する。

4,アプリ作成終了

　今回は使いませんが、App IDとApp Secretは自作アプリを作るときに必要なので控えておくようにしてください。

5,「App on Facebook」にpage urlを設定する。

以下写真のようにcanvas urlとsecret canvas urlを設定します。

6, Saveして設定終了

7, canvas pageにアクセスすると実行することを確認することができます。

 canpas pageに書いてあるURLにアクセスすると以下のようにfacebookのcanvas内に無事に表示されていることが確認できるとおもいます。

ポイント

僕が一番手こずったところはfacebookの仕様変更でした。

facebookは約２年前くらいに完全HTTPSに移行しました。それによって、全てのサービスはHTTPSに対応させなければならなくなってしまいました。

大半のfacebookアプリ作成解説サイトでは昔の仕様なので以下のような設定をしていますが、これどうりにするとエラーがおきますので気をつけてください。

結局、なにがいいたいかというと

facebookアプリを作るときはSecure Canvas URLまでしっかり設定してください！！

ということでした。