जावास्क्रिप्ट को एपीके। जो लोग PhoneGap से बीमार हैं, उनके लिए Android विकास के नुकसान। जावा से जावास्क्रिप्ट तक पुल का निर्माण

हैलो, हाबरा!

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

मैं तुरंत आपको चेतावनी दूंगा कि मुझे PhoneGap को छोड़ना पड़ा, क्योंकि दो परियोजनाओं में इसका उपयोग करने का अनुभव मुझे परेशान करता है। यह "हैलो वर्ल्ड" अनुप्रयोगों के साथ बहुत अच्छा काम करता है, लेकिन पाइप लाइन वाले असेंबली के साथ, बारीकियों को एक पंक्ति में पॉप अप किया जाता है।

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



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

CocoonJS क्यों नहीं गया:
मैं कोकूनज के साथ ज्यादा काम नहीं किया, इसलिए कोई विशेष सवाल नहीं उठा। कैनवास के साथ बनाता है वास्तव में तेजी से काम करते हैं। लेकिन सामान्य तौर पर - मैंने कोकूनज के साथ काम करने का बिंदु नहीं देखा, क्योंकि उसे भुगतान किया जाता है।

अन्य प्लेटफार्मों और अन्य बारीकियों के लिए विधानसभा के रूप में - इसके बारे में एक अलग लेख होगा, और इस विषय या फोनगैप विषय पर आगे की चर्चा इस के दायरे से परे है।

चलिए मुद्दे पर आते हैं

शुरू करने के लिए, आइए बुनियादी बातों के साथ शुरू करें - WebView एक पूर्ण-स्क्रीन HTML पृष्ठ चल रहा है। OnCreate MainActivity में हम लिखते हैं:

vw = (WebView) findViewById(R.id.webview); vw.setVerticalScrollBarEnabled(false); //   vw.setHorizontalScrollBarEnabled(false); //   vw.getSettings().setJavaScriptEnabled(true); //  JavaScript vw.getSettings().setDomStorageEnabled(true); //  localStorage  .. vw.getSettings().setSupportZoom(false); //  , ..       vw.getSettings().setSupportMultipleWindows(false); //   . // ..     SPA  vw.addJavascriptInterface(new WebAppInterface(this), "API"); //    JavaScript. //       Java.  JavaScript`   API vw.loadUrl("file:///android_asset/index.html"); //    vw.setWebViewClient(new WebViewClient()); 

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

 public class WebAppInterface { Context mContext; /** Instantiate the interface and set the context */ WebAppInterface(Context c) { mContext = c; } /**   ,    JavaScript */ @JavascriptInterface public void sendSms(String phoneNumber, String message) { ... -   } } 

नुकसान: ऐसे पुलों के साथ काम करना आमतौर पर अतुल्यकालिक या अप्रत्याशित और आश्चर्य से भरा हो सकता है।

यदि आपको जावा को ब्लू से बाहर की घटना बताने के लिए जावा की आवश्यकता है, तो उस तक पहुंचने का सबसे आसान तरीका URL पर दस्तक देना है:

 vw.loadUrl("javascript: ... -   JavaScript"); 

नुकसान : एंड्रॉइड में> सैमसंग से 4, डोम टच इवेंट के दौरान, तत्वों को नीले रंग में हाइलाइट किया जा सकता है।



इस बारीकियों पर ध्यान दें। विशिष्ट "संरक्षण" आपकी मदद नहीं करेगा:

 * { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-focus-ring-color: rgba(255, 255, 255, 0); outline: none; -moz-user-select: -moz-none; -o-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none; -webkit-text-size-adjust: none; } 

बग के चारों ओर जाने के लिए, आपको जोड़ना होगा:

 if (document.addEventListener) { document.addEventListener("touchstart", function () { }, true); } 

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

 .some_button:focus, .some_button:focus:active { background-color: rgba(0, 0, 0, 0); } 

मैंने यह भी देखा कि नीले रंग का चयन दिखाई नहीं देता है यदि बटन पाठ पर स्पर्श घटना बिल्कुल हुई (पाठ बहुत बड़ा होना चाहिए)।

नुकसान : एंड्रॉइड <4 पर, फोंट रेंगना कर सकते हैं।



बग से निपटने का तरीका या तो चेक करना है या फोंट अक्षम करना है। हालांकि, दूसरी ओर, शायद मेरे पास फोंट स्वयं घुमावदार थे।

नुकसान: एंड्रॉइड केस संवेदनशील है।

यदि आपने .jpg संसाधनों के ढेर के बीच .JPG से एक तस्वीर खो दी है, तो आपको कभी भी ब्राउज़र में अंतर पर ध्यान नहीं दिया जाएगा, लेकिन चित्र WebView में लोड नहीं होगा।

नुकसान: एंड्रॉइड आरक्षित शब्दों के प्रति संवेदनशील है।

उदाहरण के लिए, मेरे पास संपत्ति में क्लासिजिज़म नामक एक फ़ोल्डर था। एंड्रॉइड ने प्रोजेक्ट बनाने से इनकार कर दिया और स्पष्ट रूप से त्रुटि की व्याख्या नहीं कर सका। नाम दिया गया क्लेसिज़िज़म - अर्जित। फिर से, उसी एंड्रॉइड के एक नियमित ब्राउज़र में, ऐसी समस्याएं नहीं थीं।

नुकसान: एंड्रॉइड पर ऑडियो टैग काम नहीं करता है।

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

 mp = new MediaPlayer(); 

और WebView के लिए, हम JavaScript इंटरफ़ेस का विस्तार कर रहे हैं:

 @JavascriptInterface public void audio(String url) { try { soundClick = getAssets().openFd(url); mp.reset(); mp.setDataSource(soundClick.getFileDescriptor(), soundClick.getStartOffset(), soundClick.getLength()); mp.prepare(); mp.start(); } catch (IOException e) { e.printStackTrace(); } } 

नुकसान: Android को बंद करने के बजाय, अनुप्रयोगों को कम करता है। इसलिए, यदि आप ऑडियो का उपयोग करते हैं - तो आपको कम से कम ध्वनि बंद करने की आवश्यकता है।

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

 @Override public void onBackPressed() { vw.loadUrl("javascript: windowClose();"); MainActivity.this.finish(); } @Override public void onPause() { super.onPause(); vw.loadUrl("javascript: windowClose();"); MainActivity.this.finish(); } @Override public void onResume() { super.onResume(); vw.loadUrl("javascript: windowOpen();"); } @Override public void onDestroy() { super.onDestroy(); vw.loadUrl("javascript: windowClose();"); MainActivity.this.finish(); } 

MainActivity.this.finish (); मैं हर मौके पर एप्लिकेशन को बंद करने की कोशिश करता हूं। तो आप अधिक आश्वस्त हो सकते हैं कि अगली बार एंड्रॉइड बस शुरुआत से शुरू होगा, और कुछ भी पुनर्स्थापित करने का प्रयास नहीं करेगा। यह स्पष्ट है कि सुडोकू जैसे खेलों में आप ऐसा नहीं कर सकते, लेकिन अधिकांश खेलों में आप कर सकते हैं, क्योंकि वे काफी सरल हैं (एक ही FlappyBirds या टेस्ट)। मैं आपको सलाह देता हूं कि एंड्रॉइड के प्रयासों से डरने के लिए सब कुछ वापस कर दें क्योंकि यह था, क्योंकि अन्य कीड़े दिखाई देते हैं।

नुकसान : onResume के साथ Android हमेशा अनुप्रयोगों को सफलतापूर्वक पुनर्स्थापित नहीं करता है। और वास्तव में, कुछ उपकरणों पर पुनरारंभ करने के साथ समस्याएं हैं।



उदाहरण के लिए, यह टाइमर बंद कर सकता है या चमत्कारिक ढंग से आकार बदलने का जवाब नहीं दे सकता है। इसलिए, किसी भी असंगत स्थिति में, कॉल आकार बदलें और टाइमर को दोबारा जांचें।

नुकसान : जब एक आवेदन को छोटा / खोलना, कई WebViews दिखाई दे सकते हैं जो समानांतर में काम करेंगे और एक दूसरे के साथ हस्तक्षेप करेंगे।

ऐसी समस्या से निश्चित रूप से दूर होने के लिए, हम घोषणा में जोड़ते हैं:

 <activity ... //      WebView    . android:configChanges="keyboardHidden|orientation|screenSize" ... //            android:clearTaskOnLaunch="true" android:noHistory="true" android:launchMode="singleTask" > 

हमारे जावास्क्रिप्ट एप्लिकेशन को और भी बेहतर बनाने के लिए, आप शीर्ष पर काली पट्टी को हटाकर इसे पूर्ण स्क्रीन में चला सकते हैं। ऐसा करने के लिए, प्रकट में जोड़ें:

 <application ... android:theme="@android:style/Theme.NoTitleBar.Fullscreen"> 

नुकसान : लोकलस्टोरेज जिसमें आप डेटा को सेव करते हैं, एप्लिकेशन को बंद करने के बाद नष्ट हो जाएगा।

दो कॉल के बीच डेटा को बचाने के लिए, आपको डेटा को देशी शेयर्डप्रिफरेंस में सहेजने की आवश्यकता है। आइए सहेजने और लोड करने के लिए दो पुलों को रोल करें:

 @JavascriptInterface public void saveSomeThing(String message, String id) { if(numberDataForSave > Integer.parseInt(id)) return; numberDataForSave = Integer.parseInt(id); SharedPreferences preferences = getSharedPreferences("com.example.something", MODE_PRIVATE); SharedPreferences.Editor editor = preferences.edit(); editor.putString("somethingID", message); editor.commit(); } @JavascriptInterface public String loadSomeThing() { SharedPreferences preferences = getSharedPreferences("com.example.something", MODE_PRIVATE); String message = preferences.getString("somethingID", ""); return message; } 

नुकसान: विधियां अतुल्यकालिक रूप से काम करती हैं (या क्या यह मुझे प्रतीत होता है?)। यदि आप सेव को अक्सर कॉल करते हैं, तो डेटा गलत क्रम में आ सकता है।

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

नुकसान : मुख्य गतिविधि का लेआउट आमतौर पर बहुत अधिक होता है।

पूर्ण स्क्रीन में एक WebView के लिए, हमें इसकी इतनी आवश्यकता नहीं है। छोड़ कर छोटा किया जा सकता है:

 <?xml version="1.0" encoding="utf-8"?> <WebView xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/webview" android:layout_width="fill_parent" android:layout_height="fill_parent" android:scrollbars="none" /> 

नुकसान: एक सिम कार्ड के बिना भेजा गया एसएमएस। एसएमएस दूर नहीं हुआ, और कॉलबैक सच हो गया।

यदि आप PhoneGap का उपयोग करते हैं, तो शायद एंड्रॉइड के लिए एसएमएस भेजने वाला मॉड्यूल कुटिल लिखा जाता है (किसी भी मामले में, मुझे व्यक्तिगत रूप से ऐसी समस्या का सामना करना पड़ा)। यह किसी भी परिणाम पर सही है। इसे सामान्य रूप से लागू करने के लिए, जावा से जावास्क्रिप्ट पर एसएमएस भेजने के लिए पुल पर कूदते हैं:

 @JavascriptInterface public void sendSms(String phoneNumber, String message) { SmsManager sms = SmsManager.getDefault(); sms.sendTextMessage(phoneNumber, null, message, sendSmsPendingIntent, null); } 

और MainActivity क्लास में विधि जोड़ें:

 private PendingIntent registerSentSmsReceiver() { String SENT = "SMS_SENT"; PendingIntent sentPI = PendingIntent.getBroadcast(MainActivity.this, 0, new Intent(SENT), 0); sendSmsReceiver = new BroadcastReceiver() { public void onReceive(Context arg0, Intent arg1) { switch (getResultCode()) { case Activity.RESULT_OK: vw.loadUrl("javascript: smsSend(true);"); break; default: vw.loadUrl("javascript: smsSend(false);"); break; } } }; registerReceiver(sendSmsReceiver, new IntentFilter(SENT)); return sentPI; } 

एप्लिकेशन को नए वर्ग के साथ दुर्घटनाग्रस्त होने से बचाने के लिए, आपको onDestroy को अपडेट करने की आवश्यकता है:

 @Override public void onDestroy() { super.onDestroy(); if (sendSmsReceiver != null) { unregisterReceiver(sendSmsReceiver); } } 

याद रखें, sendSmsReceiver को हमेशा परेशान होने पर अनियंत्रित होना पड़ता है।

नुकसान : सैमसंग से एंड्रॉइड पर, वेबव्यू स्पर्श की घटनाओं को धीमा कर देता है। इसके अलावा, वह अपनी उंगली पकड़ते हुए ड्राइंग को रोक भी सकता है।

आप इस बग से दूर नहीं जा सकते। इसलिए उन्होंने ऐसा किया। यह कोकूनज पदोन्नति के कारणों में से एक बन गया है। यदि आप चाहें, तो आप कैनवास तत्व को मूल (सभी पुलों का उपयोग करके) को फिर से लिख सकते हैं, लेकिन यह कचरा है। एक बार में जावा में सब कुछ लिखने के लिए बेहतर है। लेकिन, फिर भी, एपीके फ़ाइल को इकट्ठा करना अभी भी समझ में आता है, क्योंकि सैमसंग के अलावा, अभी भी अन्य निर्माताओं से फोन का एक गुच्छा है, और वहां सब कुछ इतना बुरा नहीं हो सकता है। खैर, इस संबंध में एक ही टिज़ेन में, सामान्य तौर पर, एक परी कथा।

मैं जावा में दांतेदार क्षणों के लिए पहले से माफी मांगता हूं, क्योंकि अभी भी मेरी जावास्क्रिप्ट प्रोफ़ाइल। ठीक है, डेमो रूसी और अंग्रेजी लेख से है, अगर किसी को दिलचस्पी होगी।