「facebook sdk for android」を使ったfacebookログイン

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と同じようにドキュメントが⽤用意されています。

動作も同じ感じです。

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