Downloaded 11 times
![検索
graph.facebook.com/search?q={your-query}&[type={object-type}]
client.Get(“search” , new{ q = ”ラーメン”,type=“post” });
https://developers.facebook.com/docs/graph-api/using-graph-api](https://image.slidesharecdn.com/cfacebookmvpcommunitycamp-140322013721-phpapp02/75/C-facebook-mvp-community-camp-31-2048.jpg)
![FQL
Facebookのクエリ言語
SQLと似たインターフェイスでGraph API上のデータにアクセス
SELECT [fields] FROM [table] WHERE [conditions]](https://image.slidesharecdn.com/cfacebookmvpcommunitycamp-140322013721-phpapp02/75/C-facebook-mvp-community-camp-33-2048.jpg)
![FQL
複数リクエスト
(PHP) $results = $facebook->api(array(
'method' => 'fql.multiquery',
'queries' => array(
'query1' => 'SELECT …',
'query2' => 'SELECT ...',
),
)); http://facebooksdk.net/docs/making-synchronous-requests/#3
var result = client.Get("fql", new{
q = new[]{
"SELECT uid from user where uid=me()",
"SELECT name FROM user WHERE uid=me()"
}
});](https://image.slidesharecdn.com/cfacebookmvpcommunitycamp-140322013721-phpapp02/75/C-facebook-mvp-community-camp-39-2048.jpg)
![ダダ漏れメッセージ検索
GraphAPIのsearchを使用する
投稿が検索対象なので
type=post
デフォルトでは、検索数が25件なので
limit=100
var result = client.Get(”search?type=post&q={検索文字列}&limit=100");
{
"data": [
{
"id": "100000466595635_854462207912658",
"from": {
"name": "Masayuki Shake Matsushita",
"id": "100000466595635"
},
"story": "Masayuki Shake Matsushita shared Yuzo Fabio Iwata's event.",
"link": "https://www.facebook.com/events/667356079989254/",
"actions": [
{
"name": "Like",
"link": "https://www.facebook.com/100000466595635/posts/854462207912658"
}
],
"privacy": {
"value": ""
},
"type": "link",
"application": {
"name": "Links",
"id": "2309869772"
},
"created_time": "2014-03-21T01:07:24+0000",](https://image.slidesharecdn.com/cfacebookmvpcommunitycamp-140322013721-phpapp02/75/C-facebook-mvp-community-camp-52-2048.jpg)
More Related Content
Similar to C#で作成するfacebookアプリ mvp community camp
C#で作成するfacebookアプリ mvp community camp
- 1. 2014.03.22 CLR/H #89(MVP Community Camp 2014) Facebook用のWebアプリをC#で開発する C#でFacebookアプリ
- 2. 自己紹介 識別子 ＳＩＮ Twitter @furuya02 趣味 札幌ワークス・BlackJumboDog スタッフ CLR/H Microsoft MVP for Visual C# (2013/1～)
- 3. Facebookアプリの開発 １ FacebookアプリとSDK ２ GraphAPI ３ FQL ４ OAuth ５ 限定公開のFacebookアプリ作成要領
- 4.
- 5. FacebookアプリとSDK Facebookアプリの種類は大きく３種類 １ facebook.com上から起動 左側のメニュー「アプリ」から一覧表示 ２ スマートフォン等向け iOS・AndroidOS 用 SDKが提供されている ３ WebにFacebook機能を付ける いいね、投稿、ログイン
- 6.
- 7.
- 8. Facebook SDK for.NET FacebookClient
- 9. Facebook SDK for.NET Install-Package Facebook PM> Install-Package Facebook 'Facebook 6.0.18' をインストールしています。 'Facebook 6.0.18' が正常にインストールされました。 'Facebook 6.0.18' を SampleApp に追加しています。 'Facebook 6.0.18' が SampleApp に正常に追加されました。
- 10. アプリ登録 アプリ毎に必ず必要、開発者登録は１度だけ (1) 開発者登録 最初に１回だけ 開発者ページから「Register Now」 携帯のメールアドレスが必要 (2)アプリ作成 必要の都度、いくつでも作成可能 「初めてのFacebookアプリの開発」 http://www.slideshare.net/furuya02/facebook-26186324
- 11.
- 12.
- 13.
- 14.
- 15.
- 16. OpenGraphについて 「ノード」「エッジ」と「フィード」で構成されている nodes (such asa User, a Photo, a Page, a Comment), edges (such as a Page's Photos, or a Photo's Comments), fields (such as the birthday of a User, or the name of a Page). Quickstart for Graph API https://developers.facebook.com/docs/graph-api/quickstart/
- 17. ノード(node) ソーシャルグラフ上の全てのノードは固有IDを持つ １ ノード（オブジェクト） ユーザ、ページ、イベント、グループ、アプリケーション、ステータス 、 メッセージ、写真、プロフィール画像、動画、ノートetc. ２ URLの一部で指定 http://graph.facebook.com/Microsoft 自分 Aさん 14日の 投稿 焼肉の 写真 Micro soft ~~への いいね
- 18. ノード(node) GETリクエストは、Get()メソッドで記述する http://graph.facebook.com/Microsoft (PHP) #result =$facebook->api('/Microsoft'); var result = client.Get(“Microsoft”); http://facebooksdk.net/docs/making-synchronous-requests/#0
- 19. ノード(node) 全てノードにはid(数値)とusername(名前)がある { "category": "Company", "username": "Microsoft", "website":"http://www.facebook.com/Microsoft", "id": "20528438720", "link": "http://www.facebook.com/Microsoft", "likes": 4002578, http://graph.facebook.com/Microsoft http://graph.facebook.com/20528438720 指定はusername若しくは idのどちらでもよい
- 20. エッジ(Edge) ノードとノードの関連 １ エッジ（コネクション） 友達、ニュースフィード、Like、パーミッション、写真タグ、 ビデオタグ、投稿、イベント、グループ、チェックイン etc. ２URLの一部で指定 http://graph.facebook.com/Microsoft/feed Micro soft 13日の 投稿 15日の 投稿 11日の 投稿
- 21. http://graph.facebook.com/Microsoft/feed (PHP) #result =$facebook->api('/Microsoft/feed'); エッジ(Edge) GETリクエストは、Get()メソッドで記述する var result = client.Get(“/Microsoft/feed”); http://facebooksdk.net/docs/making-synchronous-requests/#0
- 22.
- 23. http://graph.facebook.com/Microsoft?fields=id,name (PHP) #result =$facebook->api('/Microsoft','GET‘ ,array('fields' => 'name,id')); フィールド(field) パラメータは、Get()メソッドの第２パラメータで指定する var result = client.Get(“Microsoft”,new{ fields = "name,id" }); http://facebooksdk.net/docs/making-synchronous-requests/#0
- 24. (PHP) #result =$facebook->api('/Microsoft?fields=name,id'); パラメータの記述要領 パスの一部として書いてしまってもいい //第2パラメータに指定 var result = client.Get(“Microsoft” , new{ fields = ”name,id” }); //パスの一部として第1パラメータに指定 var result = client.Get(“Microsoft?fields=name,id“);
- 25.
- 26. アクセストークン FacebookClientにプロパティとしてAccessTokenがある namespace Facebook { // Providesaccess to the Facbook Platform. public class FacebookClient { public FacebookClient(); public FacebookClient(string accessToken); // Gets or sets the access token. public virtual string AccessToken { get; set; } // Gets or sets the app id. public virtual string AppId { get; set; } // Gets or sets the app secret. public virtual string AppSecret { get; set; } public virtual Func<object, string> SerializeJson { get; set; }
- 27. アクセストークン プロパティAccessTokenが自動的に付加される http://graph.facebook.com/～?access_token=CACACACA public class FacebookClient{ public virtual string AccessToken { get; set; }
- 28. 1 プロパティAccessToken 2 コンストラクタ 3実行時指定 アクセストークン C#SDKでの指定 var client = new FacebookClient(){ }; client.AccessToken = “CACACA"; new FacebookClient(“CACACA”){ }; client.Get("Microsoft/feed?access_token=CACACA"); client.Get("Microsoft/feed”,new{access_token=“CACACA“});
- 29. GrapgAPI GETメソッドのまとめ http://graph.facebook.com/Microsoft/feed?fields=name,id&access_tokrn=CACACA var client =new FacebookClient(accessToken); var result = client.Get(“Microsoft/feed” , new{ fields = ”name,id” }); ノード エッジ フィールド アクセストークン
- 30.
- 31. 検索 graph.facebook.com/search?q={your-query}&[type={object-type}] client.Get(“search” , new{q = ”ラーメン”,type=“post” }); https://developers.facebook.com/docs/graph-api/using-graph-api
- 32. バッチ処理 複数のGETリクエストを１回の接続で行う var result =client.Batch( new FacebookBatchParameter("me"), new FacebookBatchParameter("me/feed“) ); http://facebooksdk.net/docs/making-synchronous-requests/#4 ※最大５０リクエスト
- 33. FQL Facebookのクエリ言語 SQLと似たインターフェイスでGraph API上のデータにアクセス SELECT [fields]FROM [table] WHERE [conditions]
- 34.
- 35. FQL Get()メソッドで記述 http://graph.facebook.com/fql?q=QUERY (PHP) #result =$facebook->api(array( 'method' => 'fql.query', 'query' => QUERY )); var result = client.Get(“fql”,new{q=QUERY}); http://facebooksdk.net/docs/making-synchronous-requests/#3
- 36.
- 37.
- 38. FQLの例 サブクエリの記述可能 名前から情報取得する SELECT uid,name,sex,pic,username FROMuser WHERE username ="taro“ 友達の画像を取得する SELECT pic FROM user WHERE uid=‘xxxxxxxxxxxx‘ 「いいね」を押したURLを取得 SELECT url FROM object_url WHERE url <>“” AND id IN (SELECT object_id FROM like WHERE user_id=me()) SELETE に*は使えない WHEREは必須(1=1などはエラーとなる)
- 39. FQL 複数リクエスト (PHP) $results =$facebook->api(array( 'method' => 'fql.multiquery', 'queries' => array( 'query1' => 'SELECT …', 'query2' => 'SELECT ...', ), )); http://facebooksdk.net/docs/making-synchronous-requests/#3 var result = client.Get("fql", new{ q = new[]{ "SELECT uid from user where uid=me()", "SELECT name FROM user WHERE uid=me()" } });
- 40.
- 41. Webアプリから見たOAuthの実装 可能な限り簡略化してみた ① /www.facebook.com/dialog/oauth?redirect_url=“callBack” ② publicActionResult callBack(string code) ③/graph.facebook.com/oauth/access_token?code=xxx www.facebook.com
- 42. ①dialog/oauthへのリダイレクト C#SDKによる実装 var url =client.GetLoginUrl(new { client_id = “XXXX”, //必須 client_secret = “XXXXXXXXX”, redirect_uri = "http://localhost/Home/CallBack", //必須 //scope = “email” 追加のパーミッションが必要な場合 }); return Redirect(url.AbsoluteUri); "https://www.facebook.com/dialog/oauth? client_id=“XXX”& client_secret=“XXXXXX”& redirect_uri=“http://localhost/Home/Callback”
- 43. ②codeの受領 C#SDKによる実装 public ActionResult CallBack(stringcode,string error){ if(error!=null){ //キャンセルされた場合 View(“ERROR”); }; //codeを使用した処理 }
- 44. ③access_tokenの取得 C#SDKによる実装 var client =new FacebookClient(){}; dynamic result = client.Get("oauth/access_token", new{ client_id = “XXX”, //必須 client_secret = “XXXXXXX”,//必須 redirect_uri = "http://localhost/Home/CallBack", //必須 code = code //必須 }); var accessToken= result.access_token; ①oauth/dialogへのリクエストと 一致している必要がある http://graph.facebook.com/oauth/access_token?
- 45.
- 46.
- 47. いいねベスト１００ FQLでlikeテーブルから取得する ※エッジのlikeは、ファンページへの「いいね」 SELECT object_idFROM like WHERE user_id=me() Likeのテーブルには、「投稿者」が無いので、 とりあえず「object_id」を取得する object_idでメッセージのURLが作成できる https://www.facebook.com/object_id https://developers.facebook.com/docs/reference/fql/like/
- 48. いいねベスト１００ FQLでlikeテーブルからobject_idを取得する { "data": [ { "object_id": "6673XXX0002813" }, { "object_id":"7532XXX8023129" }, { "object_id": "2262XXX0897216" }, { "object_id": "7061XXX6107744" var result = client.Get(”fql”,new { q= “SELECT object_id FROM like WHERE user_id=me()”});
- 49. いいねベスト１００ object_idから、フィールド(投稿者)を取得する var result =client.Get(”object_id”); { "id": "75322XXXXX3129", "created_time": "2014-03-20T13:22:49+0000", "from": { "name": “YAMADA TARO”, "id": "100000XXXXXXXX" }, “message”:” ********” “link”: “https://www.facebook.com/photo.php? ******** ", "updated_time": "2014-03-20T13:22:49+0000", "comments": { } “likes”{ } 投稿者
- 50. いいねベスト１００ Batch処理 var list =new List<FacebookBatchParameter>(); foreach (var d in data){ list.Add(new FacebookBatchParameter(d.object_id)); } var result = client.Batch(list.GetRange((n*50),50).ToArray()); 当社比 １件ごとリクエストした場合 78秒/50件 Batchでリクエストした場合 2.3秒/50件 SQL処理にボトルネックが無いことは明白 ※1度に50件までしかBatchのパラメータに送れない
- 51.
- 52. ダダ漏れメッセージ検索 GraphAPIのsearchを使用する 投稿が検索対象なので type=post デフォルトでは、検索数が25件なので limit=100 var result =client.Get(”search?type=post&q={検索文字列}&limit=100"); { "data": [ { "id": "100000466595635_854462207912658", "from": { "name": "Masayuki Shake Matsushita", "id": "100000466595635" }, "story": "Masayuki Shake Matsushita shared Yuzo Fabio Iwata's event.", "link": "https://www.facebook.com/events/667356079989254/", "actions": [ { "name": "Like", "link": "https://www.facebook.com/100000466595635/posts/854462207912658" } ], "privacy": { "value": "" }, "type": "link", "application": { "name": "Links", "id": "2309869772" }, "created_time": "2014-03-21T01:07:24+0000",
- 53.
- 54. 先読み自分新聞 自分の投稿に対する「いいね」を列挙する ノード：me 自分 エッジ：post 投稿 フィールド：画像、メッセージ、 likesの中のidなど likesの列挙はデフォルトで25なので limitで多い目に指定している var q=“me/posts?fields=type,message,story,picture,link,created_time, likes.limit(500).fields(id)&limit=300"; var result = client.Get(q); { "data": [ { "type": "photo", "message": "「3/22のみ公開」用アプリ 第５段「いいね」から学ぶべき事¥n土曜日のセッションで "picture": "https://fbcdn-photos-g-a.akamaihd.net/hphotos-ak-ash3/t1.0-0/537110_6216632012 "link": "https://www.facebook.com/photo.php?fbid=621663201243765&set=a.200848559991900 "created_time": "2014-03-20T06:04:11+0000", "id": "100002002711624_621663487910403", "likes": { "data": [ { "id": "10000XXXXXXX426" }, { "id": "10000XXXXXXX951" }, { "id": "10000XXXXXXX367" }, { "id": "10000XXXXXXX377"
- 55.