[[package/all/parts/set_facebook]]
***facebook DEVELOPERSにサインイン [#ff73e7e5]
まず、http://developers.facebook.com/ にアクセスし、サインインしてください。
***新しいアプリケーションを作成 [#g4eda8e6]
+ヘッダーメニューの「&color(orange){''アプリ''};」を選択します。
+右上にある「&color(orange){''新しいアプリケーションを作成''};」をクリックします。
#ref(facebook_dev1.gif,wrap,nolink,「アプリ」メニューの位置を示したスクリーンショット画像)
#ref(facebook_dev2.gif,wrap,nolink,新しいアプリケーションを作成ボタンの位置を示した画像)
***「Create New App」の各種項目を入力 [#db9434e0]
+「&color(orange){''AppName''};」に任意のアプリケーション名を入力
+「&color(orange){''続行''};」ボタンをクリックします。
+「&color(orange){''Host your site width Heroku''};」というダイアログが出ますが、ここでは「&color(orange){''キャンセル''};」をクリックします。
#ref(facebook_dev3.gif,wrap,nolink,アプリケーション名の入力位置と続行ボタンの位置を示した画像)
#ref(facebook_dev4.gif,wrap,nolink,Herokuダイアログのスクリーンショット画像)
>※Herokuは、昨今急速に成長しているRubyアプリケーションのクラウドプラットフォーム(ウェブサービスのホスティングサービス)です。
>※Herokuを利用している場合はHerokuで登録しているメールアドレスを入力し~
(登録されていないメールアドレスを入力するとHerokuからアカウント作成に関する案内メールが届きます。)~
phpを選択後、作成ボタンを押す。以降の手順は同様です。
>※Herokuに関する設定手順はここでは説明しません。
***設定＞基本設定ページで「App ID」と「App Secret」を控え、システムに設定する [#wfc63bf8]
+上部に表示されいている「&color(orange){''App ID''};」と「&color(orange){''App Secret''};」を控えます
+弊社システムに管理者でログインし、システム設定画面を開き、~
「&color(orange){''アプリのApp Id/API Key''};」に「&color(orange){''App ID''};」を、~
「&color(orange){''アプリの秘訣''};」に「&color(orange){''App Secret''};」をそれぞれ設定して下さい。
#ref(facebook_dev5.gif,wrap,nolink,「App ID」等が表示されている位置を示した画像)
#ref(facebook_dev_sys1.gif,wrap,nolink,クラウドファンディングシステムのシステム設定画面のスクリーンショット画像)
***設定＞基本設定ページの「Website with Facebook Login」の「サイトURL」をシステム設置先のURLに設定 [#ve1aaf44]
+「&color(orange){''Website with Facebook Login''};」の「&color(orange){''サイトURL''};」にシステム設置先のURLに設定し、~
ページ下部の変更を保存するボタンをクリックし、変更を保存します~
※その他項目はデフォルトで結構です。
#ref(facebook_dev6.gif,wrap,nolink,設定＞基本設定ページのスクリーンショット画像)
***設定＞詳細ページで「App Type」と「認証拒否時のコールバック先」を指定 [#b35dfeb6]
+「&color(orange){''App Type''};」を「&color(orange){''ウェブ''};」、「&color(orange){''認証拒否時のコールバック先''};」に&color(orange){''callback_fb.phpまでのパスを指定''};し、~
ページ下部の変更を保存するボタンをクリックし、変更を保存します~
※その他項目はデフォルトで結構です。
認証拒否時のコールバック先URLの指定例
http://設置先のURL/callback_fb.php
#ref(facebook_dev7.gif,wrap,nolink,設定＞詳細ページのスクリーンショット画像)
