「Facebookでログイン」を実装する時に苦労したこと

技術的なこともさておき、MetaのDeveloperのアプリ登録でハマってしまった。

技術的なとこ

技術的にはJSのSDKを公式で提供してくれているので、比較的やりやすい気はする。

手順はこんな感じにしたけど、jwtとかでも検証できるっぽい。

SDKでログイン画面を出してFacebookへログインしてもらう
アクセストークンとユーザーIDがJSで取得できるのでsubmitする時に一緒に送る
サーバー側でsubmitされたアクセストークンやユーザーIDが妥当かをFacebookの/meAPIとかにアクセスして検証する(アクセストークンの保持者=ユーザーIDが返ってくるはず)
妥当ならこのユーザーIDを自分のアプリで使う

グラフAPIの使い方もそんなに難しくない。

とりあえず登録するとかならこの辺りのスクショ通りなので問題ない。

今回ハマったのは

ビジネスアプリとして登録し
ビジネス認証をする前に
「アプリレビュー」の「アクセス許可と機能」を設定して「アドバンスドアクセス」を与え(ログインの場合は「email」と「public_profile」がいるらしい)
その後にビジネス認証を済ませる

とするとJS側で「このアプリの詳細について追加アップデート中のため、Facebookログインはこのアプリでは利用できません。後ほどもう一度お試しください。」というメッセージが表示されること。

わからないので英語でもググると、こんなページが見つかる。

んー、きっと「アドバンスドアクセス」のことだよね。これ。

よーわからんのであれこれやった挙句「アクセス許可と機能」の「アドバンスドアクセス」を「スタンダードアクセス」へ戻した後に「アドバンスドアクセス」にしなおした。

すると突然動作するようになった。えぇ。。。

Meta側としてはビジネス認証後に色々設定してね。ってことなんだろう。きっと。

途中何度もブラウザのキャッシュを消した。これをしなかったらもっとハマったと思う。