PhoneGap के लिए प्लगइन विकास

वर्तमान में, मोबाइल अनुप्रयोगों के क्रॉस-प्लेटफॉर्म विकास का विकास गति प्राप्त कर रहा है। इस अनुच्छेद में, मैं इस तरह के अनुप्रयोगों को लागू करने के लिए एक और उपकरण पर ध्यान आकर्षित करना चाहूंगा - फोनगैप। यह मोबाइल एप्लिकेशन बनाने के लिए एक निशुल्क खुला स्रोत ढांचा है।

PhoneGap आपको जावास्क्रिप्ट का उपयोग करके iOS, Android, Windows Phone, BlackBerry, Bada, सिम्बियन, वेबओएस HTML एप्लिकेशन बनाने की अनुमति देता है। इस ढांचे के डाउनलोड की संख्या पहले ही 1 मिलियन से अधिक हो गई है, और डेवलपर्स की संख्या 400,000 तक पहुंच गई है।



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

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

शुरू करने के लिए, मैं वीडियो कैमरा शुरू करने के लिए मौजूदा प्लग-इन का एक उदाहरण दूंगा:

$('#makeVideo').click(function() { navigator.device.capture.captureVideo(captureSuccess, captureError, { limit : 1 } ); function captureSuccess(mediaFiles) { console.log("Capturing video successfully finished"); } function captureError(error) { console.log("Video capture error + " + error.code); } }); 

अपना खुद का प्लगइन बनाते समय, आपको एक जावा क्लास लिखकर शुरू करना होगा:

 public class IntentPlugin extends Plugin { … } 

यहां हम कुछ सरल तरीके बनाएंगे जो हमारे फोनगैप एप्लिकेशन में बटन दबाकर ट्रिगर किए जाएंगे (वे मापदंडों के साथ या बिना हो सकते हैं)।

कैमरा प्रारंभ विधि:

 private void openPhotoCamera() throws IOException { Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE); this.cordova.getActivity().startActivity(intent); } 

ब्राउज़र लॉन्च विधि:

 private void openBrowse(String url) throws IOException { Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url)); this.cordova.getActivity().startActivity(intent); } 

मानचित्र लॉन्च विधि:

 private void openMap(String url) throws IOException { Intent intent = new Intent(android.content.Intent.ACTION_VIEW, Uri.parse(url)); this.cordova.getActivity().startActivity(intent); } 

अगला, एक अधिभार विधि बनाएँ:

 @Override public PluginResult execute(String action, JSONArray args, String callbackId) { PluginResult.Status status = PluginResult.Status.OK; String result = ""; try { if (action.equals("makePhoto")) { openPhotoCamera(); } else if (action.equals("lookAtBrowse")) { openBrowse(args.getString(0)); } else if (action.equals("lookAtMap")) { openMap(args.getString(0)); } else { status = PluginResult.Status.INVALID_ACTION; } return new PluginResult(status, result); } catch (JSONException e) { return new PluginResult(PluginResult.Status.JSON_EXCEPTION); } catch (IOException e) { return new PluginResult(PluginResult.Status.IO_EXCEPTION); } } 

जहां "MakePhoto", "lookAtBrowse" और "lookAtMap" जैसी लाइनें हमें जावास्क्रिप्ट फ़ाइल से दी जाती हैं।

इस स्तर पर, सब कुछ सुंदर davolno दिखता है। इसके बाद, आपको config.xml फ़ाइल में बनाया गया प्लगइन शामिल करना होगा, जो कि res / xml में स्थित है। यह निम्नानुसार किया जाता है:

 <plugin name="IntentPlugin" value="com.ruswizards.phonegapplugin.IntentPlugin"/> 

नई JS फ़ाइल में, IntentPlugin क्लास का ऑब्जेक्ट बनाएं:

 function IntentPlugin() { }; if(!window.plugins) { window.plugins = {}; } if (!window.plugins.intentPlugin) { window.plugins.intentPlugin = new IntentPlugin(); } 

एक फ़ंक्शन बनाने के उदाहरण का उपयोग करके इस ऑब्जेक्ट तक पहुंचने की प्रक्रिया पर विचार करें:

 IntentPlugin.prototype.makePhotoFunction = function(url) { cordova.exec(null, null, "IntentPlugin", "makePhoto", [url]); }; 

अब, जब मेकफ़ोटोफ़ंक्शन ("") को कॉल किया जाता है, हम ओपनफ़ोटोकोमेरा () विधि का उपयोग करेंगे।
वही अन्य दो कार्यों के लिए जाता है:

 IntentPlugin.prototype.lookAtBrowseFunction = function(url) { cordova.exec(null, null, "IntentPlugin", "lookAtBrowse", [url]); }; IntentPlugin.prototype.lookAtMapFunction = function(url) { cordova.exec(null, null, "IntentPlugin", "lookAtMap", [url]); }; 

उस फ़ाइल में जहाँ इन कार्यों को बुलाया जाएगा, जोड़ें:

 <script type="text/javascript" charset="utf-8" src="intentPlagin.js"></script> 

यह सब किया जाता है, अब हम संबंधित कार्यों को कॉल कर सकते हैं।
फ़ाइल बॉडी में 4 बटन जोड़ें:

 <a id="makeVideo" data-role="button">Create video</a> <a id="makePhoto" data-role="button">Create photo</a> <a id="lookAtBrowse" data-role="button">Open browse</a> <a id="lookAtMap" data-role="button">Open map</a> 

उनमें से पहला आंतरिक फ़ंक्शन को संभालता है जिसे लेख की शुरुआत में वर्णित किया गया था; बाकी कार्यों का उल्लेख है जो अपने दम पर बनाए गए थे। यह इस प्रकार होता है:

 $('#makePhoto').click(function() { window.plugins.intentPlugin.makePhotoFunction(""); }); $('#lookAtBrowse').click(function() { window.plugins.intentPlugin.lookAtBrowseFunction("http://www.google.com"); }); $('#lookAtMap').click(function() { window.plugins.intentPlugin.lookAtMapFunction("geo:52.431198,31.004899"); }); 

तो यह काम करता है! मुझे उम्मीद है कि इस लेख ने एक सकारात्मक छाप छोड़ी, और फोनगैप पर एप्लिकेशन लिखने पर कुछ उपयोगी जानकारी भी प्रदान की।