ASP.NET MVC पाठ बी। जसन

पाठ का उद्देश्य। Json प्रारूप के साथ काम करना सीखें। Json के साथ काम करने के लिए उपकरण। फेसबुक और vkontakte से डेटा प्राप्त करके तृतीय-पक्ष अनुरोध, प्राधिकरण लिखना। Ajax json के साथ काम करना (प्राधिकरण को फिर से लिखना)। साइट एपीआई।

Json और Json.net

Json एक जावास्क्रिप्ट-आधारित पाठ डेटा प्रारूप है।
Json में नमूना डेटा:

{ "firstName": "", "lastName": "", "address": { "streetAddress": " ., 101, .101", "city": "", "postalCode": 101101 }, "phoneNumbers": [ "812 123-1234", "916 123-4567" ] } 

अपने अभ्यास में, मैंने yandex.maps api, facebook api, vk api, bronni api (यह एक ऐसा यात्रा पोर्टल है) जैसे अनुप्रयोगों के साथ जसन के साथ काम किया, और एक बिटकॉइन वॉलेट के साथ काम करते समय भी। ऐसा करने के लिए, JSON.net लाइब्रेरी का उपयोग http://james.newtonking.com/pages/json-net.aspx से करें ।
आइए इसका अधिक विस्तार से अध्ययन करें:

• स्थापित करेगा
• हम json से ऑब्जेक्ट्स और बैक पर रूपांतरणों का अध्ययन करेंगे
• जटिल प्रारूपों से विचलन
• फेसबुक एपीआई (उदाहरण) - प्राधिकरण के साथ काम करें

Ustranovim

 PM> Get-Package Json.net Id Version Description/Release Notes -- ------- ------------------------- Newtonsoft.Json 4.5.1 Json.NET is a popular high-performance... PM> Install-Package Newtonsoft.Json Successfully installed 'Newtonsoft.Json 4.5.11'. Successfully added 'Newtonsoft.Json 4.5.11' to LessonProject. 

प्रलेखन
यह लिंक प्रलेखन है। हम केवल ऑब्जेक्ट को json फॉर्मेट और इसके विपरीत में परिवर्तित करके शुरू करेंगे। LessonProject.Console बनाएं और इसे डिफ़ॉल्ट प्रोजेक्ट बनाएं। उपयोगकर्ता प्रकार जोड़ें:

 public class User { public string Id { get; set; } public string Name { get; set; } public string FirstName { get; set; } public string MiddleName { get; set; } public string LastName { get; set; } public string UserName { get; set; } public string Gender { get; set; } public string Email { get; set; } } 

एक ऑब्जेक्ट बनाएं और json में कनवर्ट करें:

 var user = new User() { Id = "404", Email = "chernikov@gmail.com", UserName = "rollinx", Name = "Andrey", FirstName = "Andrey", MiddleName = "Alexandrovich", LastName = "Chernikov", Gender = "M" }; var jsonUser = JsonConvert.SerializeObject(user); System.Console.Write(jsonUser); System.Console.ReadLine(); 

परिणाम:

 {"Id":"404","Name":"Andrey","FirstName":"Andrey","MiddleName":"Alexandrovich","LastName":"Chernikov","UserName":"rollinx","Gender":"M","Email":"chernikov@gmail.com"} 

आइए इसके विपरीत प्रयास करें:

  var jsonUserSource = "{\"Id\":\"405\",\"Name\":\"Andrey\",\"FirstName\":\"Andrey\",\"MiddleName\":\"Alexandrovich\",\"LastName\":\"Chernikov\",\"UserName\":\"rollinx\",\"Gender\":\"M\",\"Email\":\"chernikov@gmail.com\"}"; var user2 = JsonConvert.DeserializeObject<User>(jsonUserSource); 

और हमें इसका परिणाम मिलता है:



यानी दोनों दिशाओं में काम करता है। लेकिन थोड़ा और जटिल। उदाहरण के लिए, हम एनुमरेटेड टाइप नर और मादा के माध्यम से जेंडर सेट करेंगे, और वास्तव में नर और मादा को पास कर दिया जाए। और Id एक संख्यात्मक मान है:

 public class User { public enum GenderEnum { Male, Female } public int Id { get; set; } public string Name { get; set; } public string FirstName { get; set; } public string MiddleName { get; set; } public string LastName { get; set; } public string UserName { get; set; } public GenderEnum Gender { get; set; } public string Email { get; set; } } 

हम पहले भाग की कोशिश करते हैं:

 var user = new User() { Id = 404, Email = "chernikov@gmail.com", UserName = "rollinx", Name = "Andrey", FirstName = "Andrey", MiddleName = "Alexandrovich", LastName = "Chernikov", Gender = User.GenderEnum.Male }; var jsonUser = JsonConvert.SerializeObject(user); 

परिणाम:

 {"Id":404,"Name":"Andrey","FirstName":"Andrey","MiddleName":"Alexandrovich","LastName":"Chernikov","UserName":"rollinx","Gender":0,"Email":"chernikov@gmail.com"} 

जोड़ें:

 [JsonConverter(typeof(StringEnumConverter))] public enum GenderEnum { Male, Female } 

परिणाम:

 {"Id":404,"Name":"Andrey","FirstName":"Andrey","MiddleName":"Alexandrovich","LastName":"Chernikov","UserName":"rollinx","Gender":"Male","Email":"chernikov@gmail.com"} 

पहले से बेहतर है। वापस जाँच करें - सब कुछ ठीक है। हम अन्य विशेषताओं का पता लगाते हैं जो सूक्ष्म ट्यूनिंग नियमों को परिभाषित करती हैं। उदाहरण के लिए, json प्रारूप में पहले प्रकार के हंगेरी रिकॉर्ड में नाम होंगे first_name:

 [JsonObject] public class User { [JsonConverter(typeof(StringEnumConverter))] public enum GenderEnum { Male, Female } [JsonProperty("id")] public int Id { get; set; } [JsonProperty("name")] public string Name { get; set; } [JsonProperty("first_name")] public string FirstName { get; set; } [JsonProperty("middle_name")] public string MiddleName { get; set; } [JsonProperty("last_name")] public string LastName { get; set; } [JsonProperty("user_name")] public string UserName { get; set; } [JsonProperty("gender")] public GenderEnum Gender { get; set; } [JsonProperty("email")] public string Email { get; set; } } 

परिणाम:

 {"id":404,"name":"Andrey","first_name":"Andrey","middle_name":"Alexandrovich","last_name":"Chernikov","user_name":"rollinx","gender":"Male","email":"chernikov@gmail.com"} 

सूची का वर्णन करने के लिए, फोटो वर्ग जोड़ें:

 [JsonObject] public class Photo { [JsonProperty("id")] public int Id { get; set; } [JsonProperty("name")] public string Name { get; set; } } 

और उपयोगकर्ता जोड़ें:

 [JsonProperty("photo_album")] public List<Photo> PhotoAlbum { get; set; } 

परिणाम:

 {"id":404,"name":"Andrey","first_name":"Andrey","middle_name":"Alexandrovich","last_name":"Chernikov","user_name":"rollinx","gender":"Male","email":"chernikov@gmail.com","photo_album":[{"id":1,"name":"  "},{"id":2,"name":"    "}]} 

सब कुछ सरल और अनुमानित है।
आइए एक कठिन मामले का विश्लेषण करते हैं, उदाहरण के लिए, जब जेंडर के लिए हमें पुरुष / महिला नहीं, बल्कि M \ F का वर्णन करना होगा। ऐसा करने के लिए, एक GenderEnumConverter पार्सिंग क्लास बनाएं:

 public class GenderEnumConverter : JsonConverter { public override object ReadJson(JsonReader reader, Type objectType, object existingValue, JsonSerializer serializer) { var value = reader.Value.ToString(); if (string.Compare(value, "M", true) == 0) { return User.GenderEnum.Male; } if (string.Compare(value, "F", true) == 0) { return User.GenderEnum.Female; } return User.GenderEnum.Male; } public override void WriteJson(JsonWriter writer, object value, JsonSerializer serializer) { var obj = (User.GenderEnum)value; // Write associative array field name writer.WriteValue(value.ToString().Substring(0,1)); } public override bool CanConvert(Type objectType) { return false; } } 

और प्रसंस्करण के लिए इस कनवर्टर को स्थापित करें

 [JsonConverter(typeof(GenderEnumConverter))] public enum GenderEnum { Male, Female } 

सामान्य तौर पर, कन्वर्टर्स जोंस डेटा को पार्स करने के लिए असीम रूप से मुश्किल हो सकते हैं। आप atypical दिनांक रिकॉर्ड, जटिल डेटा संरचनाएँ संसाधित कर सकते हैं, अपनी कक्षाओं को अनुक्रमित कर सकते हैं।

फेसबुक के साथ काम करें

यह सब समझ में आता है और उबाऊ है, इसलिए हम फेसबुक एपीआई के साथ काम करने जा रहे हैं। सभी को मनोरंजन! सबसे पहले, हम LessonProject.FacebookAPI प्रोजेक्ट शुरू करेंगे। वहां Json.NET जोड़ें और इसे मुख्य परियोजना से लिंक करें।

Facebook पर, आपको यहां पर ApplicationID प्राप्त करना होगा:
https://developers.facebook.com/apps



हम बनाते हैं, हम प्राप्त करते हैं:


हम AppID और AppSecret में रुचि रखेंगे।
इस डेटा को कॉन्फ़िगर / FacebookSetting.cs में जोड़ें (हम पहले से ही जानते हैं कि यह कैसे करना है):

 public class FacebookSetting : ConfigurationSection { [ConfigurationProperty("AppID", IsRequired = true)] public string AppID { get { return this["AppID"] as string; } set { this["AppID"] = value; } } [ConfigurationProperty("AppSecret", IsRequired = true)] public string AppSecret { get { return this["AppSecret"] as string; } set { this["AppSecret"] = value; } } } 

फेसबुक के साथ संचार इस प्रकार है:

• हम उपयोगकर्ता को लॉग इन करने के लिए कहते हैं, इसलिए हमें पता चलता है कि हमारे पास क्या अधिकार हैं
• उत्तर एक पहुंच टोकन होगा, इसके अनुसार हम जानकारी प्राप्त करेंगे
• उपयोगकर्ता के बारे में हमें स्वयं जानकारी मिलती है

एक इंटरफ़ेस बनाएं जिसे हमारा FacebookSetting कार्यान्वित करेगा (ताकि पिछड़ी संगतता हो) (LessonProject.FacebookAPI / IFbAppConfig.cs):

 public interface IFbAppConfig { string AppID { get; } string AppSecret { get; } } 

FacebookSetting में जोड़ें (/Global/Config/FacebookSetting.cs):

 public class FacebookSetting : ConfigurationSection, IFbAppConfig 

हमारे AppID का उपयोग करते हुए, हम एक पंक्ति की तरह चलते हैं:

 https://www.facebook.com/dialog/oauth?client_id=136398216534301&redirect_uri=http%3A%2F%2Flocalhost%3A54484%2FFacebook%2FToken&scope=email 

और यह इस तरह दिखता है:



यदि हम "एप्लिकेशन पर जाएं" पर क्लिक करते हैं - तो हम पृष्ठ पर पुनर्निर्देशित हो जाते हैं
localhost:54484/Facebook/Token localhost:54484/Facebook/Token कोड पैरामीटर के साथ localhost:54484/Facebook/Token , जिसके द्वारा हम टोकन प्राप्त कर सकते हैं (जो कुछ समय के लिए प्रभावी रहा है)। हम निम्नलिखित अनुरोध पर अमल करते हैं:

 https://graph.facebook.com/oauth/access_token?client_id=136398216534301&redirect_uri=http://localhost:54484/Facebook/Token&client_secret=e6de78fd40596f00e225dce861b34a1a&code=AQAScKUYKGpzwijzT3Y3SHjNOd4Q5nsyrYPdJaPhX-88r-wBOuMrdimL8h82bGv3HAh7TL6oJyZ0gNgiB8BcCeH8G_Zj7h6hlft_BFbOfIJIZJB9nKW6Q4iR3a0VVImxM0QYJas3eVg4qtYNkqUcWbgXDSK2JENcuomUX38haxFUFdKXrVjL1acNZSocESsx6nfx_FyF_QlbwnUO5cwogrLp 

हमें क्या जवाब मिलेगा:

 access_token=AAAB8Da8ZBmR0BAMCOx5293ZArYvFu5oRkmZCrwZAbvpWZB3ZCLBeiooslyYPZBVwHjxSpe3KzJ4VLFPIxwwf0D6TIEiM5ApzU8EMoDpOxE4uAZDZD&expires=5183977 

हमें इस access_token की आवश्यकता है, इसे सहेजें, और इसके साथ हम लिंक से डेटा का अनुरोध करते हैं:

 https://graph.facebook.com/me?access_token=AAAB8Da8ZBmR0BAImiTO9QwuUXbgHPLZBQWmAyZBUkjR2A37aVNs4vaqaFmt6h1ZBvurUpvN95EXddy5d6J1ldZA2jWTxSd3eZBHlYMzKwdxgZDZD 

जिसके लिए वह हमें जवाब देता है:

 {"id":"708770020","name":"Andrey Chernikov","first_name":"Andrey","last_name":"Chernikov","link":"http:\/\/www.facebook.com\/chernikov1","username":"chernikov1","gender":"male","email":"chernikov\u0040gmail.com","timezone":2,"locale":"ru_RU","verified":true,"updated_time":"2013-03-06T15:01:28+0000"} 

और यहाँ हम इसे FbUserInfo वर्ग (LessonProject.FacebookAPI / FbUserInfo.cs) पर लाते हैं:

 [JsonObject] public class FbUserInfo { [JsonProperty("id")] public string Id { get; set; } [JsonProperty("name")] public string Name { get; set; } [JsonProperty("first_name")] public string FirstName { get; set; } [JsonProperty("last_name")] public string LastName { get; set; } [JsonProperty("link")] public string Link { get; set; } [JsonProperty("username")] public string UserName { get; set; } [JsonProperty("gender")] public string Gender { get; set; } [JsonProperty("email")] public string Email { get; set; } [JsonProperty("locale")] public string Locale { get; set; } [JsonProperty("timezone")] public double? Timezone { get; set; } [JsonProperty("verified")] public bool? Verified { get; set; } [JsonProperty("updated_time")] public DateTime? updatedTime { get; set; } } 

हम FbProvider.cs (LessonProject.FacebookAPI / Provider.cs) में ऊपर वर्णित सभी काम समाप्त करते हैं:

 public class FbProvider { private static string AuthorizeUri = "https://graph.facebook.com/oauth/authorize?client_id={0}&redirect_uri={1}&scope=email"; private static string GetAccessTokenUri = "https://graph.facebook.com/oauth/access_token?client_id={0}&redirect_uri={1}&client_secret={2}&code={3}"; private static string GetUserInfoUri = "https://graph.facebook.com/me?access_token={0}"; private static string GraphUri = "https://graph.facebook.com/{0}"; public IFbAppConfig Config { get; set; } public string AccessToken { get; set; } public string Authorize(string redirectTo) { return string.Format(AuthorizeUri, Config.AppID, redirectTo); } public bool GetAccessToken(string code, string redirectTo) { var request = string.Format(GetAccessTokenUri, Config.AppID, redirectTo, Config.AppSecret, code); WebClient webClient = new WebClient(); string response = webClient.DownloadString(request); try { var pairResponse = response.Split('&'); AccessToken = pairResponse[0].Split('=')[1]; return true; } catch (Exception ex) { return false; } } public JObject GetUserInfo() { var request = string.Format(GetUserInfoUri, AccessToken); WebClient webClient = new WebClient(); string response = webClient.DownloadString(request); return JObject.Parse(response); } } 

जहाँ

• अधिकार मांगने के लिए एक लिंक का गठन अधिकृत है।
• GetAccessToken एक अस्थायी टोकन के लिए एक अनुरोध है।
• GetUserInfo उपयोगकर्ता डेटा प्राप्त करने के लिए एक अनुरोध है।

ध्यान दें कि हम WebClient.DownloadString - और op-pa का उपयोग कैसे करते हैं, हमें इंटरनेट के आंत्र से आवश्यक डेटा मिला।

हम और आगे जा रहे हैं। FacebookController नियंत्रक बनाएं (/Areas/Default/Controllers/FacebookController.cs):

 public class FacebookController : DefaultController { private FbProvider fbProvider; protected override void Initialize(System.Web.Routing.RequestContext requestContext) { fbProvider = new FbProvider(); fbProvider.Config = Config.FacebookSetting; base.Initialize(requestContext); } public ActionResult Index() { return Redirect(fbProvider.Authorize("http://" + HostName + "/Facebook/Token")); } public ActionResult Token() { if (Request.Params.AllKeys.Contains("code")) { var code = Request.Params["code"]; if (fbProvider.GetAccessToken(code, "http://" + HostName + "/Facebook/Token")) { var jObj = fbProvider.GetUserInfo(); var fbUserInfo = JsonConvert.DeserializeObject<FbUserInfo>(jObj.ToString()); return View(fbUserInfo); } } return View("CantInitialize"); } } 

प्रारंभ में, हम AppSecret में AppID और AppSecret पास करते हैं। प्रवेश करने के बाद - हम उपयोगकर्ता अधिकार (अनुमति विंडो) के अनुरोध के साथ फेसबुक पर रीडायरेक्ट करते हैं। यदि उपयोगकर्ता ने पहले ही हमें इसकी अनुमति दे दी है, तो 100 बार न पूछने के लिए, फेसबुक हमें पृष्ठ / फेसबुक / टोकन पर पुनर्निर्देशित करेगा। यदि टोकन प्राप्त करने के लिए कोड प्राप्त नहीं किया जा सका, तो देखें CantInitialize (/Areas/Default/Views/Facebook/CantInitialize.cshtml):

 @{ ViewBag.Title = "CantInitialize"; Layout = "~/Areas/Default/Views/Shared/_Layout.cshtml"; } <h2>CantInitialize</h2> <h3>   -  </h3> 

अन्यथा, जब सबकुछ ठीक हो जाता है, तो हम अपना टोकन प्राप्त करते हैं (यह fbProvider में संग्रहीत होता है) और उपयोगकर्ता डेटा का अनुरोध करता है। इसे प्राप्त करने के बाद, हम इसे FbUserInfo वर्ग की एक वस्तु में बदलते हैं और इसे View (/Areas/Default/Views/Facebook/Token.cshtml) में प्रदर्शित करते हैं:

 @model LessonProject.FacebookAPI.FbUserInfo @{ ViewBag.Title = "Token"; Layout = "~/Areas/Default/Views/Shared/_Layout.cshtml"; } <h2></h2> <p>      :</p> <dl class="dl-horizontal"> <dt>ID</dt> <dd>@Model.Id</dd> <dt>FirstName</dt> <dd>@Model.FirstName</dd> <dt>LastName</dt> <dd>@Model.LastName</dd> <dt>Link</dt> <dd>@Model.Link</dd> </dl> 

ग्राहक कोड / सर्वर कोड (प्रवेश-नियंत्रण-अनुमति-उत्पत्ति)

आइए हम उस स्थिति पर भी विचार करें जब यह सभी इंटरैक्शन जेएस फाइलों में संलग्न है, हम केवल अजाक्स अनुरोधों को निष्पादित करते हैं। टोकन पद्धति का कोड बदलें। हमें उपयोगकर्ता डेटा फ़ेसबुक से सर्वर कोड के साथ नहीं मिलता है, लेकिन दृश्य (/Areas/Default/Controllers/FacebookController.cs:Token) में टोकन पास करें:

 public ActionResult Token() { if (Request.Params.AllKeys.Contains("code")) { var code = Request.Params["code"]; if (fbProvider.GetAccessToken(code, "http://" + HostName + "/Facebook/Token")) { /* var jObj = fbProvider.GetUserInfo(); var fbUserInfo = JsonConvert.DeserializeObject<FbUserInfo>(jObj.ToString()); */ ViewBag.Token = fbProvider.AccessToken; return View(); } } return View("CantInitialize"); } 

Token.cshtml (/Areas/Default/Views/Facebook/Token.cshtml) बदलें:

 @{ ViewBag.Title = "Token"; Layout = "~/Areas/Default/Views/Shared/_Layout.cshtml"; } @section scripts { @Scripts.Render("~/Scripts/default/facebook-token.js") } @Html.Hidden("Token", ViewBag.Token as string) <h2></h2> <p>      :</p> <dl class="dl-horizontal"> <dt>ID</dt> <dd id="ID"></dd> <dt>FirstName</dt> <dd id="FirstName"></dd> <dt>LastName</dt> <dd id="LastName"></dd> <dt>Link</dt> <dd id="Link"></dd> </dl> 

Facebook-token.js (/ स्क्रिप्ट्स /default/facebook-token.js) जोड़ें:

 function FacebookToken() { _this = this; this.ajaxGetUserInfo = "https://graph.facebook.com/me?access_token="; this.init = function () { var token = $("#Token").val(); $.ajax({ type: "GET", dataType: 'json', url: _this.ajaxGetUserInfo + token, success: function (data) { $("#ID").text(data.id); $("#FirstName").text(data.first_name); $("#LastName").text(data.last_name); $("#Link").text(data.link); } }) } } var facebookToken = null; $().ready(function () { facebookToken = new FacebookToken(); facebookToken.init(); }); 

भागो, जांच करो। सब कुछ महान है। लेकिन http प्रतिक्रिया में इस पैरामीटर पर ध्यान दें:



एक्सेस-कंट्रोल-अनुमति-उत्पत्ति एक पैरामीटर है जो स्थापित होने पर, आपको ब्राउज़र से किसी अन्य डोमेन पर होस्ट की गई साइट के लिए अजाक्स अनुरोध करने की अनुमति देता है।
यानी यदि हम ब्राउज़र से $ .ajax () का उपयोग करते हैं और प्रतिक्रिया में यह हेडर नहीं है, तो एक त्रुटि जारी की जाती है:
Origin localhost:8080 is not allowed by Access-Control-Allow-Origin
ऐसा करने के लिए, एक विशेषता बनाएं जो इस शीर्षक को जोड़ेगी यदि हम अन्य साइटों (/Attribute/AllowCrossSiteJson.cs) से हमारी साइट तक पहुंच व्यवस्थित करना चाहते हैं:

 public class AllowCrossSiteJsonAttribute : ActionFilterAttribute { public override void OnActionExecuting(ActionExecutingContext filterContext) { filterContext.RequestContext.HttpContext.Response.AddHeader("Access-Control-Allow-Origin", "*"); base.OnActionExecuting(filterContext); } } 

उपयोग जोड़ें। उदाहरण के लिए, एक्शन विधि ठीक है, जो हमेशा {"परिणाम": "ओके"} (/Areas/Default/Controllers/HomeController.cs) लौटेगी:

 [AllowCrossSiteJson] public ActionResult OK() { return Json(new { result = "OK" }, JsonRequestBehavior.AllowGet); } 

यह Json और facebook के साथ काम करने के लिए है। आप वीके आपी के साथ प्राधिकरण और बातचीत के साथ अभ्यास और काम कर सकते हैं। प्रलेखन यहाँ है: http://vk.com/developers.php ।

सभी स्रोत https://bitbucket.org/chernikov/lessons पर स्थित हैं