👨🏾‍🍳 🤛🏾 🙍 BlackBerry स्मार्टफ़ोन अनुप्रयोगों का निर्माण करना WebWorks SDK का उपयोग करना 🦅 🙋🏻 🐣

BlackBerry WebWorks SDK ब्लैकबेरी अनुप्रयोगों को बनाने के लिए आज उपलब्ध अन्य उपकरणों के बीच अनुकूलता के साथ तुलना करता है, इसमें आप BB OS 5.0 से शुरू होने वाले स्मार्टफ़ोन के लिए और Playbook टैबलेट के लिए एक साथ विकास का संचालन कर सकते हैं।
संक्षेप में, ब्लैकबेरी वेब ऐप्स या "वेब विजेट" एचटीएमएल 5, सीएसएस 3 और एक्स्टेंसिबल जेएस मानकों पर आधारित एक मंच है। यह एक सभ्य अनुप्रयोग लिखने के लिए "विरल" लगता है, लेकिन पहली धारणा भ्रामक है। नीचे यह स्पष्ट हो जाएगा कि क्यों। यह ध्यान दिया जाना चाहिए कि प्लेबुक टैबलेट के लिए एपीआई का संस्करण अभी भी पूर्ण संस्करण से बहुत अलग है, लेकिन यह सक्रिय रूप से विकसित और पूरक है, प्रलेखन को गहन आवधिकता के साथ अपडेट किया गया है। इस लेख में हम ऐसे उदाहरण देंगे जो एक पूर्ण एपीआई की क्षमताओं का उपयोग करते हैं, अर्थात्। BB OS 6 और 7 में समर्थित है, और अगले में हम Playbook के लिए विजेट विकसित करने की प्रक्रिया का वर्णन करेंगे।

ब्लैकबेरी वेबवर्क स्टफिंग

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

आवेदन
ब्राउज़र देशी
फ़ाइल I / O
खोज
पहचान
आह्वान
संदेश
पीआईएम
डेटा पुश करें
प्रणाली
उपयोगकर्ता इंटरफ़ेस
उपयोगिताएँ
गियर्स (केवल 5 वें संस्करण में, एचटीएमएल 5 में उपलब्ध कार्यक्षमता प्रदान करने के लिए)

एक उदाहरण कई शब्दों की तुलना में उज्जवल होगा - निम्नलिखित यह दर्शाता है कि जावास्क्रिप्ट कैसे एक नया संपर्क बनाता है, इसे पता पुस्तिका में लिखता है और नए बनाए गए संपर्क के पते पर एक ई-मेल अधिसूचना भेजता है:

<script type="text/javascript"> //    var contact = new blackberry.pim.Contact(); contact.firstName = 'John'; contact.lastName = 'Doe'; contact.homePhone = '555-555-5555'; contact.email1 = 'john@doe.com'; contact.save(); //     var message = new blackberry.message.Message(); message.toRecipients = contact.email1; message.subject = ' '; message.body = ',  '; message.send(); </script>

दो अतिरिक्त बिंदुओं को नोट करना महत्वपूर्ण है। सबसे पहले, बीबीएम सोशल प्लेटफ़ॉर्म ने ब्लैकबेरी वेब ऐप्स स्तर पर समर्थन की घोषणा की , जो लोकप्रिय सेवा को अपने अनुप्रयोगों में एकीकृत करेगा। दूसरे, अगर WebWorks API की क्षमताएं अनुप्रयोग के लिए पर्याप्त नहीं हैं, तो जावास्क्रिप्ट कार्यक्षमता को जावा के साथ बढ़ाया जा सकता है।

जे एस चौखटे और पुस्तकालयों के बारे में थोड़ा सा

एक मामूली गीतात्मक विषयांतर।
एक नया एप्लिकेशन बनाते समय, यह सवाल लगभग निश्चित रूप से उठेगा कि कौन सी जावास्क्रिप्ट लाइब्रेरी या फ्रेमवर्क का उपयोग करना है। मोबाइल उपकरणों के लिए एक फ्रेमवर्क कम से कम स्पर्श घटनाओं को संभालने में सक्षम होना चाहिए, गाइरोस्कोप की स्थिति पर प्रतिक्रिया करना चाहिए, और इशारों को समझना चाहिए।
इस प्रश्न का उत्तर खोजने के लिए, उपरोक्त सूची उपयोगी हो सकती है:

यदि ऐसा लगता है कि सूची छोटी है, तो आप microjs.com पर भी देख सकते हैं
एक रूपरेखा का विकल्प अक्सर परियोजना के कार्यों, लक्ष्यों और वास्तुकला के साथ-साथ डेवलपर की व्यक्तिगत प्राथमिकताओं के साथ जुड़ा होता है। हम अपने काम में एक्सयूआई और स्नेहा टच का उपयोग करते हैं। XUI js एक छोटा एक्स्टेंसिबल फ्रेमवर्क है जो केवल 9.4 KB आकार का है (या 4.1 KB gzip संपीड़न के साथ) jQuery की तरह सिंटैक्स के साथ। भविष्य में, हम Mootools के साथ प्रयोग करने की योजना बना रहे हैं, जो कि मोबाइल उपकरणों का समर्थन करता है, जो संस्करण 1.3 से शुरू होता है। YUI3, उसी दिशा में विकसित हो रहा है।

विकास का माहौल बनाना

वेब विगेट्स को MS Visual Studio और ग्रहण IDE दोनों में विकसित किया जा सकता है। हम एक्लिप्स (विंडोज) का उपयोग करके एक उदाहरण का वर्णन करेंगे।
सबसे पहले आपको जावा एसई 6 जेडडीके 32-बिट डाउनलोड करने और आवश्यक प्लग-इन कॉन्फ़िगर करने की आवश्यकता है। ये WTP , BlackBerry WebWorks प्लग-इन और BlackBerry WebWorks SDK प्लग-इन हैं:

प्लगइन्स www.blackberry.com/go/eclipseUpdate/3.6/web पर पंजीकृत डेवलपर्स के लिए उपलब्ध हैं। प्लगइन्स की स्थापना के दौरान, आपको एक उपयोगकर्ता नाम और पासवर्ड निर्दिष्ट करना होगा।

हम पहला ब्लैकबेरी वेब ऐप लिख रहे हैं

यही है, ग्रहण को कॉन्फ़िगर किया गया है, आप एक नया प्रोजेक्ट बना सकते हैं जिसे HabrHelloWidget कहा जाता है:

नई बनाई गई परियोजना में निम्नलिखित संरचना है:

build\
ext\
config.xml
index.html

एक्वा डायरेक्टरी जावा टूल्स द्वारा जावास्क्रिप्ट एक्सटेंशन के लिए आरक्षित है, यह जार अभिलेखागार को संग्रहीत करता है। बिल्ड निर्देशिका में प्रोजेक्ट बनाता है; ग्रहण पैकेज एक्सप्लोरर में, यह दिखाई नहीं देता है।
Index.html फ़ाइल व्यूपोर्ट मेटा टैग के अपवाद के साथ एक नियमित HTML दस्तावेज़ है। कॉन्फ़िगरेशन फ़ाइल config.xml में एप्लिकेशन का विवरण, संस्करण के बारे में जानकारी, लाइसेंस, लेखक, प्राथमिकता के अवरोही क्रम में नेटवर्क कनेक्शन की सूची के साथ एक सूची, आदि शामिल हैं। इसमें js- एक्सटेंशन (ब्लैकबेरी ऑब्जेक्ट) के साथ एप्लिकेशन चलाते समय सुरक्षा सेटिंग्स भी होती हैं। एप्लिकेशन समान उत्पत्ति नीति (एसओपी) के सिद्धांत का सम्मान करता है, इसलिए सभी आवश्यक कार्यक्षमता को स्थानीय संसाधन, अर्थात् सहित प्रत्येक डोमेन के लिए सूचीबद्ध किया जाना चाहिए। आवेदन ही:

यदि सेटिंग्स में आवश्यक सुविधा निर्दिष्ट नहीं है, तो एप्लिकेशन अपवाद छोड़ देगा।

प्रोजेक्ट में png प्रारूप में एक आइकन जोड़ना और config.xml में इसके लिए पथ निर्दिष्ट करना आवश्यक है। डिफ़ॉल्ट रूप से, आइकन को icon.png कहा जा सकता है और परियोजना की जड़ में स्थित है। OS 6 के लिए दिशानिर्देश की आवश्यकता है कि आइकन का आकार 68x68 px से अधिक न हो। प्लेबुक टैबलेट के लिए आइकन के आयाम 86x86 हैं, इस मामले में स्मार्टफोन पर, यह स्वचालित रूप से स्केल होगा।

एक आइकन, शैलियाँ जोड़ें (बैकग्राउंड ब्लू, टेक्स्ट व्हाइट पेंट करें) और एक स्क्रिप्ट लिखें जो डिवाइस के पिन और IMEI को प्रदर्शित करता है, और एक लूप में उपलब्ध ट्रांसपोर्ट प्रोटोकॉल के बारे में जानकारी भी प्रदर्शित करता है। स्थानीय संसाधन के लिए, उपलब्ध ब्लैकबेरी एक्सटेंशन को घोषित करें।

Html मार्कअप (index.html):

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" id="viewport" content="height=device-height,width=device-width,user-scalable=no" /> <link rel="stylesheet" href="css/style.css" /> <title>-  </title> </head> <body> <h1>, Habr!</h1> <div id="device"></div> <script type="text/javascript" src="js/init.js"></script> </body> </html>

प्रारंभिक स्क्रिप्ट (js / init.js):

 /** * HabrHelloWidget init */ (function() { var device = document.getElementById('device'), str = ''; try { var transportList = blackberry.identity.getTransportList(); for ( var i = 0, max = transportList.length; i < max; i++) { str += "Transport name is:" + transportList[i].name + "<br />transport type:" + transportList[i].type + '<br />'; } str += "<br />PIN: " + blackberry.identity.PIN + "<br />IMEI: " + blackberry.identity.IMEI; } catch (e) { str = '   !'; } device.innerHTML = str; })();

स्मार्टफोन सिम्युलेटर पर निर्माण और चलाएं

इसके बाद, प्रोजेक्ट के संदर्भ मेनू पर कॉल करें, BlackBerry WebWorks प्रोजेक्ट आइटम का चयन करें और प्रोजेक्ट को एकत्रित करें:

बड़ा

सिम्युलेटर चलाएं: प्रोजेक्ट का संदर्भ मेनू - रन अस - ब्लैकबेरी सिम्युलेटर। हम परिणाम की प्रशंसा करते हैं:

बड़ा

परीक्षण और डिबगिंग

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

आवेदन हस्ताक्षर

AppWorld में प्रकाशित करने के लिए, आपको एक विक्रेता के रूप में पंजीकरण करना होगा, और डिजिटल कुंजी के साथ आवेदन पर हस्ताक्षर करना होगा। मुख्य अनुरोध प्रपत्र: www.blackberry.com/SignedKeys
ऑनलाइन भुगतान के विकल्प के साथ एक बैंक कार्ड की आवश्यकता होती है। ई-मेल द्वारा चाबी प्राप्त करने में औसतन 2-3 दिन लगते हैं।

प्रमुख हस्ताक्षर दिशा-निर्देश docs.blackberry.com/en/developers/deliverables/27261/Install_the_new_registry_key_with_Signature_Tool_1582584/11/jsp पर उपलब्ध हैं।

एक हस्ताक्षरित आवेदन की समीक्षा के लिए AppWorld को प्रस्तुत किया जा सकता है और अनुमोदन के बाद प्रकाशित किया जा सकता है।

विषयगत लिंक

स्मार्टफ़ोन प्रलेखन के लिए वेबवॉक्स
docs.blackberry.com/en/developers/subcategories/?userType=21&category=BlackBerry+WebWorks+for+Smartphones
उपकरण
us.blackberry.com/developers/browserdev
डेवलपर फोरम (वेबवर्क विकास)
supportforums.blackberry.com/t5/Web-and-WebWorks-Development/tkb-p/browser_dev%40tkb

BlackBerry स्मार्टफ़ोन अनुप्रयोगों का निर्माण करना WebWorks SDK का उपयोग करना