狠狠撸

狠狠撸Share a Scribd company logo
?
コミュニティにソーシャルログインを実装する方法

Yuji Yasuno
Sales Support Engineer
/yuji.yasuno
@yuji_yasuno
in/yujiyasuno
アジェンダ
? ソーシャルログインを実装する価値
? 全体像
? 設定方法
? 設定方法(モバイル)
認証プロバイダ

認証プロバイダを利用する事でコミュニティとソーシャルのデータを紐付け
ソーシャルログインを実装する価値
? ソーシャルログインを実装する事で、登録やユーザ名/パスワード
の管理等の問題の解決に役立ちます。
? 企業はソーシャルプロファイルのデータをマーケティング等に活か
す事ができます。
? ソーシャルログインはコンシューマと企業の両方にメリットをもた
らします。
?

コンシューマはサイトへの登録やログインを簡単に行えるようになります。

?

企業はユーザのソーシャルプロファイルデータを利用する事で、それぞれのユーザにあった
ユーザエクスペリエンスを提供する事が可能です。

?

上記の内容は「The value of Social Login」を参照しています。(http://www1.janrain.com/rs/janrain/
images/Industry-Research-Value-of-Social-Login-2013.pdf).
全体像 - ユースケース
備考
ここにおいて矢印は1つですが、実際は数回のHTTPSの
リクエストが行われます。ここではシンプルに考えられ
るように1つの矢印で表現しています。

1. FacebookのIDを利用してログインをします。

2. OAuth認可
3. プロファイルデータの要求

5. ログイン後のページをリターン

4. プロファイルデータをリターン
全体像 - アーキテクチャ
salesforce

facebook
認証プロバイダはプロ
ファイルデータを要求

User

認可されている時のみFacebookから
プロファイルデータがリターンされる

認証プロバイダはプロファイルデータを登録ハンドラ(Apex)に
渡し、どのように取り扱うかを決めさせる
登録ハンドラはプロファイルデータを利用してユーザの作成/更新を行う。
※どのようにユーザを取り扱うかはプログラムを書く必要があります。
設定 - ステップ1
? 認証プロバイダを作成します。
設定 > 管理 > セキュリティのコントロール > 認証プロバイダ

必ず登録ハンドラを設定してください。
※リンクをクリックする事で自動生成することも可能です。
設定 - ステップ2
? コミュニティのログインページの設定で作成した認証プ
ロバイダにチェック入れます。
設定 > ビルド > カスタマイズ > コミュニティ > コミュニティの管理 > (作成したコミュニティの
編集) > ログインページ

作成した認証プロバイダに対してチェックを入れてください。
設定(モバイル) - ステップ1
? 前の2ページと同じように認証プロバイダを作成し、コ
ミュニティのログインページを設定します。
? 接続アプリケーションを作成します。

モバイルSDKを利用する際にコン
シューマ

とコールバックURLの

情報が必要となります。
設定(モバイル) - ステップ2
? ログインのドメインを変更します。

Login HostをCustom Hostに変更し、Custom Hostに「コミュニティのドメイン/コミュニティ
名」の値を入れます。
アプリケーションを起動すると…
Facebookのアカウントでログインできます!
備考
ソーシャルログインをした時に、ソーシャルプロファイル
データをどのようにユーザのデータとして取り扱うかは自
動生成した登録ハンドラを変更してください。下記のURL
を参考ください。
<http://www.salesforce.com/us/developer/docs/apexcode/Content/apex_auth_plugin.htm>
コミュニティにソーシャルロク?インを実装する方法

More Related Content

コミュニティにソーシャルロク?インを実装する方法