समय बीतने के साथ, लेखक ने महसूस किया कि निम्नलिखित पूर्ण मूर्खता है

उन लोगों के लिए जो पढ़ना नहीं चाहते हैं

वह पृष्ठ जिस पर नीचे सब कुछ उदाहरण में किया गया है (अलर्ट चालू करें)।
एक ऑनलाइन खिलाड़ी जिसने मुझे इस विषय पर पहुंचाया।

परिचय

आपका दिन शुभ हो! इतना समय पहले "ऑनलाइन प्लेयर" और इस तरह के विषय पर नहीं छुआ। बहुत हैं, बहुत कुछ कहूँगा। मैं एक एनालॉग बनाना चाहता था, मुख्य रूप से अपने लिए। मानक द्वारा समर्थित - vk.com आधार, last.fm scrobbling (बाद में अंतिम), इसके एल्बम, प्लेलिस्ट, दिल और इतने पर। समस्या तुरंत उत्पन्न हुई - इसके लिए निरंतर अनुरोधों के लिए मेरी होस्टिंग बहुत खराब है। लगभग पूरी तरह से जावास्क्रिप्ट (बाद में जेएस) पर स्विच करने के अलावा कोई विकल्प नहीं था। इसलिए, चूंकि मुझे "अंतिम एफ़आई जावास्क्रिप्ट के साथ कैसे काम करना है" का रूसी विवरण नहीं मिला है, लेकिन इस समस्या को हल करने के लिए बहुत सारी नसों और समय बिताया है, चलो शुरू करते हैं।

आइए हम scrobbling के उदाहरण का उपयोग करके last.fm api के काम की जांच करें। हम जावास्क्रिप्ट का उपयोग करके सत्र, प्राधिकरण और फ़ंक्शन कॉल पर स्पर्श करेंगे। हां, और हम इसे एक ऐसी भाषा में विश्लेषित करेंगे जिसे हर कोई समझता है ताकि युवा और बूढ़ा दोनों समझ सकें।

कार्य की प्रगति

1. यदि last.fm api का कोई खाता नहीं है, तो इसे करने के लिए दौड़ें । यदि आपके पास एक खाता है और आपके पास इसकी चाबी है - तो पढ़ें।

2. पिछले फ्लिपर से जावास्क्रिप्ट एपीआई के साथ काम करने के लिए js लाइब्रेरी [github.com] का लिंक है। बहुत अच्छा, मैंने इसे Google नहीं किया, यह काम करता है, इसलिए हम इसका उपयोग करेंगे। तो, चलो इस लाइब्रेरी को "मानक" कहते हैं, और इसमें सभी स्क्रिप्ट स्वाभाविक रूप से "मानक" हैं।

3. पहली चीज जो हमें करने की ज़रूरत है वह मानक md हैश की जगह है ... टोरस?! चलो इसे md5 एनकोडर कहते हैं। बतख, किसी कारण के लिए सिरिलिक वर्णमाला के साथ मानक md5 एनक्रिप्टर काम नहीं करता है (या बल्कि, यह काम करता है, लेकिन फ्लिपर दंगे और हैश स्वीकार नहीं करता है)। एक सिद्ध संस्करण यहां पाया जा सकता है [pajhome.org.uk]। डाउनलोड अनुभाग में ज़िप डाउनलोड करें (वर्तमान संस्करण 2.2 लिखने के समय), इसमें md5-min.js ढूंढें और इसे मानक lastfm.api.md5.js से बदलें।

4. मानक lastfm.api.js में हम रिटर्न md5 (स्ट्रिंग) के साथ 841 लाइन बदलते हैं ; वापसी पर hex_md5 (स्ट्रिंग); । नया एनकोडर क्योंकि

5. महान, हैशिंग है और काम करेगा। हम स्क्रिप्ट को जोड़ना शुरू करते हैं।

<script type="text/javascript" src="md5-min.js"></script> <script type="text/javascript" src="lastfm.api.js"></script> 

मैंने मानक lastfm.api.md5.js को md5-min.js में बदल दिया है, और न केवल मानक की सामग्री को बदल दिया है, कृपया ध्यान दें। और आदेश का पालन करने के लिए मत भूलना।

6. हम सरल जावास्क्रिप्ट कोड के साथ फ्लिपर पर हमारी वेबसाइट को अधिकृत करते हैं

 var lastfm = new LastFM({ apiKey : '96d047d302a8707f3a7410873466dbfd', apiSecret : '3afdcf3ccad058a82202544549cb141b' }); 

हां, जावास्क्रिप्ट और last.fm के साथ काम करने का मुख्य शून्य यह है कि चाबियाँ खुली हुई हैं। एपीके - एपीपी कुंजी ऑन द फ्लिपर, एपीसेक्रेट - सीक्रेट। स्क्रिप्ट को जोड़ने के बाद यह कोड, मत भूलना।

7. मानक lastfm.api.js में आगे फिर से स्क्रबिंग के लिए एक छोटा सा दोष है। हमें 659-674 लाइनें मिलती हैं (मैं अतिरिक्त लाइनें, टैब और टिप्पणियां काटता हूं)

 scrobble : function(params, callbacks){ if(params.constructor.toString().indexOf("Array") != -1){ var p = {}; for(i in params){ for(j in params[i]){ p[j + '[' + i + ']'] = params[i][j]; } } params = p; } signedCall('track.scrobble', params, session, callbacks, 'POST'); } 

इनपुट पर कोई सत्र नहीं है, लेकिन आउटपुट पर है। अजीब बात है, लेकिन एक सत्र के बारे में कहीं और एक शब्द है। पहली पंक्ति को फिर से लिखें।
scrobble: function (params, callbacks) { => scrobble: function (परम्स, सेशन, कॉलबैक) {

8. याद रखें कि हमारा मुख्य लक्ष्य स्क्रबिंग है। यहां रास्ते डायवर्ट होते हैं। मान लीजिए कि आपके पास सत्र कुंजी नहीं है - तो पर पढ़ें, संक्षेप में बताएं कि इसे कैसे प्राप्त करें। यदि सत्र कुंजी है, तो चरण 11 पर जाएं। हालांकि आप पढ़ सकते हैं।

9. एक सत्र कुंजी प्राप्त करने में दो चरण होते हैं। पहले एक अस्थायी टोकन मिल रहा है। जैसा कि अभ्यास से पता चलता है, यह सुरक्षित रूप से सत्र की कुंजी हो सकता है, लेकिन केवल 60 मिनट के लिए। दूसरा चरण स्वाभाविक रूप से एक सत्र कुंजी प्राप्त करने की प्रक्रिया है।

10. आप एक टोकन प्राप्त कर सकते हैं

 http://www.lastfm.ru/api/auth?api_key=96d047d302a8707f3a7410873466dbfd 

जहां "=" संकेत के बाद फ्लिपर से एपीआई कुंजी का अनुसरण किया जाता है। उदाहरण के लिए, आप एक सरल लिंक बना सकते हैं, जिस पर क्लिक करके उपयोगकर्ता इस पृष्ठ पर जाएगा। आपके वित्त API खाते में कॉलबैक URL फ़ील्ड है। उपयोगकर्ता प्राधिकरण के बाद इस क्षेत्र में निर्दिष्ट पते को छोड़ देता है और टोकन = XXXXX पते को सौंपा जाता है। इसके अलावा, दो कार्यान्वयन विकल्प हैं:

पहला विकल्प

सर्वर। कॉलबैक URL एक पृष्ठ की ओर ले जाता है जहां सर्वर-साइड प्रोसेसिंग स्क्रिप्ट होती है। यानी इरेज़र के साथ काम करने के लिए कुछ प्रकार की लाइब्रेरी जुड़ी हुई है, पते से प्राप्त टोकन को संसाधित करना और डेटाबेस में कुछ उपयोगकर्ता के लिए पहले से प्राप्त सत्र कुंजी को जिम्मेदार ठहराया, उदाहरण के लिए। और फिर हम डेटाबेस से इस कुंजी को डाउनलोड करते हैं और इसका उपयोग करते हैं। मेरे लिए यह आसान है, मैंने ऐसा किया, लेकिन मेरा लक्ष्य इस पद्धति के बारे में विस्तार से बताना नहीं है।

दूसरा विकल्प

क्लाइंट। हम जेएस द्वारा पते से टोकन प्राप्त करते हैं, सशर्त रूप से इसे टोकन चर में खींचते हैं। हमारे पास एक टोकन है - हम अपने जीवन में पहली बार आखिरी अपी की ओर मुड़ते हैं:

 lastfm.auth.getSession({token: token}, {success: function(data){ alert(", "+data.session.name+"!\n\r  ,    "+data.session.key); //   sk = data.session.key; //       . }, error: function(code, message){ if (code == 4) alert(" .   "); }}); 

यह सत्र कुंजी के लिए कॉल जैसा दिखता है। इसका उत्तर json प्रारूप में है। यहां हमें बारीकियों को ध्यान में रखने की आवश्यकता है: यदि हमें एक बार के लिए सत्र कुंजी की आवश्यकता है, तो हमें किसी तीसरे पक्ष की आवश्यकता नहीं है। अगर हम लंबे समय तक एक फ्लिपर के साथ संवाद करना चाहते हैं, तो उपयोगकर्ता को प्रत्येक साइट के प्रवेश को फिर से जोड़ने के लिए कहना बेवकूफी है। इस मामले में, हमें आपकी दिली इच्छाओं के अनुसार कुकीज़ या डेटाबेस का उपयोग करने की आवश्यकता है।
ऑर्ट.टैग सेशन को पिछली सभी विधियों में से किसी अन्य विधि से बदल दिया जाता है, और पहले घुंघराले कोष्ठक के तहत हम उन सभी चरों को दर्ज करते हैं जिन्हें पारित करने की आवश्यकता होती है। ठीक है, आइए साहसिक रूप से ट्रैक.स्रोबल में बदलें

11. स्कर्बलीम। आवश्यक पैरामीटर (जैसा कि अंतिम द्वारा अनुरोध किया गया है ) ट्रैक, कलाकार और यूनिक्स-टाइम का नाम है

 var ts = Math.floor(new Date().getTime()/1000); lastfm.track.scrobble({artist: "Linkin Park", track: "Numb", timestamp: ts}, {key: sk}, {success: function(data){ alert(" !"); }, error: function(code, message){ alert("  ..."); }}); 

{key: sk} यह सत्र कुंजी है। यह वह रहस्यमय सत्र है।

12. एक बहुत महत्वपूर्ण टिप्पणी: अगर अचानक एक दूसरे दो फ्लिपर पर्ची के लिए अनुरोध - के माध्यम से परेशानी होगी। मानक की 93 पंक्ति last.fm api: var jsonp = 'jsonp' + new Date (); GetTime (); =>
var jsonp = 'jsonp' + new Date ()। getTime () + '' + Math.round (1000000 * Math.random ());

निष्कर्ष

वह सब मालूम होता है। और क्या कहा जाना चाहिए: आउटपुट लगातार अलग-अलग ऑब्जेक्ट है, फिर data.result या data.artistmatches, इसलिए ध्यान दें। अच्छा काम है!

संदर्भ

वह पृष्ठ जिस पर उपरोक्त सभी उदाहरण में किए गए हैं (अलर्ट चालू करें)।
एक ऑनलाइन खिलाड़ी जिसने मुझे इस विषय पर पहुंचाया।

ऑफटॉपिक: मैं उस खिलाड़ी का समर्थन करने जा रहा हूं, जब मेरी आंखें मॉनिटर को देख रही हैं, लेकिन: विषय खिलाड़ी के बारे में नहीं है, खिलाड़ी विकास में है, अचानक किसी को विषय के विषय में दिलचस्पी है और वह इसका पता लगाना चाहेगा, इसलिए कसम न खाएं, कृपया। इसके लिए एक अलग विषय होगा। बाद में।