What PWA Can Do Today - आज PWA क्या कर सकता है

अभी उपलब्ध PWA फीचर्स

• PWA (Progressive Web App) ऐसी वेबसाइट है जिसे डिवाइस पर install किया जा सकता है और जो app जैसा अनुभव देती है।
• यह app एक PWA है, जिसे mobile device या desktop home screen पर install किया जा सकता है।
• install करने के बाद नीचे दिए गए फीचर डेमो देखकर आप जान सकते हैं कि आपके डिवाइस पर कौन-कौन से फीचर्स supported हैं।

फीचर्स

• Media Capture: web app डिवाइस के camera और microphone का उपयोग कर सकती है।
• Geolocation: उपयोगकर्ता web app के साथ अपनी location साझा कर सकता है।
• Notifications: app के active न होने पर भी web app notifications दिखा सकती है।
• Contact Picker: उपयोगकर्ता के contacts चुने जा सकते हैं।
• Web Share: डिवाइस के default share mechanism को बुलाकर text, URL या files साझा किए जा सकते हैं।
• Authentication: fingerprint reader या external USB security key के जरिए passwordless authentication संभव बनाता है।
• File System: उपयोगकर्ता के डिवाइस के file system तक पहुंचा जा सकता है।
• Barcode Detection: images में barcode और QR code detect किए जा सकते हैं।
• Face Detection: images में चेहरों को detect किया जा सकता है।
• Vibration: mobile device को vibrate किया जा सकता है।
• Audio Recording: audio को record और visualize किया जा सकता है।
• Audio: डिवाइस की lock screen पर media playback controls दिखाए जा सकते हैं।
• Background Sync: offline होने पर काम को टालकर network connection बहाल होने पर चलाया जा सकता है।
• Background Fetch: app के न चलने पर भी बड़े files को background में download किया जा सकता है।
• Capture Handle: screen capture web app, captured web app के साथ भरोसेमंद तरीके से संचार कर सकती है।
• Storage API: web app उपयोगकर्ता के browser में structured data को लगातार store कर सकती है।
• Bluetooth: web app BLE device से connect होकर values को read या write कर सकती है।
• NFC: web app NFC tags को read और write कर सकती है।
• Augmented Reality/Virtual Reality: virtual objects को वास्तविक दुनिया में रखा जा सकता है।
• Payments: web पर credit card, Apple Pay या Google Pay का उपयोग करके payment किया जा सकता है।
• Wake Lock: जब app को लगातार चलना हो, तब screen के dim या lock होने से रोका जा सकता है।
• Orientation: उपयोगकर्ता के डिवाइस की भौतिक दिशा की जानकारी देता है।
• Motion: उपयोगकर्ता के डिवाइस की स्थिति और दिशा में बदलाव की गति की जानकारी देता है।
• Network Information: डिवाइस के connection की जानकारी देता है, ताकि web app network quality के अनुसार फीचर्स को समायोजित कर सके।
• Speech Synthesis: text को speech में बदलता है और program को text सामग्री पढ़ने देता है।
• Speech Recognition: voice input से speech context को पहचान सकता है।
• Multi-touch: जटिल touch gestures को capture किया जा सकता है।

सेंसर सक्रिय करने का तरीका

• जब डिवाइस पर motion sensors उपलब्ध न हों, तो उन्हें enable करने का तरीका।
• iOS: केवल iOS 12 पर लागू। बदलाव लागू होने के लिए app को home screen से हटाकर फिर से जोड़ना पड़ सकता है।
• Android: Android के Chrome browser में यह site खोलें, फिर main menu में 'Motion Sensors' पर tap करके इसे enable किया जा सकता है।

GN⁺ की राय

• PWA एक नवाचारी तकनीक है जो उपयोगकर्ताओं को native app जैसा अनुभव देती है, जबकि web technologies का उपयोग करके अधिक व्यापक accessibility और compatibility भी प्रदान करती है।
• यह लेख विभिन्न PWA फीचर्स का परिचय देता है, और खासकर media capture, geolocation, background sync जैसी क्षमताएं mobile user experience को काफी बेहतर बना सकती हैं।
• sensor activation का तरीका देकर यह उपयोगी जानकारी भी देता है, जिससे उपयोगकर्ता अपने डिवाइस पर PWA के सभी फीचर्स का अधिकतम उपयोग कर सकें।

[pmc7777]

मुझे उस दिन का बेसब्री से इंतज़ार है जब PWA मोबाइल स्टोर मार्केट को बदल देंगे!

[anjin225]

अगर url scheme का support हो तो और अच्छा होता haha..अफसोस

[GN⁺]

Hacker News की राय

• एक उपयोगकर्ता ने बताया कि वे अपने ग्राहकों के लिए Microsoft InTune के ज़रिए iPad और Surface Go डिवाइसों पर PWA(Progressive Web Apps) डिप्लॉय कर रहे हैं। 2020 के आसपास यह किसी दुःस्वप्न जैसा था, लेकिन अब काफ़ी अधिक सुचारु है। उन्होंने कहा कि एक ग्राहक ने iPad से Surface Go पर स्विच किया और अतिरिक्त endpoint management का उपयोग करके PWA अनुभव को kiosk mode जैसा बना दिया, जिससे प्रक्रिया बेहतर हुई। उनके लिए सबसे बड़ी सीमा environment-facing camera की quality और browser के माध्यम से camera features तक पहुँच का स्तर था। iOS/Safari शुरू में बहुत कमज़ोर था, लेकिन अब काफ़ी बेहतर हो गया है। अब Safari के ज़रिए iPad के rear camera से 2k environment scan 30fps पर मिल सकता है, और 2D barcode scan तथा document capture 100% संभव हैं। पहले product demo के दौरान ये सुविधाएँ बहुत अस्थिर लगती थीं, लेकिन अब उन्हें इसकी चिंता नहीं रहती। camera समस्याओं की वजह से वे लगभग native iOS app पर लौटने वाले थे, लेकिन पूरी तरह Microsoft environment में native build chain बनाए रखना बहुत बड़ा बोझ था। उन्होंने कहा कि पहले वे ग्राहकों के लिए आधी सदी तक enterprise IPA sign करते रहे, लेकिन अब वे web/PWA पर आ गए हैं, और यदि web गायब हो जाए तो वे कोई दूसरा करियर और शौक ढूँढ़ लेंगे।
• एक अन्य उपयोगकर्ता ने कहा कि PWA का मुख्य उद्देश्य cross-platform app उपलब्ध कराना है, इसलिए यह अफ़सोस की बात है कि वेबसाइट साफ़ तौर पर यह नहीं दिखाती कि कौन-सी सुविधाएँ iOS और Android पर "सार्वभौमिक" रूप से समर्थित हैं। उनका तर्क था कि यदि कोई feature सभी/अधिकांश platforms पर उपलब्ध नहीं है, तो यह कहना उचित नहीं कि वह PWA में वास्तव में उपयोग योग्य है।
• एक और उपयोगकर्ता ने इंगित किया कि PWA की demo site में भी iOS पर स्पष्ट UX bugs हैं। उन्होंने बताया कि स्क्रीन के दोनों किनारों से swipe करके back/forward जाने पर duplicate animation की समस्या होती है। उनका कहना था कि इसे ठीक करना page की slide animation को disable करने जितना आसान हो सकता है, लेकिन site बनाने वालों ने या तो इसे नोटिस नहीं किया या परवाह नहीं की। उन्होंने यह भी कहा कि Apple की भी कुछ ज़िम्मेदारी है, और आदर्श रूप से native swipe gesture को detect और customize करने के लिए अधिक उपयुक्त interface होना चाहिए।
• एक उपयोगकर्ता ने Hacker News समुदाय के कुछ लोगों की आलोचना की, जो ऐसे रूखे comments छोड़ते हैं मानो यह निश्चित न हो कि site बनाने वाला उन्हें देखेगा। उन्होंने कहा कि दुनिया के सामने अपनी रचना रखने पर आलोचना स्वीकार करना ज़रूरी हो सकता है, लेकिन यही वजह है कि इस समुदाय के बाहर के लोग अपने काम के यहाँ साझा होने को नापसंद करते हैं, या कम-से-कम comments पढ़ने से बचना चाहते हैं।
• एक उपयोगकर्ता ने कहा कि वे चाहते हैं कि Firefox desktop भी PWA support करने वाले browsers में शामिल हो। वे ऐसे apps बना रहे हैं जो PWA-first हैं, लेकिन इसका आम तौर पर मतलब होता है कि उपयोगकर्ता को Chrome instance चलाना पड़े। उनका तर्क था कि यदि Firefox, Chrome से भी अधिक सुचारु PWA integration दे, तो वह उनकी apps recommend करने का कारण बन सकता है।
• एक अन्य उपयोगकर्ता ने तर्क दिया कि PWA adoption को रोकने वाली मुख्य तकनीकी समस्या यह है कि JS frontend दुनिया UX को बर्बाद करने वाले frontend frameworks की लत में फँसी हुई है। उन्होंने यह भी कहा कि app stores ऐसी मूलभूत value देते हैं जो PWA कभी नहीं दे पाएँगे, और trust का पहलू विशेषकर iOS App Store में अधिक मज़बूत है।
• एक उपयोगकर्ता ने कहा कि यदि यह site PWA की संभावनाओं को अच्छी तरह दिखाने वाला demo है, तो उनके लिए यह असफल लगता है। उन्होंने शिकायत की कि यह load होने में लंबा समय लेती है, इसमें बहुत-सी ऐसी features/functionality हैं जो वे नहीं चाहते, और swipe करके back जाने की कोशिश करने पर double navigation जैसी समस्याएँ होती हैं।
• एक अन्य उपयोगकर्ता ने कहा कि वे तब तक इंतज़ार करेंगे जब तक iOS पर PWA को share target के रूप में register नहीं किया जा सकता। वे चाहते हैं कि किसी web page पर "Share" क्लिक करने पर share sheet में वह app के रूप में दिखाई दे।
• एक उपयोगकर्ता ने कहा कि GitHub repository में source code के बिना सिर्फ bug tracker होना अच्छा नहीं है, और यदि सच में PWA को बढ़ावा देना है तो पूरा source code उपलब्ध कराना चाहिए।
• अंत में, एक उपयोगकर्ता ने कहा कि demo app की कई सुविधाएँ iOS 17 पर काम नहीं करतीं, और व्यंग्य में कहा कि शायद Apple यही चाहता है। दूसरी ओर, उन्होंने Eclipse Emulator PWA को iOS पर कुछ दिनों तक इस्तेमाल किया और कहा कि वह बहुत अच्छी तरह काम करता है। अब तक उन्हें केवल एक ही समस्या मिली: SNES emulate करते समय audio टूटता है।