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

39
Facebook SDK for Android を使った Facebookログイン 本Androidの会 児島部 野崎 弘幸 2012.11.29 JAGK 第11回勉強会

Upload: hiroyuki-nozaki

Post on 24-May-2015

8.619 views

Category:

Technology


5 download

TRANSCRIPT

Page 1: 「Facebook SDK for Android」を使ったFacebookログイン

Facebook SDK for Androidを使った Facebookログイン

⽇日 本 A n d r o i d の 会

⿅鹿 児 島 ⽀支 部

野 崎 弘 幸

2012.11.29JAGK 第11回勉強会

Page 2: 「Facebook SDK for Android」を使ったFacebookログイン

⾃自⼰己紹介

野崎 弘幸

⿅鹿児島企業に所属しています。

⽇日本Androidの会⿅鹿児島⽀支部⾧長 / 運営委員

不定期でAndroidの勉強会やってます。Android技術に関する勉強会。アプリ作成の技術とか、組込みとか、クラウドやHTML5のことも。

いやいや、だいぶ空いてしまいました・・・。お久しぶりです。

Page 3: 「Facebook SDK for Android」を使ったFacebookログイン

アジェンダ

Facebook SDK for Androidを使ってFacebookログインするのを作ってみたので

そのへんの話をしようと思います。

「こんな便利なのがあるんだねー。」という感じで聞いて頂けばと。

(いや、もう前からあるっぽいので、知ってるかもしれませんが・・・。)

Page 4: 「Facebook SDK for Android」を使ったFacebookログイン

Facebook SDK for Android

Page 5: 「Facebook SDK for Android」を使ったFacebookログイン

Facebook DEVELOPERSには、Facebookなデータを扱うための

各種SDKが⽤用意されています。

https://developers.facebook.com/docs/sdks/

Page 6: 「Facebook SDK for Android」を使ったFacebookログイン

今回、利⽤用するのはこの中の「Facebook SDK for Android」です。

https://developers.facebook.com/android/

Page 7: 「Facebook SDK for Android」を使ったFacebookログイン

このSDK、ドキュメントも充実しています。「Facebook Login for Android」という、

テクニカルガイドページも⽤用意されています。

https://developers.facebook.com/docs/howtos/androidsdk/3.0/login-with-facebook/

Page 8: 「Facebook SDK for Android」を使ったFacebookログイン

Facebook ログインの実装

Page 9: 「Facebook SDK for Android」を使ったFacebookログイン

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

Page 10: 「Facebook SDK for Android」を使ったFacebookログイン

ちなみに、Facebookは、エミュレーターにFacebookアプリを

インストールできるような⽤用意もしています。

https://developers.facebook.com/docs/getting-started/facebook-sdk-for-android/3.0/

実機を使うので、今回はここはスルーで。

Page 11: 「Facebook SDK for Android」を使ったFacebookログイン

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

Page 12: 「Facebook SDK for Android」を使ったFacebookログイン

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

Page 13: 「Facebook SDK for Android」を使ったFacebookログイン

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

Page 14: 「Facebook SDK for Android」を使ったFacebookログイン

4. compiler levelを設定します。

Page 15: 「Facebook SDK for Android」を使ったFacebookログイン

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

Page 16: 「Facebook SDK for Android」を使ったFacebookログイン

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

Page 17: 「Facebook SDK for Android」を使ったFacebookログイン

2. Facebook DEVELOPERSでアプリの登録を⾏行います。と、その前に、

Androidアプリの登録時に必要なKey Hashを作っておきます。

https://developers.facebook.com/docs/getting-started/facebook-sdk-for-android/3.0/

Page 18: 「Facebook SDK for Android」を使ったFacebookログイン

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

Page 19: 「Facebook SDK for Android」を使ったFacebookログイン

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

Page 20: 「Facebook SDK for Android」を使ったFacebookログイン

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

Page 21: 「Facebook SDK for Android」を使ったFacebookログイン

1. string.xmlにFacebook DEVELOPERSで割り当てられた

APP IDを設定します。

Page 22: 「Facebook SDK for Android」を使ったFacebookログイン

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

Page 23: 「Facebook SDK for Android」を使ったFacebookログイン

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

Page 24: 「Facebook SDK for Android」を使ったFacebookログイン

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

Page 25: 「Facebook SDK for Android」を使ったFacebookログイン

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

Page 26: 「Facebook SDK for Android」を使ったFacebookログイン

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

Page 27: 「Facebook SDK for Android」を使ったFacebookログイン

7.MainActivity.javaに戻って編集します。

https://developers.facebook.com/docs/getting-started/facebook-sdk-for-android/3.0/

Page 28: 「Facebook SDK for Android」を使ったFacebookログイン

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

Page 29: 「Facebook SDK for Android」を使ったFacebookログイン

端末にFacebookのアプリがインストールされていると、Facebookの認証の確認画⾯面が出て、

了承するとログインできます。

Page 30: 「Facebook SDK for Android」を使ったFacebookログイン

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

Page 31: 「Facebook SDK for Android」を使ったFacebookログイン

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

Page 33: 「Facebook SDK for Android」を使ったFacebookログイン

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

Page 34: 「Facebook SDK for Android」を使ったFacebookログイン

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

Page 35: 「Facebook SDK for Android」を使ったFacebookログイン

これですべて完了です。あとは、作るアプリに合わせて

変更していけばいいかと。

ちなみに・・・。

Page 36: 「Facebook SDK for Android」を使ったFacebookログイン

やはり、iOSもやっときたいところですね。

Facebook DEVELOPERには当然、iOS版も⽤用意されています。

Page 37: 「Facebook SDK for Android」を使ったFacebookログイン

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

Page 38: 「Facebook SDK for Android」を使ったFacebookログイン

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

動作も同じ感じです。

Page 39: 「Facebook SDK for Android」を使ったFacebookログイン

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