ソーシャル ネットワーク アカウントを使用した認...

6
ソーシャル ネットワーク アカウントを使用 した認証 Facebook での OAuth の設定, 1 ページ Facebook のデータの収集, 4 ページ Instagram での OAuth の設定, 5 ページ Foursquare での OAuth の設定, 6 ページ Facebook での OAuth の設定 Social OAuth を採用しているポータル ページは、Mozilla Firefox ブラウザでは正しく機能しま せん。 (注) Cisco Connected Mobile Experiences コンフィギュレーション ガイド、リリース 10.2 1

Upload: others

Post on 17-Jan-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: ソーシャル ネットワーク アカウントを使用した認 …ソーシャルネットワークアカウントを使用 した認証 •FacebookでのOAuthの設定,1ページ

ソーシャルネットワークアカウントを使用

した認証

• Facebookでの OAuthの設定, 1 ページ

• Facebookのデータの収集, 4 ページ

• Instagramでの OAuthの設定, 5 ページ

• Foursquareでの OAuthの設定, 6 ページ

Facebook での OAuth の設定

Social OAuthを採用しているポータルページは、Mozilla Firefoxブラウザでは正しく機能しません。

(注)

Cisco Connected Mobile Experiences コンフィギュレーションガイド、リリース 10.2 1

Page 2: ソーシャル ネットワーク アカウントを使用した認 …ソーシャルネットワークアカウントを使用 した認証 •FacebookでのOAuthの設定,1ページ

手順

ステップ 1 カスタムポータルの [Social Login]画面で、Facebookの右側にあるリンク( )アイコンをクリッ

クし、関連付けられているデベロッパーWebサイトに移動します。

ステップ 2 ユーザ名とパスワードを使用して Facebookにログインします。

ステップ 3 [+Add a New App]ボタンをクリックします。

ステップ 4 [Website]ボタンをクリックします。

ステップ 5 アプリケーションの名前を入力し、[Create New Facebook App ID]をクリックします。

ステップ 6 [Choose a Category]ドロップダウンリストから、新しいアプリケーションのカテゴリを選択し、[Create App ID]ボタンをクリックします。

ステップ 7 [Tell us about your website]エリアまで下へスクロールし、[Site URL]フィールドにワイヤレス LANコントローラ(WLC)リダイレクト URL(http://<CMX>/visitor/login)と同じ URLを入力し、[Next]ボタンをクリックします。

Cisco CMXの IPアドレスが 172.x.x.xの範囲内のアドレスである場合、これが FacebookURLとして表示されるため、この設定は失敗します。

(注)

ステップ 8 [Skip to Developer Dashboard]リンクをクリックします。

ステップ 9 後のステップで使用するため、アプリ IDを選択してコピーします。

ステップ 10 左側のナビゲーションウィンドウの [Settings]をクリックし、連絡先メールを追加し、[SaveChanges]ボタンをクリックします。

ステップ 11 左側のナビゲーションウィンドウの [Status & Review]をクリックし、[Yes/No]スライダをクリックして、アプリを一般公開します。

ステップ 12 [Confirm]ボタンをクリックします。

Cisco Connected Mobile Experiences コンフィギュレーションガイド、リリース 10.22

ソーシャルネットワークアカウントを使用した認証

Facebook での OAuth の設定

Page 3: ソーシャル ネットワーク アカウントを使用した認 …ソーシャルネットワークアカウントを使用 した認証 •FacebookでのOAuthの設定,1ページ

ステップ 13 名、姓、友達リストなどの情報を収集する場合は、Facebookによる承認のためこれらのアイテムを送信します。

ステップ 14 FacebookOauth設定のためにプライベート IPアドレスを設定するには、[Advanced]タブを選択し、[Valid OAuth redirect URIs]フィールドに http://cmxIP/visitor/loginと入力します。デフォルトでは、[Valid OAuth redirect URIs]フィールドは空白です。

Cisco Connected Mobile Experiences コンフィギュレーションガイド、リリース 10.2 3

ソーシャルネットワークアカウントを使用した認証

Facebook での OAuth の設定

Page 4: ソーシャル ネットワーク アカウントを使用した認 …ソーシャルネットワークアカウントを使用 した認証 •FacebookでのOAuthの設定,1ページ

ステップ 15 カスタムポータルに移動して [Create New]をクリックし、アプリ名を追加し、前の手順で生成したアプリ ID情報を貼り付けます。

ステップ 16 [Scope]ドロップダウンリストから、ソーシャルネットワークデータの収集範囲を選択し、[Facebook]チェックボックスをオンにします。

Facebook のデータの収集Cisco CMXは Facebookの友達に関する情報を収集しますが、Facebook APIは同じアプリを使用している友達に関する情報だけを返します。

Cisco Connected Mobile Experiences コンフィギュレーションガイド、リリース 10.24

ソーシャルネットワークアカウントを使用した認証

Facebook のデータの収集

Page 5: ソーシャル ネットワーク アカウントを使用した認 …ソーシャルネットワークアカウントを使用 した認証 •FacebookでのOAuthの設定,1ページ

Instagram での OAuth の設定

手順

ステップ 1 カスタムポータルの [SocialLogin]画面で、Instagramの右側にあるリンク( )アイコンをクリッ

クし、関連付けられているデベロッパーWebサイトに移動します。

ステップ 2 Instagramにログインするには、右上にある [Log In]をクリックしてから、ユーザ名とパスワードを入力して、[Log In]ボタンをクリックします。

ステップ 3 [Manage Clients]タブで [Register a New Client]ボタンをクリックします。

ステップ 4 アプリケーション名とその説明を入力します。

ステップ 5 [Website]フィールドと [OAuth redirect_url]フィールドにワイヤレス LANコントローラ(WLC)リダイレクトURL(http://<CMX>/visitor/login)と同じURLを入力します。 [Disable Implicit OAuth]チェックボックスをオンにします。

ステップ 6 Captchaと入力し、[Register]ボタンをクリックします。

ステップ 7 次のステップで使用するクライアント IDを選択し、コピーします。

ステップ 8 カスタムポータルに移動し、[Create New]をクリックして、アプリ名を追加し、前の手順で生成したクライアント IDを貼り付けます。

Cisco Connected Mobile Experiences コンフィギュレーションガイド、リリース 10.2 5

ソーシャルネットワークアカウントを使用した認証

Instagram での OAuth の設定

Page 6: ソーシャル ネットワーク アカウントを使用した認 …ソーシャルネットワークアカウントを使用 した認証 •FacebookでのOAuthの設定,1ページ

Foursquare での OAuth の設定

手順

ステップ 1 カスタムポータルの [Social Login]要素で、Foursquareの右側にあるリンク( )アイコンをク

リックし、関連付けられているデベロッパーWebサイトに移動します。

ステップ 2 右上にある [My Apps]タブをクリックして、Foursquareにログインします。

ステップ 3 電子メールアドレスとパスワードを入力し、[Log In]ボタンをクリックします。

ステップ 4 [CREATE A NEW APP]ボタンをクリックします。

ステップ 5 [Download/welcome page url]フィールド、[Your privacy policy url]フィールド、および [RedirectURI(s)]フィールドに、ワイヤレス LANコントローラ(WLC)リダイレクト URL(http://<CMX>/visitor/login)と同じ URLを入力します。

ステップ 6 [SAVE CHANGES]ボタンをクリックします。

ステップ 7 次のステップで使用するクライアント IDを選択し、コピーします。

ステップ 8 カスタムポータルに移動し、[CreateNew]をクリックし、アプリ名を追加して、前の手順でコピーしたクライアント IDを貼り付けます。

ステップ 9 [Scope]ドロップダウンリストから、ソーシャルネットワークデータの収集範囲を選択し、チェックボックスをオンにします。

Cisco Connected Mobile Experiences コンフィギュレーションガイド、リリース 10.26

ソーシャルネットワークアカウントを使用した認証

Foursquare での OAuth の設定