﻿
{"id":1669,"date":"2013-05-19T22:48:10","date_gmt":"2013-05-19T22:48:10","guid":{"rendered":"http:\/\/www.gencayyildiz.com\/blog\/?p=1669"},"modified":"2013-05-21T21:12:04","modified_gmt":"2013-05-21T21:12:04","slug":"asp-net-mvc-4-0-facebook-nesnesi","status":"publish","type":"post","link":"https:\/\/www.gencayyildiz.com\/blog\/asp-net-mvc-4-0-facebook-nesnesi\/","title":{"rendered":"ASP.NET MVC 4.0 \u2013 FaceBook Nesnesi"},"content":{"rendered":"<div id=\"fb-root\"><\/div>\n<p>Web sitelerinde kullan\u0131c\u0131 bazl\u0131 kolayl\u0131k ve g\u00f6rsellik sa\u011flayan hem de biz yaz\u0131l\u0131mc\u0131lar i\u00e7in programatik esneklik ve bir o kadar da hit kazand\u0131ran FaceBook uygulamalar\u0131 vazge\u00e7ilmez bir tercih oldu.Asp.NET MVC mimarisiyle Microsoft Web Helper k\u00fct\u00fcphanesi sayesinde FaceBook uygulamalar\u0131n\u0131 en verimli \u015fekilde kullanabiliriz.Lakin bildi\u011finiz gibi Microsoft Web Helper k\u00fct\u00fcphanesi MVC Framework&#8217;\u00fcnde varsay\u0131lan olarak gelmemektedir.<a href=\"http:\/\/www.gencayyildiz.com\/blog\/asp-net-mvc-microsoft-web-helpers-paketi-yuklenmesi\/\" target=\"_blank\">Asp.NET MVC \u2013 Microsoft Web Helper Paketi Y\u00fcklenmesi<\/a> ba\u015fl\u0131kl\u0131 yaz\u0131mda da bahsetmi\u015f oldu\u011fum gibi Microsoft Web Helper k\u00fct\u00fcphanesini projenize entegre etmeniz gerekmektedir.<br \/>\n<!--more--><br \/>\n\u0130lk olarak LikeButton \u00f6zelli\u011fini irdeleyelim.<br \/>\n<span style=\"color: #ff0000;\"><strong>LikeButton<\/strong><\/span><br \/>\nVerilen Web adresini FaceBook \u00fczerinden be\u011fenmek i\u00e7in kullan\u0131l\u0131r.<br \/>\nPrototipi a\u015fa\u011f\u0131daki gibidir.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n        Facebook.LikeButton(string href,\r\n        string buttonLayout,\r\n        bool showFaces,\r\n        int width,\r\n        int height,\r\n        string action,\r\n        string font,\r\n        string colorScheme,\r\n        string refLabel);\r\n<\/pre>\n<p>Prototipte parametrelerin ne i\u015fe yarad\u0131klar\u0131ndan bahsedelim.<\/p>\n<p><em><strong><span style=\"line-height: 13px;\">buttonLayout<\/span><\/strong><\/em> = Be\u011fenme butonuyla ilgili \u00f6zellikleri belirler.\u00dc\u00e7 tip \u00f6zelli\u011fi vard\u0131r.<br \/>\n&#8220;<em>standard<\/em>&#8221; : Yaz\u0131 butonun sa\u011f\u0131nda ve be\u011fenen arkada\u015flar\u0131n profil foto\u011fraflar\u0131 ise butonun alt\u0131nda bulunur.Minimum geni\u015flik 225 piksel olmakla beraber, varsay\u0131lan geni\u015flik 450 pikseldir.Y\u00fckseklik de\u011feri ise foto\u011frafs\u0131z 35 piksel, foto\u011frafl\u0131 olarak 80 piksel de\u011ferlerindedir.<\/p>\n<p><a href=\"http:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/05\/LikeButton.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1671\" alt=\"LikeButton\" src=\"http:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/05\/LikeButton.png\" width=\"203\" height=\"72\" \/><\/a>&#8220;<em>button_count<\/em>&#8221; : Sadece toplam be\u011fenme say\u0131s\u0131 butonun sa\u011f\u0131nda bulunmaktad\u0131r.Geni\u015flik de\u011feri minumum ve varsay\u0131lan olmak \u00fczere 90 pikseldir.Y\u00fckseklik de\u011feri ise 20 pikseldir.<br \/>\n<a href=\"http:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/05\/LikeButton-button_count.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1672\" alt=\"LikeButton-button_count\" src=\"http:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/05\/LikeButton-button_count.png\" width=\"80\" height=\"32\" \/><\/a><br \/>\n&#8220;<em>box_count<\/em>&#8221; : Sadece toplam be\u011fenme say\u0131s\u0131 butonun \u00fcst\u00fcnde bulunmaktad\u0131r.Geni\u015flik de\u011feri minumum 55 piksel, varsay\u0131lan de\u011fer olarak 90 pikseldir.Y\u00fckseklik ise 65 pikseldir.<\/p>\n<p><a href=\"http:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/05\/LikeButton-box_count.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1673\" alt=\"LikeButton-box_count\" src=\"http:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/05\/LikeButton-box_count.png\" width=\"53\" height=\"66\" \/><\/a><\/p>\n<p><span style=\"line-height: 13px;\"><b><i>showFaces\u00a0<\/i><\/b><\/span>=Sizin ve be\u011fenen arkada\u015flar\u0131n\u0131z\u0131n profil foto\u011fraflar\u0131n\u0131n butonun alt\u0131nda g\u00f6r\u00fcnt\u00fclenip g\u00f6r\u00fcnt\u00fclenmemesini sa\u011flar.Tabi e\u011fer buttolLayout \u00f6zelli\u011fi &#8216;standard&#8217; olarak set edildiyse.<\/p>\n<p><span style=\"line-height: 13px;\"><b><i>action\u00a0<\/i><\/b><\/span>= Buton t\u0131kland\u0131\u011f\u0131 anda tetiklenecek olay\u0131 belirler.&#8217;<em>like<\/em>(be\u011fen)&#8217; veya &#8216;<em>recommend<\/em>(payla\u015f)&#8217; de\u011ferlerini al\u0131r.<\/p>\n<p><span style=\"line-height: 13px;\"><b><i>colorScheme\u00a0<\/i><\/b><\/span>= Butonun rengini belirler.&#8217;light&#8217; veya &#8216;dark&#8217; de\u011ferlerini alabilir.<\/p>\n<p>\u00d6rnek olarak http:\/\/www.gencayyildiz.com sitesine be\u011fen butonu olu\u015ftural\u0131m.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n@using Microsoft.Web.Helpers;\r\n@Facebook.LikeButton(&quot;http:\/\/www.gencayyildiz.com&quot;,&quot;box_count&quot;,colorScheme:&quot;dark&quot;);\r\n<\/pre>\n<p>Action paremetresini kullanarak payla\u015f butonu olu\u015ftural\u0131m.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n@using Microsoft.Web.Helpers;\r\n@Facebook.LikeButton(&quot;http:\/\/www.gencayyildiz.com&quot;,&quot;box_count&quot;,colorScheme:&quot;dark&quot;,action:&quot;recommend&quot;);\r\n<\/pre>\n<p><a href=\"http:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/05\/recommend.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1681\" alt=\"recommend\" src=\"http:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/05\/recommend.png\" width=\"96\" height=\"68\" \/><\/a><\/p>\n<p><span style=\"color: #ff0000;\"><strong>ActivityFeed<\/strong><\/span><br \/>\nVerilen web sitesinin, FaceBook \u00fczerindeki eklentilerini listeletir.Prototipi a\u015fa\u011f\u0131daki gibidir,<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nActivityFeed(\r\nstring site,\r\nint width,\r\nint height,\r\nbool showHeader,\r\nstring colorScheme,\r\nstring font,\r\nstring borderColor,\r\nbool showRecommendations);\r\n<\/pre>\n<p>\u015eimdi parametrelerin ne i\u015fe yarad\u0131\u011f\u0131ndan bahsedelim.<br \/>\n<em><strong><span style=\"line-height: 13px;\">showRecommendations<\/span><\/strong><\/em> = Etkinliklerde yap\u0131lan yorumlar\u0131n say\u0131s\u0131n\u0131 g\u00f6r\u00fcnt\u00fcler.<br \/>\n<em><strong><span style=\"line-height: 13px;\">borderColor<\/span><\/strong><\/em> = Etkinliklerin g\u00f6sterilece\u011fi tablonun kenar rengini belirlememize yarar.<\/p>\n<p>\u00d6rnek olarak \u00f6nceden \u00fczerinde \u00e7al\u0131\u015ft\u0131\u011f\u0131m www.e-kittap.com sitesinin etkinliklerini g\u00f6r\u00fcnt\u00fcletelim.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n@using Microsoft.Web.Helpers;\r\n@Facebook.ActivityFeed(&quot;http:\/\/www.e-kittap.com&quot;, borderColor: &quot;Red&quot;);\r\n<\/pre>\n<p>Ekran g\u00f6r\u00fcnt\u00fcs\u00fc a\u015fa\u011f\u0131daki gibi olacakt\u0131r.<br \/>\n<a href=\"http:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/05\/ActivityFeed.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1685\" alt=\"ActivityFeed\" src=\"http:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/05\/ActivityFeed.png\" width=\"303\" height=\"304\" srcset=\"https:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/05\/ActivityFeed.png 303w, https:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/05\/ActivityFeed-150x150.png 150w, https:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/05\/ActivityFeed-300x300.png 300w\" sizes=\"auto, (max-width: 303px) 100vw, 303px\" \/><\/a><\/p>\n<p><span style=\"color: #ff0000;\"><strong>Initialize<\/strong><\/span><br \/>\nBu metod Asp.NET MVC mimarisinde, FaceBook platformunda yorum ve kullan\u0131c\u0131 bilgilerine ula\u015fma gibi i\u015flemlerde ba\u011flant\u0131 de\u011ferleri olan appId ve appSecret de\u011ferlerini tutmaktad\u0131r.Bu y\u00fczden \u00e7ok \u00f6nemlidir.<\/p>\n<p><strong>appId<\/strong> ve <strong>appSecret<\/strong> de\u011ferleri nedir diye sorarsan\u0131z e\u011fer, geli\u015fmi\u015f FaceBook uygulamalar\u0131ndan yararlanmak istiyorsan\u0131z e\u011fer, FaceBook sistemine uygulama geli\u015ftiricisi olarak kay\u0131t olmam\u0131z gerekmektedir.\u0130\u015fte bu kay\u0131t neticesinde bizlere FaceBook taraf\u0131ndan verilen appId ve appSecret de\u011ferleri taraf\u0131ndan uygulamam\u0131z\u0131 FaceBook ile ba\u011fda\u015ft\u0131rabilir ve i\u015flemlerimizi ger\u00e7ekle\u015ftirebiliriz.<\/p>\n<p><span style=\"color: #000080;\">FaceBook platformunda uygulama geli\u015ftirici nas\u0131l olunur?<\/span><br \/>\nEvet as\u0131l yaz\u0131n\u0131n s\u0131k\u0131c\u0131 ve bir o kadar zahmetli yan\u0131 bu olsa gerek.Ancak hi\u00e7 teredd\u00fct etmeden sizlere uygulama geli\u015ftiricisi olman\u0131n yollar\u0131n\u0131n sat\u0131r sat\u0131r anlataca\u011f\u0131m.<\/p>\n<p>\u00d6ncelikle uygulama geli\u015ftiricisi olmak i\u00e7in <a href=\"https:\/\/developers.facebook.com\/setup\" target=\"_blank\">https:\/\/developers.facebook.com\/setup<\/a> adresine girip appID ve appSecret de\u011ferlerimizi almal\u0131y\u0131z.<\/p>\n<p>G\u00fcn\u00fcm\u00fczde her 10 ki\u015fiden 9 unun FaceBook profili var oldu\u011fundan sizlerinden profilinizin var oldu\u011funu varsay\u0131yorum.FaceBook profilinize kullan\u0131c\u0131 ad\u0131 ve \u015fifreniz ile giri\u015f yapt\u0131ktan sonra yukar\u0131daki ba\u011flant\u0131y\u0131 a\u00e7\u0131n\u0131z.Kar\u015f\u0131n\u0131za a\u015fa\u011f\u0131daki gibi bir sayfa gelecektir.<\/p>\n<p><a href=\"http:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/05\/Facebook1.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1686\" alt=\"Facebook1\" src=\"http:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/05\/Facebook1.png\" width=\"628\" height=\"242\" srcset=\"https:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/05\/Facebook1.png 628w, https:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/05\/Facebook1-300x115.png 300w\" sizes=\"auto, (max-width: 628px) 100vw, 628px\" \/><\/a><\/p>\n<p>Burada kar\u015f\u0131m\u0131za \u00e7\u0131kan pencerede ki, &#8220;Uygulama Ad\u0131&#8221; alan\u0131na, uygulamam\u0131za verece\u011fimiz isim ve &#8220;Uygulama Ad Alan\u0131&#8221; alan\u0131na da, uygulamam\u0131z\u0131n URL&#8217;deki ismini (<span style=\"font-size: x-small;\">www.facebook.com\/uygulamaAdi gibi<\/span>) veririz.Lakin buradaki bilgileri doldururken sadece &#8220;Uygulama Ad\u0131&#8221; yazan alan\u0131 doldurman\u0131z\u0131 di\u011ferini bo\u015f b\u0131rakman\u0131z\u0131 tavsiye ederim.<\/p>\n<p>Bu i\u015fleme &#8220;Devam&#8221; dedikten sonra kar\u015f\u0131m\u0131za a\u015fa\u011f\u0131daki gibi bir pencere gelecektir.<br \/>\n<a href=\"http:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/05\/Facebook2.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1687\" alt=\"Facebook2\" src=\"http:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/05\/Facebook2.png\" width=\"623\" height=\"299\" srcset=\"https:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/05\/Facebook2.png 623w, https:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/05\/Facebook2-300x143.png 300w\" sizes=\"auto, (max-width: 623px) 100vw, 623px\" \/><\/a>Burada ki g\u00fcvenli\u011fi do\u011fruluyoruz ve &#8220;Devam&#8221; diyoruz.<br \/>\nYapt\u0131\u011f\u0131m\u0131z bu i\u015flemler sonunda a\u015fa\u011f\u0131daki gibi bir sayfa a\u00e7\u0131l\u0131yor.<br \/>\n<a href=\"http:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/05\/Facebook3.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1688\" alt=\"Facebook3\" src=\"http:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/05\/Facebook3.png\" width=\"592\" height=\"228\" srcset=\"https:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/05\/Facebook3.png 592w, https:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/05\/Facebook3-300x115.png 300w\" sizes=\"auto, (max-width: 592px) 100vw, 592px\" \/><\/a>Bu sayfada sol taraftan olu\u015fturdu\u011fumuz uygulamay\u0131 se\u00e7iyoruz ve yukar\u0131daki g\u00f6r\u00fcnt\u00fcde g\u00f6rd\u00fc\u011f\u00fcn\u00fcz gibi &#8220;Ayarlar\u0131 D\u00fczenle&#8221; isimli linke t\u0131kl\u0131yoruz.<\/p>\n<p><a href=\"http:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/05\/Facebook4.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1689\" alt=\"Facebook4\" src=\"http:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/05\/Facebook4.png\" width=\"439\" height=\"76\" srcset=\"https:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/05\/Facebook4.png 439w, https:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/05\/Facebook4-300x51.png 300w\" sizes=\"auto, (max-width: 439px) 100vw, 439px\" \/><\/a>A\u00e7\u0131lan sayfada g\u00f6rd\u00fc\u011f\u00fcn\u00fcz gibi uygulamam\u0131z\u0131n App ID ve App Secret de\u011ferlerin ula\u015fm\u0131\u015f bulunmaktay\u0131z.<\/p>\n<p>\u015eimdi bu Initialize metodunu kullanabilece\u011fimiz alanlardan bahsedelim.<\/p>\n<p><span style=\"color: #ff0000;\"><strong>Comments<\/strong><\/span><br \/>\nSitemizde yay\u0131nlanan bir yaz\u0131 ya da ba\u015fka bir \u015fey i\u00e7in FaceBook \u00fczerinden yorum yap\u0131lmas\u0131n\u0131 sa\u011flar.<\/p>\n<p>\u00d6rnek olarak a\u015fa\u011f\u0131daki kod blo\u011funu inceleyiniz.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n@using Microsoft.Web.Helpers;\r\n@{\r\n    Facebook.Initialize(&quot;126301***&quot;, &quot;564254a25d***&quot;);\r\n}\r\n@Facebook.GetInitializationScripts();\r\n@Facebook.Comments();\r\n<\/pre>\n<p>G\u00f6rd\u00fc\u011f\u00fcn\u00fcz gibi Initialize metodunu bu \u015fekilde burada kullanm\u0131\u015f olduk.GetInitializationScripts metodu ise FaceBook uygulamalar\u0131nda JavaScript kodlar\u0131n\u0131 \u00e7al\u0131\u015ft\u0131rmam\u0131za yarar.<br \/>\nEkran g\u00f6r\u00fcnt\u00fcs\u00fc a\u015fa\u011f\u0131daki gibi olacakt\u0131r.<br \/>\n<a href=\"http:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/05\/Facebook5.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-1690\" alt=\"Facebook5\" src=\"http:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/05\/Facebook5.png\" width=\"555\" height=\"125\" srcset=\"https:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/05\/Facebook5.png 555w, https:\/\/www.gencayyildiz.com\/blog\/wp-content\/uploads\/2013\/05\/Facebook5-300x67.png 300w\" sizes=\"auto, (max-width: 555px) 100vw, 555px\" \/><\/a><\/p>\n<p><span style=\"color: #ff0000;\"><strong>LoginButtonTagOnly<\/strong><\/span><br \/>\nWeb siteniz \u00fczerinden FaceBook hesab\u0131n\u0131za girmenize yarayan metoddur.<br \/>\nPrototipi a\u015fa\u011f\u0131daki gibidir.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nLoginButtonTagOnly(\r\nstring buttonText,\r\nbool autoLogoutLink,\r\nstring size,\r\nstring length,\r\nstring onLogin,\r\nbool showFaces,\r\nstring extendedPermissions\r\n);\r\n<\/pre>\n<p>Parametreleri inceleyelim.<br \/>\n<span style=\"line-height: 13px;\"><b><i>autoLogoutLink <\/i><\/b><\/span>= Profil hesab\u0131na giri\u015f i\u015flemi yap\u0131ld\u0131ktan sonra &#8220;Logout&#8221; butonunun g\u00f6sterilip g\u00f6sterilmeyece\u011fini belirler.<br \/>\n<span style=\"line-height: 13px;\"><b><i>showFaces <\/i><\/b><\/span>= FaceBook hesab\u0131na girenin ve o ki\u015finin arkada\u015flar\u0131n\u0131n profilinin g\u00f6sterilmesine yarar.<br \/>\n<span style=\"line-height: 13px;\"><b><i>onLogin <\/i><\/b><\/span>= Profil hesab\u0131na giri\u015f yap\u0131ld\u0131ktan sonra yap\u0131lacak i\u015flem belirlenir.\u00d6rnek olarak, giri\u015f yap\u0131ld\u0131ktan sonra sitenizin FaceBook fan sayfas\u0131na y\u00f6nlendirme yapabilirsiniz.<br \/>\n<span style=\"line-height: 13px;\"><b><i>extendedPermissions <\/i><\/b><\/span>= FaceBook&#8217;ta ki arkada\u015flar\u0131m\u0131z\u0131n ve di\u011fer kullan\u0131c\u0131lar\u0131n, FaceBook profilimizde hangi bilgilere eri\u015febilece\u011fini belirleriz.<span style=\"color: #99cc00;\">Read Permissions<\/span>, <span style=\"color: #99cc00;\">Write Permissions<\/span> ve <span style=\"color: #99cc00;\">Page Permissions<\/span> olmak \u00fczere \u00fc\u00e7 tip eri\u015fim izni mevcuttur.Bunlar s\u0131ras\u0131yla a\u015fa\u011f\u0131daki tablolarda verilmi\u015ftir.<\/p>\n<table style=\"width: 100%;\" border=\"1\">\n<tbody>\n<tr>\n<td style=\"text-align: center;\" colspan=\"3\"><span style=\"color: #ff0000;\"><strong>Read Permissions<\/strong><\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\"><strong>User Permission<\/strong><\/td>\n<td style=\"text-align: center;\"><strong>Friends Permission<\/strong><\/td>\n<td style=\"text-align: center;\"><strong>A\u00e7\u0131klama<\/strong><\/td>\n<\/tr>\n<tr>\n<td>\u00a0user_about_me<\/td>\n<td>\u00a0friends_about_me<\/td>\n<td>\u00a0Profildeki &#8220;Bilgiler&#8221; alan\u0131na eri\u015fim sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td>\u00a0user_activities<\/td>\n<td>\u00a0friends_activities<\/td>\n<td>\u00a0Profildeki &#8220;Yak\u0131nlardaki Hareketler&#8221; alan\u0131na eri\u015fim sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td>\u00a0user_birthday<\/td>\n<td>\u00a0friends_birthday<\/td>\n<td>\u00a0Profildeki do\u011fum tarihine eri\u015fim sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td>\u00a0user_checkins<\/td>\n<td>\u00a0friends_checkins<\/td>\n<td>\u00a0Yetkili kullan\u0131c\u0131n\u0131n ya da arkada\u015flar\u0131m\u0131z\u0131n belirledi\u011fi ki\u015filere eri\u015fim sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td>\u00a0user_education_history<\/td>\n<td>\u00a0friends_education_history<\/td>\n<td>\u00a0Profildeki e\u011fitim durumuna eri\u015fim sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td>\u00a0user_events<\/td>\n<td>\u00a0friends_events<\/td>\n<td>\u00a0Profildeki &#8220;Etkinlikler&#8221; b\u00f6l\u00fcm\u00fcne eri\u015fim sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td>\u00a0user_groups<\/td>\n<td>\u00a0friends_groups<\/td>\n<td>\u00a0Profildeki gruplar\u0131n listesine eri\u015fim sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td>\u00a0user_hometown<\/td>\n<td>\u00a0friends_hometown<\/td>\n<td>\u00a0Profildeki memlekete eri\u015fim sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td>\u00a0user_interests<\/td>\n<td>\u00a0friends_interests<\/td>\n<td>\u00a0Profildeki &#8220;\u0130lgilendikleri&#8221; alan\u0131na eri\u015fim sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td>\u00a0user_likes<\/td>\n<td>\u00a0friends_likes<\/td>\n<td>\u00a0Be\u011fenilen sayfa, etkinlik vs. listesine eri\u015fim sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td>\u00a0user_location<\/td>\n<td>\u00a0friends_location<\/td>\n<td>\u00a0Ge\u00e7erli konum bilgisine eri\u015fim sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td>\u00a0user_notes<\/td>\n<td>\u00a0friends_notes<\/td>\n<td>\u00a0Profildeki &#8220;Notlar&#8221; alan\u0131na eri\u015fim sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td>\u00a0user_online_presence<\/td>\n<td>\u00a0friends_online_presence<\/td>\n<td>\u00a0Kullan\u0131c\u0131n\u0131n online &#8211; offline durum bilgisine eri\u015fim sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td>\u00a0user_photo_video_tags<\/td>\n<td>\u00a0friends_photo_video_tags<\/td>\n<td>\u00a0Kullan\u0131c\u0131 taraf\u0131ndan etiketlenmi\u015f olan foto\u011fraf ve video bilgilerine eri\u015fim sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td>\u00a0user_photos<\/td>\n<td>\u00a0friends_photos<\/td>\n<td>\u00a0Kullan\u0131c\u0131 taraf\u0131ndan y\u00fcklenmi\u015f olan foto\u011fraflara eri\u015fim sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td>\u00a0user_relationships<\/td>\n<td>\u00a0friends_relationships<\/td>\n<td>\u00a0Profildeki &#8220;\u0130li\u015fki Durumu&#8221; alan\u0131na eri\u015fim sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td>\u00a0user_relationships_details<\/td>\n<td>\u00a0friends_relationships_details<\/td>\n<td>\u00a0Profildeki &#8220;\u0130li\u015fki Durumu&#8221; alan\u0131n\u0131n detaylar\u0131na eri\u015fim sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td>\u00a0user_religion_politics<\/td>\n<td>\u00a0friends_religion_politics<\/td>\n<td>\u00a0Profildeki &#8220;Siyasi G\u00f6r\u00fc\u015f&#8221; alan\u0131na eri\u015fim sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td>\u00a0user_status<\/td>\n<td>\u00a0friends_status<\/td>\n<td>\u00a0Kullan\u0131c\u0131n\u0131n durumu ile ilgili son mesaja eri\u015fim sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td>\u00a0user_videos<\/td>\n<td>\u00a0friends_videos<\/td>\n<td>\u00a0Kullan\u0131c\u0131 taraf\u0131ndan y\u00fcklenmi\u015f olan videolara eri\u015fim sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td>\u00a0user_website<\/td>\n<td>\u00a0friends_website<\/td>\n<td>\u00a0Profildeki web adresine eri\u015fim sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td>\u00a0user_work_history<\/td>\n<td>\u00a0friends_work_history<\/td>\n<td>\u00a0Kullan\u0131c\u0131n\u0131n \u00e7al\u0131\u015fma ge\u00e7mi\u015fine eri\u015fim sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td>\u00a0user_email<\/td>\n<td>\u00a0Ula\u015f\u0131lamaz<\/td>\n<td>\u00a0Kullan\u0131c\u0131n\u0131n E-Posta adresine eri\u015fim sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td>\u00a0user_friendlist<\/td>\n<td>\u00a0Ula\u015f\u0131lamaz<\/td>\n<td>\u00a0Kullan\u0131c\u0131n\u0131n arkada\u015f listesine eri\u015fim sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td>\u00a0user_insights<\/td>\n<td>\u00a0Ula\u015f\u0131lamaz<\/td>\n<td>\u00a0FaceBook istatistik servisinin sa\u011flad\u0131\u011f\u0131 verilere eri\u015fim sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td>\u00a0user_mailbox<\/td>\n<td>\u00a0Ula\u015f\u0131lamaz<\/td>\n<td>\u00a0FaceBook gelen mail kutusuna eri\u015fim sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td>\u00a0user_requests<\/td>\n<td>\u00a0Ula\u015f\u0131lamaz<\/td>\n<td>\u00a0Kullan\u0131c\u0131n\u0131n arkada\u015fl\u0131k isteklerine eri\u015fim sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td>\u00a0user_stream<\/td>\n<td>\u00a0Ula\u015f\u0131lamaz<\/td>\n<td>\u00a0FaceBook haber kayna\u011f\u0131 i\u00e7erisindeki verilere eri\u015fim sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td>\u00a0user_login<\/td>\n<td>\u00a0Ula\u015f\u0131lamaz<\/td>\n<td>\u00a0Kullan\u0131c\u0131n FaceBook chat uygulamas\u0131 i\u00e7in oturum a\u00e7abilmesini sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td>\u00a0user_management<\/td>\n<td>\u00a0Ula\u015f\u0131lamaz<\/td>\n<td>\u00a0FaceBook reklamlar\u0131 ile ilgili api&#8217;leri y\u00f6netebilmeyi sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\" colspan=\"3\"><span style=\"color: #ff0000;\"><strong>Write Permissions<\/strong><\/span><\/td>\n<\/tr>\n<tr align=\"center\">\n<td colspan=\"2\"><strong>Permission<\/strong><\/td>\n<td><strong>A\u00e7\u0131klama<\/strong><\/td>\n<\/tr>\n<tr>\n<td colspan=\"2\">\u00a0publish_stream<\/td>\n<td>\u00a0Uygulaman\u0131zda arkada\u015flar\u0131n\u0131z\u0131n g\u00f6nderdi\u011fi yorumlara, be\u011fendikleri ya da payla\u015ft\u0131klar\u0131 i\u00e7eriklere eri\u015fim sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td colspan=\"2\">\u00a0create_event<\/td>\n<td>\u00a0Uygulaman\u0131z\u0131n kullan\u0131c\u0131lar ad\u0131na etkinlikler olu\u015fturmas\u0131n\u0131 ve etkinlikler \u00fczerinden d\u00fczenleme yapmas\u0131n\u0131 sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td colspan=\"2\">\u00a0rsvp_event<\/td>\n<td>\u00a0Uygulaman\u0131z\u0131n kullan\u0131c\u0131lar ad\u0131na etkinlikler i\u00e7in kat\u0131l\u0131m durumu ba\u011flant\u0131s\u0131 ekleyebilmesini sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td colspan=\"2\">\u00a0sms<\/td>\n<td>\u00a0Uygulaman\u0131z\u0131n kullan\u0131c\u0131ya sms mesajlar\u0131 g\u00f6nderebilmesini ve kullan\u0131c\u0131dan gelen mesajlar\u0131 yan\u0131tlayabilmesini sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td colspan=\"2\">\u00a0offline_access<\/td>\n<td>\u00a0Uygulaman\u0131z\u0131n kullan\u0131c\u0131 ad\u0131na herhangi bir zamanda, yetki verilen istekleri ger\u00e7ekle\u015ftirmesine olanak sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td colspan=\"2\">\u00a0publish_checkins<\/td>\n<td>\u00a0Uygulaman\u0131z\u0131n kullan\u0131c\u0131 ad\u0131na, eri\u015fim sa\u011flanabilecek ki\u015fileri belirlemesini sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td colspan=\"2\">\u00a0manage_friendlists<\/td>\n<td>\u00a0Uygulaman\u0131z\u0131n kullan\u0131c\u0131n\u0131n arkada\u015f listelerini olu\u015fturabilmesini ve bu listeler \u00fczerinde d\u00fczenlemeler yapabilmesini sa\u011flar.<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\" colspan=\"3\"><span style=\"color: #ff0000;\"><strong>Page Permissions<\/strong><\/span><\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\" colspan=\"2\"><strong>Permissions<\/strong><\/td>\n<td style=\"text-align: center;\"><strong>A\u00e7\u0131klama<\/strong><\/td>\n<\/tr>\n<tr>\n<td colspan=\"2\">\u00a0manage_pages<\/td>\n<td>\u00a0Uygulaman\u0131z\u0131n sayfalar \u00fczerinde y\u00f6netici seviyesinde i\u015flem yapabilmesi i\u00e7in &#8216;<em>access_tokens<\/em>&#8216; almas\u0131n\u0131 sa\u011flar.Bu izin &#8216;<em>Graph API<\/em>&#8216; ile uyumludur.<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: center;\" colspan=\"3\"><span style=\"font-size: x-small;\"><em>Bu tabloyu bize &#8220;Asp.NET MVC 4&#8221; isimli kitab\u0131nda sunduklar\u0131 i\u00e7in Volkan Akta\u015f ve Tahsin Sevin\u00e7&#8217;e kendim ve okuyucular\u0131m ad\u0131na te\u015fekk\u00fcrlerimizi sunar\u0131m.<\/em><\/span><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>\u015eimdi \u00f6rnek olarak LoginButtonTagOnly metodunu kullanarak kendi web projemiz \u00fczerinden FaceBook hesab\u0131m\u0131za giri\u015f yap\u0131l\u0131\u015f\u0131n\u0131 g\u00f6relim.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n@using Microsoft.Web.Helpers;\r\n@{\r\n    string URL = HttpContext.Current.Request.Url.GetLeftPart(UriPartial.Authority);\r\n    \/\/Bulunulan sayfan\u0131n URL bilgisi.\r\n\r\n    Facebook.AppId = &quot;126301***&quot;;\r\n    Facebook.AppSecret = &quot;564254a***&quot;;\r\n}\r\n\r\n@Facebook.GetInitializationScripts();\r\n@Facebook.LoginButtonTagOnly(&quot;FaceBook'a Giri\u015f Yap&quot;, true, &quot;long&quot;, &quot;shor&quot;, &quot;loginRedirect('&quot; + @URL + &quot;')&quot;, true, &quot;email&quot;);\r\n<\/pre>\n<p><span style=\"color: #ff0000;\"><strong>LiveStream<\/strong><\/span><br \/>\nBu metod sayesinde sitemizi ziyaret eden kullan\u0131c\u0131lar\u0131n yorum g\u00f6nderebilmelerini ve etkinlikleri payla\u015fabilmelerini sa\u011flayabiliriz.<br \/>\nPrototipi a\u015fa\u011f\u0131daki gibidir,<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\nLiveStream(\r\nint width,\r\nint height,\r\nstring xid,\r\nstring viaUrl,\r\nbool alwaysPostToFriends\r\n);\r\n<\/pre>\n<p>Baz\u0131 parametrelerin bahsedersek e\u011fer,<br \/>\n<b><i>xid<\/i><\/b> = Bir sayfada birden fazla LiveStream metodu \u00e7al\u0131\u015f\u0131yorsa e\u011fer, her biri birbirinden benzersiz xid de\u011feri al\u0131r.<br \/>\n<b><i>viaUrl<\/i><\/b> = Uygulaman\u0131n \u00fczerine t\u0131kland\u0131\u011f\u0131nda y\u00f6nlendirilecek olan ba\u011flant\u0131 belirtilir.E\u011fer belirtilmezse varsay\u0131lan olarak o andaki URL adresi kullan\u0131l\u0131r.<br \/>\n<b><i>alwaysPostToFriends<\/i><\/b> = Kullan\u0131c\u0131lar\u0131n yazd\u0131klar\u0131 mesajlar\u0131n\u0131n kendi profillerinde g\u00f6r\u00fcnt\u00fclenmesini sa\u011flar.<\/p>\n<pre class=\"brush: jscript; title: ; notranslate\" title=\"\">\r\n@using Microsoft.Web.Helpers;\r\n@{\r\n    Facebook.Initialize(&quot;126301597569314&quot;, &quot;564254a25dc9425aa7893100e2d3d886&quot;);\r\n}\r\n\r\n@Facebook.GetInitializationScripts();\r\n@Facebook.LiveStream();\r\n<\/pre>\n<p>Biliyorum, yaz\u0131 hem \u00e7ok uzun hem de \u00e7ok sert bir i\u00e7erikten olu\u015fmaktad\u0131r.Ama par\u00e7a par\u00e7a bu konu hakk\u0131nda detaya girmektense hepsini bu \u015fekilde derleyip okuyucular\u0131ma sunmay\u0131 tercih ettim.<\/p>\n<p>Umar\u0131m bir\u015feyler aktarabilmi\u015fimdir.<br \/>\nFaydalanman\u0131z dile\u011fiyle..<br \/>\n\u0130yi \u00e7al\u0131\u015fmalar..<\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>Web sitelerinde kullan\u0131c\u0131 bazl\u0131 kolayl\u0131k ve g\u00f6rsellik sa\u011flayan hem de biz yaz\u0131l\u0131mc\u0131lar i\u00e7in programatik esneklik ve bir o kadar da hit kazand\u0131ran FaceBook uygulamalar\u0131 vazge\u00e7ilmez bir tercih oldu.Asp.NET MVC mimarisiyle Microsoft Web Helper k\u00fct\u00fcphanesi&#46;&#46;&#46;<!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11,345],"tags":[427,429,428,426,431,430],"class_list":["post-1669","post","type-post","status-publish","format-standard","hentry","category-asp-net-mvc","category-mvc-4-0","tag-activityfeed","tag-comments","tag-initialize","tag-likebutton","tag-livestream","tag-loginbuttontagonly"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/1669","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/comments?post=1669"}],"version-history":[{"count":0,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/posts\/1669\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/media?parent=1669"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/categories?post=1669"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gencayyildiz.com\/blog\/wp-json\/wp\/v2\/tags?post=1669"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}