1. Facebook SDK for Android
を使った Facebookログイン
2012.11.29
JAGK 第11回勉強会
⽇日 本 A n d r o i d の 会
⿅鹿 児 島 ⽀支 部
野崎 弘幸

2. ⾃自⼰己紹介
いやいや、だいぶ空いてしまいました・・・。
お久しぶりです。
野崎 弘幸
⿅鹿児島企業に所属しています。
⽇日本Androidの会⿅鹿児島⽀支部⾧長 / 運営委員
不定期でAndroidの勉強会やってます。
Android技術に関する勉強会。
アプリ作成の技術とか、組込みとか、
クラウドやHTML5のことも。

3. アジェンダ
Facebook SDK for Androidを使って
Facebookログインするのを作ってみたので
そのへんの話をしようと思います。
「こんな便利なのがあるんだねー。」
という感じで聞いて頂けばと。
(いや、もう前からあるっぽいので、知ってるかもしれませんが・・・。)

4. Facebook SDK
for Android

5. Facebook DEVELOPERSには、
Facebookなデータを扱うための
各種SDKが⽤用意されています。
https://developers.facebook.com/docs/sdks/

6. 今回、利⽤用するのはこの中の
「Facebook SDK for Android」です。
https://developers.facebook.com/android/

7. このSDK、ドキュメントも充実しています。
「Facebook Login for Android」という、
テクニカルガイドページも⽤用意されています。
https://developers.facebook.com/docs/howtos/androidsdk/3.0/login-with-facebook/

8. Facebook ログインの実装

9. ともあれ、まずは、
SDKのダウンロードとインポートを⾏行います。

10. ちなみに、Facebookは、
エミュレーターにFacebookアプリを
インストールできるような⽤用意もしています。
https://developers.facebook.com/docs/getting-started/facebook-sdk-for-android/3.0/
実機を使うので、今回はここはスルーで。

11. 1. ダウンロードして適当なとこに展開しておきます。

12. 2.Paceage Explorerから右クリックでImport選択

13. 3. ナビゲーションに従って、
Facebook SDKをインポートします。

14. 4. compiler levelを設定します。

15. 次にAndroidのプロジェクトを作って、
Facebookにアプリの登録を⾏行います。

16. 1. Androidのプロジェクトを作ります。

17. 2. Facebook DEVELOPERSでアプリの登録を⾏行います。
と、その前に、
Androidアプリの登録時に必要な
Key Hashを作っておきます。
https://developers.facebook.com/docs/getting-started/facebook-sdk-for-android/3.0/

18. 3. Facebook DEVELOPERSでアプリの登録を⾏行います。

19. 4. Androidプロジェクトが、
Facebook SDKにリンクするよう設定します。

20. ここまでで、事前準備完了です。
コードを書いていきます。

21. 1. string.xmlに
Facebook DEVELOPERSで割り当てられた
APP IDを設定します。

22. 2. AndroidManifest.xmlに
uses-permissionを追加します。

23. 3. AndroidManifest.xmlに
meta-dataを追加します。

24. 4. AndroidManifest.xmlに
activityを追加します。

25. 5. MainActivity.javaを編集します。

26. 6. Facebookのユーザー名を表⽰示する
TextViewを設定します。

27. 7.MainActivity.javaに戻って編集します。
https://developers.facebook.com/docs/getting-started/facebook-sdk-for-android/3.0/

28. これでいちおう完成です。
動作を確認してみます。

29. 端末にFacebookのアプリがインストールされていると、
Facebookの認証の確認画⾯面が出て、
了承するとログインできます。

30. Facebookのアプリがインストールされていない場合は、
WEBViewなポップアップで認証することになります。

31. ユーザー名だけでは、味気ないので、
少し、レイアウトを弄ります。

32. このへんとかを参考にして、
https://developers.facebook.com/docs/tutorials/androidsdk/3.0/scrumptious/personalize/
https://developers.facebook.com/docs/reference/android/3.0/ProfilePictureView/

33. レイアウトと処理のコードを追加します。

34. プロフィール画像がでるようになりました。

35. これですべて完了です。
あとは、作るアプリに合わせて
変更していけばいいかと。
ちなみに・・・。

36. やはり、iOSもやっときたいところですね。
Facebook DEVELOPERには
当然、iOS版も⽤用意されています。

37. 時間の都合等で、
ここでは、詳細の説明は省きますが、

38. iOS版もAndroidと同じように
ドキュメントが⽤用意されています。
動作も同じ感じです。

39. ご清聴ありがとうございました。