Visual Studio 2013 Express WebでFacebook連携

参考

新しいプロジェクトから[ASP.NET Webアプリケーション]を選択し、

MVCを選択し、とりあえず作成。

からFacebook ディベロッパーとして登録する。

登録したら上記ページからアプリ⇒新しいアプリを作成を選択。

DisplayNameとNamespaceとカテゴリの入力を求められる。

Namespaceはまだどのように使われるのかわからないので保留(入力しなくてもいい)

アプリケーションを作成したら、そのアプリケーションのページから

・アプリID

・アプリのシークレットキー

を取得することができる。

その二つの文字列を

VisualStudioの[プロジェクト名].AppStart.Startup.Auth.csに記述する。

//app.UseFacebookAuthentication(
// appId: "",
// appSecret: "");

初めは上記のようにコメントアウトされているので

コメントを外して、IDとシークレットキーを入力。

そのままアプリを起動し、ログイン画面へ遷移するとFacebookでログインボタンが表示され、認証を行うことができる。。。。が、まだFacebookは認証が終わった後、どこにリダイレクトすればよいのかを知らないので、それをFacebookのディベロッパーサイトから設定する必要がある。

再び

左ナビの設定ボタンを選択する。

[+AddPlatform]と書かれたリンクがあるのでそれを選択し、さらにウェブサイトを選択。

そこの[サイトURL]がリダイレクト先になるので、

マイページ等のURLを入力すればいいかと。

これでリダイレクト先の設定ができた。

再度VisualStudioからプロジェクトを立ち上げてFacebook認証を行えばログイン⇒マイページへ遷移という流れを作れる。