हाबरा कर्म के उदाहरण का उपयोग करके 15 मिनट में जावास्क्रिप्ट में एंड्रॉइड के लिए विजेट

तुरंत मैं कहता हूं, कर्मविदझेट - लेख का मुख्य उद्देश्य नहीं। इस लेख में, मैं आम जनता के लिए जावास्क्रिप्ट में एंड्रॉइड के लिए सूचना विगेट्स बनाने का एक तरीका प्रस्तुत करना चाहता हूं, बस कर्म के उदाहरण और हब की रेटिंग का उपयोग करना। विजेट कुछ इस तरह दिखेगा:



विजेट AnyBalance (Android) कार्यक्रम के लिए एक प्लग-इन होगा, जिसका मुख्य विचार विभिन्न प्रदाताओं के व्यक्तिगत खातों से शेष राशि और अन्य मापदंडों को निकालने के लिए तरीकों का एक सामान्य आधार इकट्ठा करना है, उदाहरण के लिए, सेल फोन, इंटरनेट प्रदाताओं, आदि पर संतुलन। ये प्लगइन्स (हम उन्हें "प्रदाता" कहना जारी रखेंगे) जावास्क्रिप्ट में लिखे गए हैं और खुले स्रोत हैं । अब AnyBalance डेटाबेस में लगभग 80 प्रदाता हैं , लेकिन लगातार विस्तार हो रहा है। और हब्बर वहां पर अमिस नहीं होगा :)

इसलिए, हेबरसेन्ट के पृष्ठ से आवश्यक सेटिंग्स निकालने के लिए, उदाहरण के लिए, मेरा , आपको यह देखने की आवश्यकता है कि वे वहां कैसे झूठ बोलते हैं। हम देखते हैं:

<div class="karma"> <div class="label"></div> <div class="score"> <div class="num">3,0</div> </div> <div class="votes" >3 </div> </div> <div class="rating"> <div class="label"></div> <div class="num">1,5</div> </div> 

चूंकि हम नियमित अभिव्यक्तियों से लैस हैं, इसलिए आवश्यक डेटा निकालना मुश्किल नहीं होगा। इस प्रकार, यह समझना बाकी है कि कैसे AnyBalance हमें इसमें मदद कर सकता है।

AnyBalance एक API प्रदान करता है जिसमें प्लग-इन प्रोग्राम के साथ इंटरैक्ट करता है। AnyBalance प्लगइन को बताता है - अपने मुख्य () फ़ंक्शन को कॉल करके और उसके लिए उपयोगकर्ता सेटिंग्स को पास करके डेटा प्राप्त करें, और यह इंटरनेट से पृष्ठों का अनुरोध करता है (GET और POST विधियों का समर्थन किया जाता है), उनसे डेटा निकालता है और उन्हें कार्यक्रम में वापस लाता है। हैबरकर्मा निकालने के लिए, हमें हैबरसेन्ट से उन्हें GET अनुरोध की आवश्यकता है। निर्दिष्ट उपयोगकर्ता ( AnyBalance.requestGet ) और प्रोग्राम में निकाले गए मानों को पास करना ( AnyBalance.setResult )।

AnyBalance खुद ही बाकी काम करता है, यानी यह विगेट्स पर इस जानकारी को प्रदर्शित करता है, एक शेड्यूल पर अपडेटेड डेटा मांगता है, ग्राफ बनाता है और आंकड़े रखता है। इसकी मदद से परिवार में उपयोग किए जाने वाले सभी खातों की निगरानी मोबाइल फोन में करना संभव है।

तो, कर्म और अन्य मापदंडों को निकालने के लिए कोड इस तरह दिखाई देगा:

 var replaceFloat = [/\s+/g, '', /,/g, '.']; function main(){ //   var prefs = AnyBalance.getPreferences(); //  var html = AnyBalance.requestGet("http://habrahabr.ru/users/" + prefs.login); //,     var error = getParam(html, null, null, /(   \(404\))/i); if(error) throw AnyBalance.Error(" " + prefs.login + "  .  !"); var result = {success: true}; //  //getParam   ,    ,     //    ,   ,          . getParam(html, result, 'karma', /<div class="score"[^>]*>[\s\S]*?<div class="num"[^>]*>(-?\d[\d\s\.,]*)/i, replaceFloat, parseFloat); getParam(html, result, 'rating', /<div class="rating"[^>]*>[\s\S]*?<div class="num"[^>]*>(-?\d[\d\s\.,]*)/i, replaceFloat, parseFloat); getParam(html, result, 'votes', /<div class="votes"[^>]*>(-?\d[\d\s\.,]*)/i, replaceFloat, parseFloat); result.__tariff = prefs.login; //   AnyBalance.setResult(result); } 

सब कुछ बहुत सीधे आगे है। अनावश्यक तकनीकी विवरण के साथ पाठक को अधिभार नहीं देने के लिए, मैं गेटपराम फ़ंक्शन का स्रोत नहीं दूंगा, लेकिन आप इसे हमेशा रिपॉजिटरी में देख सकते हैं।

तो, कोड ही सरल और छोटा है। यह कुछ सजावटी चीजें करने के लिए बनी हुई है। अर्थात्,

• यह प्रकट करना कि प्रदाता द्वारा प्राप्त किए गए डेटा और नाम के प्रकार, प्रदाता का नाम, संस्करण और अन्य मेटा-जानकारी वर्तनी होगी।
• प्रदाता के लिए सही तरीके से काम करने के लिए जो सेटिंग्स होनी चाहिए। हमें एक उपयोगकर्ता नाम सेट करने की आवश्यकता है।
• आइकन - सुंदरता के लिए।

प्रकट एक xml फ़ाइल है। वर्णित प्रदाता के लिए, यह इस तरह दिखेगा:

 <?xml version="1.0" encoding="utf-8"?> <provider> <id version="1">ab-social-habrahabr</id> <name>Habrahabr</name> <description>    ,       http://habrahabr    </description> <author>Dmitry Kochin <dco@mail.ru></author> <files> <!-- ,     --> <icon>icon.png</icon> <preferences>preferences.xml</preferences> <js>main.js</js> </files> <counters> <!--  (),   --> <counter id="karma" name=""/> <counter id="rating" name=""/> <counter id="votes" name=""/> </counters> <keywords> , , habr </keywords> <type> social </type> </provider> 

सेटिंग्स - एक एक्सएमएल फ़ाइल, इसके लिए एक लिंक (और अन्य प्रदाता फाइलें) प्रकट में मौजूद है। सेटिंग एंड्रॉइड में प्राथमिकताएं के साथ निकटता से ओवरलैप करते हैं, लेकिन सरलीकरण होते हैं। एक जेब विजेट के लिए, केवल एक सेटिंग की आवश्यकता है:

 <?xml version="1.0" encoding="utf-8"?> <PreferenceScreen> <EditTextPreference title="" positiveButtonText="" summary="| |{@s}" dialogTitle="" negativeButtonText="" dialogMessage="  ,      ." key="login"> </EditTextPreference> </PreferenceScreen> 

और, अंत में, आइकन :) ठीक है, एक आइकन के रूप में, आप सीधे Habr के लोगो को ले सकते हैं (जब तक कि, निश्चित रूप से, संसाधन के मालिकों को कोई आपत्ति नहीं है)।

वह सब है। अब, एंड्रॉइड-आधारित डिवाइस का प्रत्येक मालिक लगातार अपने कर्म की निगरानी कर सकता है, साथ ही कई अन्य पैरामीटर जिसके लिए प्रदाता पहले से ही फोन स्क्रीन पर लिखे गए हैं। प्रदाता का पूर्ण स्रोत कोड, निश्चित रूप से, रिपॉजिटरी में उपलब्ध है ।

प्रदाता को लिखना, डिबगिंग और आइकन को काटकर मुझे ठीक 15 मिनट (पता लगाया) गया। बेशक, मैंने एक मौजूदा प्रदाता की नकल की और बस कुछ स्थानों को निर्धारित किया, लेकिन हर कोई इसे कर सकता है :) इसलिए मुझे लगता है कि समय उचित है।

इस लेख में, इसकी संक्षिप्तता के कारण, प्रदाता को लिखने के तकनीकी पक्ष का बहुत विस्तार से वर्णन नहीं किया गया है, लेकिन जो कोई भी इच्छुक है वह googlecode पर विकि को देख सकता है। इसके अलावा, प्रदाता को लिखने के लिए एंड्रॉइड फोन का उपयोग करना आवश्यक नहीं है; एक स्थानीय प्रदाता डीबगर है , जो Google क्रोम एक्सटेंशन है और यहां तक ​​कि चरण-दर-चरण डीबगिंग की अनुमति देता है।

लेख के अंत में मैं पाठकों से लेखक बनने का आग्रह करता हूं :) और प्रदाता आधार का विस्तार करता हूं अगर आपका इंटरनेट प्रदाता, मोबाइल ऑपरेटर, मौसम साइट, क्लाइंट बैंक अभी भी सामान्य सूची में नहीं हैं।