{"id":1248,"date":"2014-05-22T08:35:16","date_gmt":"2014-05-22T08:35:16","guid":{"rendered":"http:\/\/blog.jaringanhosting.com\/?p=1248"},"modified":"2014-05-22T09:20:15","modified_gmt":"2014-05-22T09:20:15","slug":"asp-net-4-5-1-hosting-indonesia-cara-mengintegrasikan-apikasi-asp-net-di-facebook","status":"publish","type":"post","link":"https:\/\/blog.jaringanhosting.com\/index.php\/asp-net-4-5-1-hosting-indonesia-cara-mengintegrasikan-apikasi-asp-net-di-facebook\/","title":{"rendered":"ASP.NET 4.5.1 Hosting Indonesia :: Cara Mengintegrasikan Apikasi ASP.NET di Facebook"},"content":{"rendered":"<p>Dalam artikel ini saya akan menjelaskan bagaimana cara untuk mengintegrasikan aplikasi <a href=\"http:\/\/jaringanhosting.com\/Indonesia-ASP-NET-451-Hosting\" title=\"ASP.NET 4.5.1 Hosting Indonesia JaringanHosting.com\">ASP.NET<\/a> di Facebook.<br \/>\nFacebook telah menyediakan fungsi yang memperpanjang Facebook Platform untuk setiap situs web yang ingin mengintegrasikan API Facebook untuk otentikasi pengguna.<\/p>\n<p><a href=\"http:\/\/jaringanhosting.com\/Indonesia-ASP-NET-451-Hosting\"><img loading=\"lazy\" src=\"http:\/\/i74.photobucket.com\/albums\/i276\/Merry_Sung\/banner-jarhost-2_zps2ea5225d.png\" width=\"305\" height=\"250\" class=\"aligncenter size-full wp-image-1173\" \/><\/a><\/p>\n<p>Di sini saya akan menunjukkan kepada Anda bagaimana untuk mengintegrasikan aplikasi ASP.NET di Facebook. Silakan ikuti langkah-langkah di bawah ini.<\/p>\n<p><strong>Siapkan aplikasi Facebook<\/strong><\/p>\n<ul>\n<li>Untuk membuat facebook app klik pada bagian Developer;<\/li>\n<li>Klik tombol Set up New App;<\/li>\n<li>Menyetujui aturan Facebook dan klik Create App;<\/li>\n<li>Masukan Security Check keywords;<\/li>\n<li>Klik Submit;<\/li>\n<li>Isi informasi dasar tentang aplikasi.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/s74.photobucket.com\/user\/Merry_Sung\/media\/facebook1_zpsafb77d41.png.html\" target=\"_blank\"><img src=\"http:\/\/i74.photobucket.com\/albums\/i276\/Merry_Sung\/facebook1_zpsafb77d41.png\" border=\"0\" alt=\" photo facebook1_zpsafb77d41.png\" \/><\/a><\/p>\n<ul>\n<li>Klik pada tab Facebook Integration;<\/li>\n<li>Masukan Nama halaman kanvas;<\/li>\n<li>Sebelum menempatkan URL dari halaman web dari situs Anda, saya ingin menunjukkan bagaimana halaman Anda bisa mendapatkan panggilan balik dari app facebook. Jadi pertama-tama kita membuat halaman web:<\/li>\n<li>Membuat website ASP.NET dengan Visual studio.<\/li>\n<li>Tambahkan referensi Facebook.dll dari \u201cC:\\Program Files\\Coding4Fun\\Facebook\\Binaries\u201d. Dll ini akan ditempatkan setelah menginstal kit Facebook Developer pada mesin Anda.<\/li>\n<li>Buat instance dari objek FacebookService. Anda dapat menyalin facebook app API key dan secret key dari halaman aplikasi di facebook dalam source code.<\/li>\n<\/ul>\n<p><a href=\"http:\/\/s74.photobucket.com\/user\/Merry_Sung\/media\/facebook2_zpsf219fa9c.png.html\" target=\"_blank\"><img src=\"http:\/\/i74.photobucket.com\/albums\/i276\/Merry_Sung\/facebook2_zpsf219fa9c.png\" border=\"0\" alt=\" photo facebook2_zpsf219fa9c.png\" \/><\/a><\/p>\n<p>Masukan nilai-nilai di atas dalam FACEBOOK_API_KEY dan konstanta FACEBOOK_SECRET masing-masing.<br \/>\nAnda bisa mendapatkan user_id facebook yang diminta oleh aplikasi ini dengan memanggil<br \/>\n<code>string userId = Session[\"Facebook_userId\"] as String;<\/code><\/p>\n<p>Anda juga bisa mendapatkan banyak informasi tentang pengguna seperti nama, jenis kelamin, lokasi, teman-teman dll.<br \/>\n<code>User usr=_fbService.GetUserInfo();<\/code><\/p>\n<p><a href=\"http:\/\/s74.photobucket.com\/user\/Merry_Sung\/media\/facebook3_zpsf2cae0a0.png.html\" target=\"_blank\"><img src=\"http:\/\/i74.photobucket.com\/albums\/i276\/Merry_Sung\/facebook3_zpsf2cae0a0.png\" border=\"0\" alt=\" photo facebook3_zpsf2cae0a0.png\" \/><\/a><\/p>\n<p><strong>Source Code:<\/strong><\/p>\n<p><code>using System;<br \/>\nusing Facebook;<br \/>\npublic partial class Facebook_ConnectFacebook : System.Web.UI.Page<br \/>\n{<br \/>\n    Facebook.Components.FacebookService _fbService = new Facebook.Components.FacebookService();<br \/>\n    private const string FACEBOOK_API_KEY = \"191856207506775\";<br \/>\n    private const string FACEBOOK_SECRET = \"820c0b05b14a09365e072c8d37a8c49f\";<\/p>\n<p>    protected void Page_Load(object sender, EventArgs e)<br \/>\n    {<br \/>\n        _fbService.ApplicationKey = FACEBOOK_API_KEY; _fbService.Secret = FACEBOOK_SECRET;<br \/>\n        _fbService.IsDesktopApplication = false;<br \/>\n        string sessionKey = Session[\"Facebook_session_key\"] as String;<br \/>\n        string userId = Session[\"Facebook_userId\"] as String;<\/p>\n<p>    \/\/ When the user uses the Facebook login page, the redirect back here<br \/>\n    \/\/ will will have the auth_token in the query params <\/p>\n<p>    string authToken = Request.QueryString[\"auth_token\"];<\/p>\n<p>    \/\/ We have already established a session on behalf of this user<br \/>\n        if (!String.IsNullOrEmpty(sessionKey))<br \/>\n        {<br \/>\n            _fbService.SessionKey = sessionKey; _fbService.UserId = userId;<br \/>\n        }<br \/>\n        \/\/ This will be executed when Facebook login redirects to our page<br \/>\n        else if (!String.IsNullOrEmpty(authToken))<br \/>\n        {<br \/>\n            _fbService.CreateSession(authToken);<br \/>\n            Session[\"Facebook_session_key\"] = _fbService.SessionKey;<br \/>\n            Session[\"Facebook_userId\"] = _fbService.UserId;<br \/>\n            Session[\"Facebook_session_expires\"] = _fbService.SessionExpires;<br \/>\n        }<br \/>\n        \/\/ Need to login<br \/>\n        else<br \/>\n        {<br \/>\n            Response.Redirect(@\"http:\/\/www.Facebook.com\/login.php?api_key=\" + _fbService.ApplicationKey + @\"&amp;v=1.0\\\");<br \/>\n        }<\/p>\n<p>        User usr = _fbService.GetUserInfo();<br \/>\n        string t = string.Format(\"User Name:{0}, Sex:{1}, Location: {2}\", usr.Name, usr.Sex, usr.CurrentLocation.City);<br \/>\n        Response.Write(t);<br \/>\n    }<br \/>\n}<\/code><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Dalam artikel ini saya akan menjelaskan bagaimana cara untuk mengintegrasikan aplikasi ASP.NET di Facebook. Facebook telah menyediakan fungsi yang memperpanjang Facebook Platform untuk setiap situs web yang ingin mengintegrasikan API Facebook untuk otentikasi pengguna. Di sini saya akan menunjukkan kepada<\/p>\n","protected":false},"author":2505,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[],"tags":[],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/posts\/1248"}],"collection":[{"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/users\/2505"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/comments?post=1248"}],"version-history":[{"count":0,"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/posts\/1248\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/media?parent=1248"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/categories?post=1248"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jaringanhosting.com\/index.php\/wp-json\/wp\/v2\/tags?post=1248"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}