IOS के लिए प्रगतिशील वेब ऐप समाधान क्या है [बंद]


79

मैं सोच रहा था कि IOS उपकरणों के लिए प्रगतिशील वेब ऐप का समाधान क्या है क्योंकि उनके डिफ़ॉल्ट ब्राउजर SAFARI अभी तक प्रगतिशील वेब ऐप का समर्थन नहीं करता है। क्या IOS समकक्षों के लिए वैकल्पिक है?


1
आपके पहले सवाल पर बधाई। जैसा कि आप जानते हैं, प्रगतिशील वेब ऐप (PWA) के लिए कई आवश्यक चीजों में से एक ब्राउज़र में सेवा कार्यकर्ताओं के लिए समर्थन है। दुर्भाग्य से, सफारी सेवाकर्मियों का समर्थन नहीं करती है , इसलिए केवल विकल्प ही मूल एप्लिकेशन या एक सादे वेबसाइट हैं।
जोस लुइस

1
@ JoséLuis के ऊपर एक PWA को प्रगतिशील वृद्धि के सिद्धांत का पालन करना चाहिए और इसलिए सफारी और iOS पर पीछे की ओर संगत होना चाहिए। इसका मतलब है कि मुख्य विशेषताएं अभी भी प्रयोग करने योग्य होनी चाहिए और एप्लिकेशन को उत्तरोत्तर बढ़ाया जा सकता है क्योंकि ब्राउज़र या ओएस में नई सुविधाएँ उपलब्ध कराई जाती हैं।
केविन फर्रुगिया

2
नीचे मेरा जवाब देखें। मैंने एक लेख लिखा था जिसमें Apple को बुलाया गया था। इसने ट्विटर और हैकर न्यूज़ पर काफी हलचल मचाई। एक हफ्ते बाद उन्होंने इस पर विकास शुरू किया!
ग्रेग ब्लास

2
अंत में, ऐप्पल ने अपने टीपी में सेवा कार्यकर्ता के लिए समर्थन जोड़ा है। आप सफारी के PWA समर्थन के बारे में अधिक पढ़ सकते हैं medium.com/awebdeveloper/...
aWebDeveloper

1
वास्तव में कहना है कि यह बहुत व्यापक के रूप में बंद है च #% (#) आईएनजी बेवकूफ। वास्तव में! क्यों? आप इस के रूप में एक प्रश्न को क्यों बंद करेंगे? बस मेरे दिमाग को उड़ा देता है।
ग्रेग ब्लास

जवाबों:


97

कृपया ध्यान दें कि "ब्राउज़र जो प्रगतिशील वेब ऐप्स का समर्थन करते हैं" एक वास्तविक शब्द नहीं है, पीडब्ल्यूए स्वयं उन सुविधाओं का एक सेट है जो एक वेब ऐप उपयोगकर्ताओं के लिए प्रदान कर सकता है। तो यह केवल सेवा कार्यकर्ता और ऐप मैनिफेस्ट के बारे में नहीं है।

बाहर की जाँच करें: बेसलाइन PWA चेकलिस्ट

इस समय यह जवाब बनने पर आप iOS / Safari पर PWA प्राप्त करने के लिए क्या कर सकते हैं:

  • साइट को HTTPS T पर परोसा जाता है
  • पृष्ठ टेबलेट और मोबाइल उपकरणों पर उत्तरदायी हैं &
  • ऑफ़लाइन होने के दौरान स्टार्ट URL (कम से कम) लोड होता है
  • मेटाडाटा को होम स्क्रीन पर जोड़ें के लिए प्रदान किया गया Add
  • पहला लोड 3 जी first पर भी तेज है
  • साइट क्रॉस-ब्राउज़र काम करती है ✅
  • पृष्ठ संक्रमण ऐसा महसूस नहीं करते कि वे नेटवर्क पर ब्लॉक करते हैं like
  • प्रत्येक पृष्ठ में एक URL है

जैसा कि आप देख सकते हैं, लगभग सब कुछ काम कर रहा है, भले ही आपका पृष्ठ iOS / Safari पर ऑफ़लाइन काम न कर सके, फिर भी PWA में आपके वेब ऐप को "अपग्रेड" करने का एक बड़ा लाभ है।

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

"होम स्क्रीन पर जोड़ें: सफारी पर ध्यान दें" apple-mobile-web-app-capableमेटा टैग में "होम स्क्रीन आइकन" के लिए अपनी कल्पना है । वेब ऐप मैनिफेस्ट जेनरेटर में इस मेटा टैग का उपयोग करके iOS के लिए एक कमबैक है।


7
उपर्युक्त सुविधाओं के साथ और 'सर्विस वर्कर्स' के बिना आप बस एक तेज़ और उत्तरदायी वेब ऐप विकसित कर रहे हैं! नेटिव एप्स ज्यादा हैं !!
अभिषेक नलिन

1
downvote उपयोगकर्ता ने iOS के बारे में पूछा कि यह उत्तर बहुत सामान्य है
फरीद अलमृती

मेटाडाटा ने ऐड टू होम स्क्रीन के लिए प्रदान किया ata काम नहीं कर रहा है। क्या आप विस्तार से समझा सकते हैं?
प्रोफसर

76

संपादित करें 3:

सेवा कर्मचारियों ने 30 मार्च, 2018 को आईओएस के लिए सफारी में भेज दिया है!

संपादित करें 2:

24 जनवरी, 2018 को रिकी मोंडेलो के नाम से एक Apple डेवलपर ने यह ट्वीट किया:

https://twitter.com/rmondello/status/956256845311590400

"iOS 11.3 और macOS 10.13.4 में सर्विस वर्कर शामिल हैं - एक शक्तिशाली विनिर्देश जो पृष्ठभूमि स्क्रिप्ट को ऑफ़लाइन वेब एप्लिकेशन को पावर करने की अनुमति देता है। iOS 11.3 होम स्क्रीन पर वेब ऐप जोड़ते समय वेब ऐप मैनिफेस्ट का भी संरक्षण करता है।"

बहुत बढ़िया!

पुश सूचनाओं का कोई शब्द अभी तक नहीं, लेकिन अभी भी आश्चर्यजनक खबर है।

संपादित करें:

मैंने इस विषय पर Apple को एक लेख लिखा है:

https://m.phillydevshop.com/apples-refusal-to-support-progressive-web-apps-is-a-serious-detriment-to-future-of-the-web-e81b2x29676

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


मूल ANSWER:

"तो यह केवल सेवा कार्यकर्ता और ऐप मैनिफेस्ट के बारे में नहीं है।"

मेरी राय में, यह वास्तव में एक PWA के बारे में है - सेवा कार्यकर्ता। यही वह है जो आपको पीडब्ल्यूए को संभव बनाने वाली सभी भयानक चीजें करने की अनुमति देता है। बेसलाइन अब लंबे समय तक पूरा करना संभव है, और जबकि Google ने तकनीकी रूप से उन्हें आधारभूत वर्गीकरण के रूप में स्थापित किया है, वे चीजें वास्तव में एक ऐसा PWA नहीं हैं जो यह है। अन्यथा यह मेरी पुस्तक में एक नियमित रूप से उत्तरदायी वेब ऐप है।

यहां उन चीजों की एक सूची दी गई है जो आप अभी भी मोबाइल सफारी के साथ नहीं कर सकते हैं क्योंकि ऐपल ने उन्हें समर्थन देने से इनकार कर दिया है (क्योंकि वे ऐप स्टोर के पैसे खो देंगे):

  • एक एप्लिकेशन लोडिंग स्क्रीन बनाएं
  • पुश सूचनाओं का उपयोग करें
  • ऑफ़लाइन समर्थन जोड़ें
  • तुरंत लोड करने के लिए एक प्रारंभिक ऐप UI बनाएं
  • ब्राउज़र-निर्देशित संवाद के माध्यम से होम स्क्रीन पर शीघ्र स्थापना

स्वीकृत उत्तर वास्तव में यहां गलत तस्वीर पेश करता है। मैंने मोबाइल सफारी में ऐप्पल 'देशी' अनुभव को इसकी सीमा तक धकेल दिया है, और यह अभी भी बहुत खराब है। मैंने मोबाइल सफारी के फुल स्क्रीन मोड के साथ कई मुद्दों का अनुभव किया है, और Apple सिर्फ उनके बारे में परवाह नहीं करता है। इसे दूसरी श्रेणी के नागरिक की तरह माना जाता है क्योंकि यह ऐप स्टोर की तरह पैसे नहीं पैदा करता है।

आप देखेंगे कि यदि आप iOS पर अपने होम स्क्रीन पर ट्विटर की नई और भयानक प्रतिक्रिया / redux- आधारित मोबाइल साइट जोड़ते हैं, तो यह पूर्ण स्क्रीन मोड में नहीं खुलती है। मुझे संदेह है कि उन्हीं कारणों से जो मुझे मिला - बग्स को परेशान करते हुए, उन पर काम करने वाली ऐप्पल की टीम पर कोई नहीं था।

लोडिंग स्क्रीन जो कि एक बार iOS फुलस्क्रीन मोड में उपलब्ध थी जो वेब ऐप मेनिफेस्ट में उपलब्ध थी, ने रहस्यमय तरीके से काम करना बंद कर दिया है, इस विषय पर पोस्ट्स में अपने मंचों पर जो भी हो एप्पल की कोई टिप्पणी नहीं है। और उपयोगकर्ताओं को बताने के लिए, "ओह हे, बस शेयर पर क्लिक करें, फिर 'होम स्क्रीन में जोड़ें" पर स्लाइड करें चीजों के बारे में जाने के लिए एक भयानक तरीका है।

इसकी एक दुखद स्थिति है। वर्तमान स्वीकृत उत्तर की सूची को वास्तव में "बेसलाइन उत्तरदायी वेब ऐप सूची" कहा जाना चाहिए।

और यहां सवाल का जवाब देने के लिए - नहीं, कोई विकल्प नहीं है और कुछ भी नहीं है जो आप कर सकते हैं। आपको ऐप्पल गेम खेलना है, ऐप स्टोर तक पहुंचने के लिए $ 100 का भुगतान करना होगा, और पूरी तरह से अलग और अधिक जटिल प्रोग्रामिंग भाषा सीखना होगा, और एक पूरी तरह से अलग कोड बेस रखना होगा।

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

स्पष्ट होने के लिए, मैं Apple विरोधी नहीं हूँ। मैं एक iPhone का उपयोग करता हूं और एक मैक पर विकसित करता हूं। लेकिन उनकी व्यावसायिक रणनीति का यह पहलू निश्चित रूप से शर्मनाक है।


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

किसी ने मेरे लेख में मेरे लिए उसी बात का उल्लेख किया। मैंने इसे और अधिक 'क्रिया' कहने के लिए संपादित किया। लेकिन आप सही कह रहे हैं - मैं शायद वेब से आने वाला पक्षपाती हूं। लेकिन फेसबुक टीमें देशी ऐप्स की तुलना में वेब पर 5 गुना तेजी से पुनरावृति करने में सक्षम थीं, यही वजह है कि उन्होंने रिएक्ट नेटिव बनाया - इसलिए मुझे लगता है कि इसमें कुछ योग्यता है।
ग्रेग ब्लास
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.