cordovaでfacebookログインを実装したので手順をメモしておきます
作業環境
- Mac Mojave 10.14.4
- cordova-ios 4.5.5
- cordova-android 7.1.4
前提
facebookの開発者登録とアプリ作成は完了しているものとします
ググればたくさん日本語記事あったのでやり方は割愛します
インストール
利用プラグイン
https://github.com/jeduan/cordova-plugin-facebook4
インストールコマンド
1 | cordova plugin add https://github.com/jeduan/cordova-plugin-facebook4 --save --variable APP_ID="123456789" --variable APP_NAME="MyApp" |
APP_IDとAPP_NAMEは書き替えてね！
公式ドキュメントだとandroid用のコマンドみたいだけどiosもこれで行けた。
プラグイン修正(androidのみ)
最大のハマりポイント
最新版だとビルドエラーになるのでバージョンを下げる必要がある
plugins/cordova-plugin-facebook4/plugin.xmlを以下の通り修正する
1 | # 修正前 |
環境設定変更(android)
androidは環境を再構築する必要がありました
1 | cordova platforms rm android |
また、platforms/android/project.propertiesを以下の通りに修正する必要がありました
1 | # 修正前 |
テストアカウント準備
テストしたいfacebookアカウントは事前に登録しておく必要があります。
実際のアカウントは利用したくない場合はテストアカウントも用意されてます。
アプリのログインのレビュー - 要件
ログイン
下のコードで自動的にfacebookログインページが起動します！簡単！
クリックで実行してもいいしcreatedとか画面初期表示で実行してもいいし、君の自由だ！
1 | facebookConnectPlugin.login(["public_profile","email"], |
["public_profile","email"]の部分は何の情報にアクセスできるか？ってことですね。
ここから選べます。
おわりに
iosはサクッとできて感動したのですがandroidはまあまあハマりました、、
どうせハマると思ってやりながら記事書いたのですが、正解でした笑
facebookログインがあると良い感じのアプリに見えて良いですよね！（語彙力
それでは良きCordova＊Facebookライフを〜
参考記事
【Cordova】cordova-plugin-facebook4でFacebookログインのパーミッションを複数指定する方法