[Html 5] शेयरडॉकर केस स्टडीज

Html 5 में, सुविधाओं के एक पूरे चिड़ियाघर को पहले ही प्रतिबंधित किया गया है, और, मुझे लगता है, पहले से ही बहुत कम लोग हैं जो पूरी तरह से "Html 5" को जानते हैं। मुझे लगता है कि आपने कुछ प्रतिशत से कम कुछ SharedWorkers के बारे में सुना है।

यह क्या है

यह एक प्रकार का सत्र है, केवल क्लाइंट पर। और इसके अलावा, न केवल एक भंडार के रूप में एक सत्र, बल्कि एक जीवित प्रक्रिया के रूप में एक सत्र।

इसकी आवश्यकता क्यों हो सकती है?

आप उन्हें उसी साइट के टैब के बीच संवाद करने के लिए उपयोग कर सकते हैं।

इसके अलावा, मेरा मानना ​​है कि अब किसी वेबसाइट को तभी आधुनिक माना जा सकता है, जब उसमें तथाकथित "पुश" हो: सर्वर से अपडेट को सीधे क्लाइंट के ब्राउजर में धकेलना। इस तरह के एक धक्का को लागू करने के लिए, आपको पृष्ठ पर एक WebSocket कनेक्शन स्थापित करने की आवश्यकता है। उसी समय, आपकी साइट का प्रत्येक टैब WebSocket के माध्यम से अपना कनेक्शन बनाएगा।

इससे सर्वर पर लोड बढ़ जाता है, और कनेक्शन को स्वयं कुछ समय लगता है (क्रोम में मेरे लिए यह स्थानीय होस्ट पर Node.js पर कुछ सेकंड का समय लेता है)। हम यह सुनिश्चित करके लोड को कम करने का प्रयास कर सकते हैं कि क्लाइंट के ब्राउज़र के सभी टैब एक सामान्य वेबस्केट कनेक्शन का उपयोग करते हैं। और ये SharedWorkers इसमें हमारी मदद करेंगे।

यह कैसे काम करता है?

दूसरे दिन, मुझे किसी तरह पता चला कि यह सब कैसे काम करता है (जो इस तथ्य से जटिल है कि आप इस तरह के "डिबग" को एक साधारण चेतावनी नहीं बना सकते हैं: यह आसानी से शुरू करने में विफल हो सकता है अगर यह कुछ पसंद नहीं है, और यहां तक ​​कि rugnotsya)। इस चीज़ के साथ काम को सरल बनाने के लिए, मैंने एक पुस्तकालय - साझा कार्यकर्ता.जेएस लिखा।

इसके आगे, आप टैब के बीच संचार को लागू करने का एक सरल उदाहरण (उदाहरण फ़ोल्डर) और पुश कार्यान्वयन (वेबस्केट उदाहरण फ़ोल्डर) का एक उदाहरण देख सकते हैं। Chrome में, सभी उदाहरण केवल वेब सर्वर के तहत चलते हैं; बस उन्हें हार्ड ड्राइव से खोलें काम नहीं करेगा (क्रोम में एक दोष, क्रोम में स्थानीय फ़ाइलों के लिए अजाक्स भी विफल हो जाएगा)। वेब सॉकेट उदाहरण के लिए node server.js npm install ws और node server.js आवश्यकता होती है।

यह कहाँ काम करता है?

क्रोम और ओपेरा में काम करता है। यह फ़ायरफ़ॉक्स में काम नहीं करता है। अधिक जानकारी ।

इतना कम क्या है?

जब मैंने इस विषय पर गूगल करने की कोशिश की, तो कुछ नहीं मिला। मुझे कोई भी सामान्य उदाहरण नहीं मिला ( केवल एक ही मिला , जो इसे हल्के ढंग से रखने के लिए, गंदा है, और इसमें "शामिल" के बारे में एक शब्द नहीं है, जिसके बिना आप एक वास्तविक आवेदन नहीं लिख सकते हैं - सिर्फ एक शैक्षणिक उदाहरण)। अब, साधक इसे Google पर पा सकते हैं।

लिंक के बारे में अधिक

इस मामले में, आपको अजाक्स पर साइट पर नेविगेशन लिखना होगा (उदाहरण के लिए, Vkontakte ने यह कैसे किया), क्योंकि यदि आप, उदाहरण के लिए, साइट के साथ एक टैब खोलें, और इसमें बस नियमित लिंक का उपयोग करके उसी के दूसरे पृष्ठ पर जाएं, फिर वर्तमान शेयरडॉर्कर नष्ट हो गया है और एक नया बनाया गया है। यह तार्किक है: जब आप एक नए यूआरएल पर स्विच करते हैं, तो उसी साइट पर भी, जिस पेज को आप रीडायरेक्ट कर रहे हैं, वह पहले नष्ट हो जाता है, और उसके बाद ही आप जिस पेज पर रीडायरेक्ट होते हैं, वह बन जाता है।

आपी का नुकसान

वर्तमान Api SharedWorker में एक "कनेक्ट" ईवेंट है, लेकिन कोई "डिस्कनेक्ट" ईवेंट नहीं है, और इसलिए साझा वर्कर .js लाइब्रेरी में सहकर्मी सरणी बंद टैब को स्व-साफ़ नहीं कर सकते हैं - यह उन्हें खुले विचार करना जारी रखेगा। इससे कोई त्रुटि नहीं होगी, यह केवल वर्तमान Api SharedWorker का दोष है।