डायनामिक वेब पेज: Difference between revisions
| Line 55: | Line 55: | ||
== संयोजन प्रौद्योगिकियां == | == संयोजन प्रौद्योगिकियां == | ||
सभी उपभोगता और परिसेवक घटक जो सामूहिक रूप से | सभी उपभोगता और परिसेवक घटक जो सामूहिक रूप से गतिशील वेब पेज का निर्माण करते हैं, [[ वेब अनुप्रयोग ]] कहलाते हैं। वेब अनुप्रयोज्य उपयोगकर्ता पारस्परिक क्रिया, स्थिति, सुरक्षा और प्रदर्शन का प्रबंधन करते हैं।<ref>{{webarchive |url=https://web.archive.org/web/20140222134142/http://docforge.com/wiki/Web_application |date=22 February 2014 |title=Web application}}</ref> | ||
एक [[वेब क्लाइंट|वेब उपभोगता]], जैसे कि | अजाक्स (प्रोग्रामिंग) उपभोगता-पक्ष लिपिबद्धन और परिसेवक -पक्ष अनुरोध दोनों के संयोजन का उपयोग करता है। यह विषय सूची को गतिशील रूप से बदलने के लिए वेब अनुप्रयोग विकास तकनीक है, और ऐसा करने के लिए यह डेटा के लिए परिसेवक को अनुरोध भेजता है। परिसेवक अनुरोधित डेटा लौटाता है जिसे उपभोगता-पक्ष लिपि द्वारा संसाधित किया जाता है। यह तकनीक परिसेवक लोड समय को कम कर सकती है क्योंकि उपभोगता परिसेवक के भाषा पार्सर द्वारा पूरे वेबपेज को पुन: उत्पन्न करने का अनुरोध नहीं करता है; केवल वह विषय सूची जो बदलेगी, प्रसारित की जाती है। गूगल मैप्स वेब अनुप्रयोज्य का एक उदाहरण है जो अजाक्स तकनीकों का उपयोग करता है। | ||
एक [[वेब क्लाइंट|वेब उपभोगता]], जैसे कि वेब ब्राउज़र, अपने स्वयं के परिसेवक के रूप में कार्य कर सकता है, एक पेज बनाने के लिए गोफर, FTP, NNTP (Usenet) and [[HTTP विधि]] कई अलग-अलग परिसेवकों से डेटा अभिगम कर सकता है। [[हाइपरटेक्स्ट ट्रांसपोर्ट प्रोटोकॉल]] उपभोगता से परिसेवक पर वापस दस्तावेज़ अभिभारण करने का समर्थन करता है। ऐसा करने के लिए कई HTTP तरीके हैं। | |||
== यह भी देखें == | == यह भी देखें == | ||
Revision as of 08:04, 4 March 2023
 | This article includes a list of general references, but it lacks sufficient corresponding inline citations. (December 2012) (Learn how and when to remove this template message) |
एक परिसेवक -पक्ष गतिशील वेब पृष्ठ एक वेब पेज है जिसका निर्माण परिसेवक -पक्ष स्क्रिप्ट को संसाधित करने वाले अनुप्रयोग परिसेवक द्वारा नियंत्रित किया जाता है। परिसेवक -पक्ष लिपिबद्धन में, पैरामीटर (कंप्यूटर प्रोग्रामिंग) निर्धारित करते हैं कि प्रत्येक नए वेब पेज की असेंबली कैसे आगे बढ़ती है, और अधिक उपभोगता-पक्ष प्रोसेसिंग की स्थापना भी शामिल है।
उपभोगता-पक्ष गतिशील वेब पेज लोड होने पर ब्राउज़र में चल रहे जावास्क्रिप्ट का उपयोग करके वेब पेज को प्रोसेस करता है। जावास्क्रिप्ट पृष्ठ स्थिति को क्वेरी करने और इसे संशोधित करने के लिए दस्तावेज़ ऑब्जेक्ट मॉडल या DOM के माध्यम से पृष्ठ के साथ सहभागिता कर सकता है। भले ही एक वेब पेज उपभोगता-पक्ष पर गतिशील हो सकता है, फिर भी जब तक कोई परिसेवक -पक्ष कोड शामिल नहीं होता है, तब तक इसे GitHub पेज या Amazon S3 जैसी स्थिर वेब होस्टिंग सेवा पर होस्ट किया जा सकता है।
एक गतिशील वेब पेज को तब उपयोगकर्ता द्वारा या कंप्यूटर प्रोग्राम द्वारा कुछ परिवर्तनशील विषय सूची को बदलने के लिए पुनः लोड किया जाता है। अद्यतन जानकारी परिसेवक से, या उस पृष्ठ के DOM में किए गए परिवर्तनों से आ सकती है। यह वेब ब्राउज़िंग इतिहास को छोटा कर सकता है या नहीं कर सकता है या वापस जाने के लिए एक सहेजा गया संस्करण बना सकता है, लेकिन अजाक्स (प्रोग्रामिंग) तकनीकों का उपयोग करने वाला गतिशील वेब पेज अपडेट न तो वापस जाने के लिए कोई पेज बनाएगा, न ही वेब को काटेगा। ब्राउज़िंग इतिहास प्रदर्शित पृष्ठ के आगे। AJAX का उपयोग करते हुए, अंतिम उपयोगकर्ता (कंप्यूटिंग) वेब ब्राउज़र में एक पृष्ठ के रूप में प्रबंधित एक गतिशील पृष्ठ प्राप्त करता है, जबकि उस पृष्ठ पर प्रदान की गई वास्तविक वेब विषय सूची भिन्न हो सकती है। AJAX इंजन केवल अपने उपभोगता के लिए अपने DOM, the DOM के कुछ हिस्सों का अनुरोध करने वाले ब्राउज़र पर एक अनुप्रयोज्य परिसेवक से बैठता है। एक विशेष अनुप्रयोज्य परिसेवक वेब अनुप्रयोज्य को सेवाएं प्रदान करने के लिए एक मानकीकृत रिप्रेसेंटेशनल_स्टेट_ट्रांसफर शैली अंतराफलक प्रदान कर सकता है।[1] DHTML उन वेब पेजों को बनाने के लिए उपयोग की जाने वाली तकनीकों और विधियों के लिए छत्र शब्द है जो स्थिर वेब पेज नहीं हैं, हालांकि यह AJAX के लोकप्रिय होने के बाद से आम उपयोग से बाहर हो गया है, एक ऐसा शब्द जो अब शायद ही कभी इस्तेमाल किया जाता है। उपभोगता-पक्ष-लिपिबद्धन, परिसेवक -पक्ष लिपिबद्धन, या इनका संयोजन एक ब्राउज़र में गतिशील वेब अनुभव बनाता है।
बुनियादी अवधारणाएँ
शास्त्रीय हाइपरटेक्स्ट नेविगेशन, केवल HTML या XHTML के साथ, स्थिर विषय सूची प्रदान करता है, जिसका अर्थ है कि उपयोगकर्ता एक वेब पेज का अनुरोध करता है और केवल उस पेज और उस पेज की जानकारी को देखता है।
हालांकि, एक वेब पेज एक जीवंत, गतिशील, या इंटरैक्टिव उपयोगकर्ता अनुभव भी प्रदान कर सकता है। एक वेब पेज पर विषय सूची (टेक्स्ट, इमेज, फॉर्म फ़ील्ड इत्यादि) विभिन्न संदर्भों या स्थितियों के जवाब में बदल सकती है।
इस तरह का प्रभाव पैदा करने के दो तरीके हैं:
- माउस या कीबोर्ड क्रियाओं के जवाब में या निर्दिष्ट समय की घटनाओं पर एक विशिष्ट वेब पेज के भीतर अंतराफलक व्यवहार को बदलने के लिए उपभोगता-पक्ष लिपिबद्धन का उपयोग करना। इस मामले में गतिशील व्यवहार देखने और महसूस करने के भीतर होता है।
- पृष्ठों के बीच दिए गए पृष्ठ स्रोत को बदलने के लिए परिसेवक -पक्ष लिपिबद्धन का उपयोग करना, वेब पेजों या ब्राउज़र को आपूर्ति की गई वेब विषय सूची के अनुक्रम या पुनः लोड को समायोजित करना। परिसेवक प्रतिक्रियाएँ ऐसी स्थितियों द्वारा निर्धारित की जा सकती हैं जैसे पोस्ट किए गए HTML फॉर्म में डेटा, यूनिफ़ॉर्म रिसोर्स लोकेटर में पैरामीटर, उपयोग किए जा रहे ब्राउज़र का प्रकार, समय बीतना, या डेटाबेस या परिसेवक स्टेट (कंप्यूटर साइंस)।[2]
ग्राहक की ओर लिपिबद्धन का उपयोग करने वाले वेब पेजों को प्रस्तुति तकनीक का उपयोग करना चाहिए जिसे मोटे तौर पर रिच इंटरनेट अनुप्रयोज्य #मेथड्स और तकनीक कहा जाता है। उपभोगता-पक्ष भाषा का अंकन जैसे जावास्क्रिप्ट या ActionScript , जिनका उपयोग क्रमशः गतिशील HTML (DHTML) और Adobe Flash तकनीकों के लिए किया जाता है, अक्सर प्रस्तुति के मीडिया प्रकारों (ध्वनि, एनिमेशन, बदलते पाठ, आदि) को ऑर्केस्ट्रेट करने के लिए उपयोग किया जाता रिमोट लिपिबद्धन दूरस्थ लिपिबद्धन के उपयोग की भी अनुमति देती है, एक ऐसी तकनीक जिसके द्वारा DHTML पेज एक HTML तत्व # फ्रेम्स, XMLHttpRequests, या एक वेब सेवा का उपयोग करके परिसेवक से अतिरिक्त जानकारी का अनुरोध करता है।
परिसेवक पक्ष लिपिबद्धन का उपयोग करने वाले वेब पेज अक्सर परिसेवक -पक्ष भाषाओं जैसे PHP, पर्ल, [[सक्रिय जावा परिसेवक पेज]], ASP.NET, JavaServer पेज, ठंडा गलन और अन्य भाषाओं की मदद से बनाए जाते हैं। ये परिसेवक -पक्ष भाषाएं आमतौर पर गतिशील वेब पेज बनाने के लिए कॉमन गेटवे अंतराफलक (CGI) का उपयोग करती हैं। इस प्रकार के पेज उपभोगता-पक्ष पर फर्स्ट टाइप (DHTML, आदि) का भी उपयोग कर सकते हैं।
इतिहास
डायनामिक वेब पेज की शुरुआत या कालक्रम के बारे में सटीक होना मुश्किल है क्योंकि सटीक अवधारणा वेब पेजों के व्यापक विकास के बाद ही समझ में आती है। हाइपरटेक्स्ट परहस्त शिष्टाचार 1989 से अस्तित्व में है, हाइपर टेक्स्ट मार्कअप भाषाएँ , 1996 से सार्वजनिक रूप से मानकीकृत है। वेब ब्राउज़र की लोकप्रियता में वृद्धि 1993 में मोज़ेक (वेब ब्राउज़र) के साथ शुरू हुई। बाज़ार।
जावास्क्रिप्ट (तब लाइवस्क्रिप्ट के रूप में जाना जाता है) की शुरूआत ने उपभोगता के ब्राउज़र में निष्पादित जावास्क्रिप्ट कोड के साथ उपभोगता-पक्ष गतिशील वेब पेजों के उत्पादन को सक्षम किया।[3] AJAX शब्द के अक्षर J ने मूल रूप से जावास्क्रिप्ट, साथ ही XML के उपयोग का संकेत दिया। परिसेवक पक्ष जावास्क्रिप्ट प्रसंस्करण के उदय के साथ, उदाहरण के लिए, मूल रूप से 2009 में विकसित Node.js, जावास्क्रिप्ट का उपयोग परिसेवक पर गतिशील रूप से पेज बनाने के लिए भी किया जाता है जो उपभोगता को पूरी तरह से भेजा जाता है।
MediaWiki, विषय सूची प्रबंधन प्रणाली जो विकिपीडिया को शक्ति प्रदान करती है, मूल रूप से परिसेवक -पक्ष गतिशील वेब पेज के लिए एक उदाहरण है, जिसके साथ फॉर्म सबमिशन और URL पैरामीटर के माध्यम से इंटरैक्ट किया जाता है। पूरे समय के दौरान, दृश्य संपादक जैसे प्रगतिशील वृद्धि एक्सटेंशन ने ऐसे तत्व भी जोड़े हैं जो उपभोगता पक्ष पर गतिशील हैं, जबकि मूल गतिशील परिसेवक -पक्ष तत्व जैसे कि क्लासिक एडिट फॉर्म वापस गिरने (सुशोभित गिरावट) के मामले में उपलब्ध रहते हैं। त्रुटि या असंगति का।
परिसेवक -पक्ष लिपिबद्धन
वेब परिसेवक (परिसेवक -पक्ष लिपिबद्धन) पर चलने वाले प्रोग्राम का उपयोग विभिन्न वेब पेजों पर वेब विषय सूची उत्पन्न करने, उपयोगकर्ता सत्रों को प्रबंधित करने और वर्कफ़्लो को नियंत्रित करने के लिए किया जाता है। परिसेवक प्रतिक्रियाएँ ऐसी स्थितियों द्वारा निर्धारित की जा सकती हैं जैसे पोस्ट किए गए HTML फॉर्म में डेटा, यूनिफ़ॉर्म रिसोर्स लोकेटर में पैरामीटर, उपयोग किए जा रहे ब्राउज़र का प्रकार, समय बीतना, या डेटाबेस या परिसेवक स्टेट (कंप्यूटर साइंस)।
ऐसे वेब पेज अक्सर परिसेवक -पक्ष भाषाओं जैसे एक्टिव परिसेवक पेज, कोल्डफ्यूजन, जाओ (प्रोग्रामिंग भाषा) , जावास्क्रिप्ट # परिसेवक -पक्ष जावास्क्रिप्ट, पर्ल, पीएचपी, रूबी (प्रोग्रामिंग भाषा) , पायथन (प्रोग्रामिंग भाषाएँ) की मदद से बनाए जाते हैं। , WebDNA और अन्य भाषाएँ, एक समर्थन परिसेवक द्वारा जो वेब परिसेवक के समान हार्डवेयर पर चल सकता है। ये परिसेवक -पक्ष भाषाएँ गतिशील वेब पेज बनाने के लिए अक्सर कॉमन गेटवे अंतराफलक (CGI) का उपयोग करती हैं। दो उल्लेखनीय अपवाद ASP.NET और JavaServer पेज हैं, जो अपने APIs में CGI अवधारणाओं का पुन: उपयोग करते हैं लेकिन वास्तव में सभी वेब अनुरोधों को एक साझा वर्चुअल मशीन में भेजते हैं।
वेब परिसेवक पर वेब पेज की स्रोत फ़ाइल के भीतर टैग या मार्कर एम्बेड करने के लिए परिसेवक -पक्ष भाषाओं का उपयोग किया जाता है।[4] जब उपभोगता कंप्यूटर पर कोई उपयोगकर्ता उस वेब पेज का अनुरोध करता है, तो वेब परिसेवक परिसेवक पर कार्रवाई करने के लिए इन टैग्स या मार्करों की व्याख्या करता है। उदाहरण के लिए, परिसेवक को डेटाबेस से जानकारी डालने या वर्तमान दिनांक जैसी जानकारी डालने का निर्देश दिया जा सकता है।
गतिशील वेब पेज अक्सर कैशे (कंप्यूटिंग) होते हैं जब बहुत कम या कोई बदलाव अपेक्षित नहीं होता है और पेज को काफी मात्रा में वेब ट्रैफिक प्राप्त होने का अनुमान होता है जो परिसेवक पर व्यर्थ दबाव डालेगा और पेज लोडिंग को धीमा कर देगा अगर उसे फ्लाई पर पेज जेनरेट करना पड़ा प्रत्येक अनुरोध के लिए।
उपभोगता-पक्ष लिपिबद्धन
उपभोगता-पक्ष लिपिबद्धन आगत यंत्र क्रियाओं के जवाब में, या निर्दिष्ट समय की घटनाओं पर विशिष्ट वेब पेज के भीतर अंतराफलक व्यवहार का बदलना है। इस मामले में, प्रस्तुति के भीतर गतिशील व्यवहार होता है। उपभोगता-पक्ष विषय सूची उपयोगकर्ता के स्थानीय कंप्यूटर व्यवस्था पर उत्पन्न होती है।[5]
ऐसे वेब पेज प्रस्तुति तकनीक का उपयोग करते हैं जिसे समृद्ध अंतराफलक वाले पृष्ठ कहा जाता है। उपभोगता-पक्ष लिपिबद्धन भाषाएँ जैसे जावास्क्रिप्ट या एक्शनस्क्रिप्ट, जिनका उपयोग क्रमशः गतिशील HTML (DHTML) और Adobe Flash तकनीकों के लिए किया जाता है, अक्सर प्रस्तुति के संचार माध्यम के प्रकारों (ध्वनि, एनिमेशन, बदलते पाठ, आदि) को ऑर्केस्ट्रेट करने के लिए उपयोग किया जाता है। उपभोगता-पक्ष लिपिबद्धन भी दूरस्थ लिपिबद्धन के उपयोग की अनुमति देती है, एक ऐसी तकनीक जिसके द्वारा DHTML पेज एक छिपे हुए (HTML तत्व) फ्रेम, XMLHttpRequests या वेब सेवा का उपयोग करके परिसेवक से अतिरिक्त जानकारी का अनुरोध करता है।
जावास्क्रिप्ट का पहला सार्वजनिक उपयोग 1995 में हुआ था, जब भाषा को नेटस्केप नेविगेटर 2 में लागू किया गया था, जिसे दो साल बाद ECMAScript के रूप में मानकीकृत किया गया था।[6]
- उदाहरण
उपभोगता-पक्ष विषय सूची उपभोगता के कंप्यूटर पर उत्पन्न होती है। वेब ब्राउज़र परिसेवक से एक पृष्ठ प्राप्त करता है, फिर पृष्ठ में सन्निहित किए गए कोड को संसाधित करता है (आमतौर पर जावास्क्रिप्ट में लिखा जाता है) और उपयोगकर्ता को पुनर्प्राप्त पृष्ठ की विषय सूची प्रदर्शित करता है।[7]
innerHTMLविशेशता (या लिखें कमांड) उपभोगता-पक्ष गतिशील पेज जेनरेशन को चित्रित कर सकती है: दो अलग-अलग पेज, A और B, को पुनर्जीवित किया जा सकता है (एक "इवेंट रिस्पांस गतिशील" द्वारा)document.innerHTML = Aऔरdocument.innerHTML = B; या लोड गतिशील द्वाराdocument.write(A)औरdocument.write(B).
संयोजन प्रौद्योगिकियां
सभी उपभोगता और परिसेवक घटक जो सामूहिक रूप से गतिशील वेब पेज का निर्माण करते हैं, वेब अनुप्रयोग कहलाते हैं। वेब अनुप्रयोज्य उपयोगकर्ता पारस्परिक क्रिया, स्थिति, सुरक्षा और प्रदर्शन का प्रबंधन करते हैं।[8]
अजाक्स (प्रोग्रामिंग) उपभोगता-पक्ष लिपिबद्धन और परिसेवक -पक्ष अनुरोध दोनों के संयोजन का उपयोग करता है। यह विषय सूची को गतिशील रूप से बदलने के लिए वेब अनुप्रयोग विकास तकनीक है, और ऐसा करने के लिए यह डेटा के लिए परिसेवक को अनुरोध भेजता है। परिसेवक अनुरोधित डेटा लौटाता है जिसे उपभोगता-पक्ष लिपि द्वारा संसाधित किया जाता है। यह तकनीक परिसेवक लोड समय को कम कर सकती है क्योंकि उपभोगता परिसेवक के भाषा पार्सर द्वारा पूरे वेबपेज को पुन: उत्पन्न करने का अनुरोध नहीं करता है; केवल वह विषय सूची जो बदलेगी, प्रसारित की जाती है। गूगल मैप्स वेब अनुप्रयोज्य का एक उदाहरण है जो अजाक्स तकनीकों का उपयोग करता है।
एक वेब उपभोगता, जैसे कि वेब ब्राउज़र, अपने स्वयं के परिसेवक के रूप में कार्य कर सकता है, एक पेज बनाने के लिए गोफर, FTP, NNTP (Usenet) and HTTP विधि कई अलग-अलग परिसेवकों से डेटा अभिगम कर सकता है। हाइपरटेक्स्ट ट्रांसपोर्ट प्रोटोकॉल उपभोगता से परिसेवक पर वापस दस्तावेज़ अभिभारण करने का समर्थन करता है। ऐसा करने के लिए कई HTTP तरीके हैं।
यह भी देखें
- स्टेटिक वेब पेज
- गतिशील एचटीएमएल
- प्रतिक्रियात्मक वेब डिज़ाइन
- डीप वेब (खोज अनुक्रमण)
- वेब टेम्पलेट सिस्टम
- गतिशील वेब पृष्ठों की सेवा के लिए समाधान ढेर
- लैंप (सॉफ्टवेयर बंडल)
- लाइम (सॉफ्टवेयर बंडल)
- LYCE (सॉफ्टवेयर बंडल)
- विषय सूची प्रबंधन प्रणाली
- वेब विषय सूची प्रबंधन प्रणाली
- निजीकरण प्रबंधन प्रणाली
संदर्भ
- ↑ Fielding, Roy Thomas (2000). "Chapter 5: Representational State Transfer (REST)". वास्तुकला शैलियाँ और नेटवर्क-आधारित सॉफ़्टवेयर आर्किटेक्चर का डिज़ाइन (Ph.D.). University of California, Irvine.
- ↑ Nelson, Anne; Nelson, William H. M. (2002). वेब डेटाबेस कंस्ट्रक्शन के साथ इलेक्ट्रॉनिक कॉमर्स का निर्माण (in English). Addison Wesley. ISBN 9780201741308.
- ↑ Benson, Brent W. (1999). "JavaScript". ACM SIGPLAN Notices. 34 (4): 25–27. doi:10.1145/312009.312023. S2CID 10076062..
- ↑ Tatroe, Kevin (2013). Programming PHP: Creating Dynamic Web Pages (3 ed.). O'Reilly. ISBN 9781449365837.
- ↑ Doyle, Barry; Lopes, Cristina Videira (17 January 2008). "वेब अनुप्रयोग विकास के लिए प्रौद्योगिकियों का सर्वेक्षण". arXiv:0801.2618 [cs.SE].
- ↑ Okin, J. R. (2005). The Information Revolution: The Not-for-dummies Guide to the History, Technology, and Use of the World Wide Web (in English). Ironbound Press. ISBN 9780976385745.
- ↑ "Learning VBScript", P. Lomax. ISBN 1-56592-247-6. Ed. O'Reilly, 1997. sec. C13.
- ↑ Web application at the Wayback Machine (archived 22 February 2014)
बाहरी संबंध
- Static versus dynamic web site from W3.org
- Dynamic web sites using the Relationship Management Method, from W3.org.
- Wide analysis of dynamic web pages from University of Texas, Austin.
