「facebook sdk for android」を使ったfacebookログイン
TRANSCRIPT
Facebook SDK for Androidを使った Facebookログイン
⽇日 本 A n d r o i d の 会
⿅鹿 児 島 ⽀支 部
野 崎 弘 幸
2012.11.29JAGK 第11回勉強会
⾃自⼰己紹介
野崎 弘幸
⿅鹿児島企業に所属しています。
⽇日本Androidの会⿅鹿児島⽀支部⾧長 / 運営委員
不定期でAndroidの勉強会やってます。Android技術に関する勉強会。アプリ作成の技術とか、組込みとか、クラウドやHTML5のことも。
いやいや、だいぶ空いてしまいました・・・。お久しぶりです。
アジェンダ
Facebook SDK for Androidを使ってFacebookログインするのを作ってみたので
そのへんの話をしようと思います。
「こんな便利なのがあるんだねー。」という感じで聞いて頂けばと。
(いや、もう前からあるっぽいので、知ってるかもしれませんが・・・。)
Facebook SDK for Android
Facebook DEVELOPERSには、Facebookなデータを扱うための
各種SDKが⽤用意されています。
https://developers.facebook.com/docs/sdks/
今回、利⽤用するのはこの中の「Facebook SDK for Android」です。
https://developers.facebook.com/android/
このSDK、ドキュメントも充実しています。「Facebook Login for Android」という、
テクニカルガイドページも⽤用意されています。
https://developers.facebook.com/docs/howtos/androidsdk/3.0/login-with-facebook/
Facebook ログインの実装
ともあれ、まずは、SDKのダウンロードとインポートを⾏行います。
ちなみに、Facebookは、エミュレーターにFacebookアプリを
インストールできるような⽤用意もしています。
https://developers.facebook.com/docs/getting-started/facebook-sdk-for-android/3.0/
実機を使うので、今回はここはスルーで。
1.ダウンロードして適当なとこに展開しておきます。
2.Paceage Explorerから右クリックでImport選択
3. ナビゲーションに従って、Facebook SDKをインポートします。
4. compiler levelを設定します。
次にAndroidのプロジェクトを作って、Facebookにアプリの登録を⾏行います。
1. Androidのプロジェクトを作ります。
2. Facebook DEVELOPERSでアプリの登録を⾏行います。と、その前に、
Androidアプリの登録時に必要なKey Hashを作っておきます。
https://developers.facebook.com/docs/getting-started/facebook-sdk-for-android/3.0/
3. Facebook DEVELOPERSでアプリの登録を⾏行います。
4. Androidプロジェクトが、Facebook SDKにリンクするよう設定します。
ここまでで、事前準備完了です。コードを書いていきます。
1. string.xmlにFacebook DEVELOPERSで割り当てられた
APP IDを設定します。
2. AndroidManifest.xmlにuses-permissionを追加します。
3. AndroidManifest.xmlにmeta-dataを追加します。
4. AndroidManifest.xmlにactivityを追加します。
5. MainActivity.javaを編集します。
6. Facebookのユーザー名を表⽰示するTextViewを設定します。
7.MainActivity.javaに戻って編集します。
https://developers.facebook.com/docs/getting-started/facebook-sdk-for-android/3.0/
これでいちおう完成です。動作を確認してみます。
端末にFacebookのアプリがインストールされていると、Facebookの認証の確認画⾯面が出て、
了承するとログインできます。
Facebookのアプリがインストールされていない場合は、WEBViewなポップアップで認証することになります。
ユーザー名だけでは、味気ないので、少し、レイアウトを弄ります。
このへんとかを参考にして、
https://developers.facebook.com/docs/tutorials/androidsdk/3.0/scrumptious/personalize/
https://developers.facebook.com/docs/reference/android/3.0/ProfilePictureView/
レイアウトと処理のコードを追加します。
プロフィール画像がでるようになりました。
これですべて完了です。あとは、作るアプリに合わせて
変更していけばいいかと。
ちなみに・・・。
やはり、iOSもやっときたいところですね。
Facebook DEVELOPERには当然、iOS版も⽤用意されています。
時間の都合等で、ここでは、詳細の説明は省きますが、
iOS版もAndroidと同じようにドキュメントが⽤用意されています。
動作も同じ感じです。
ご清聴ありがとうございました。