💪 🌼 ☠️ फ़्लैश साइटों में URL की स्वच्छता पर विचार 🌺 🕚 🔫

वे दिन आ गए जब जैकब नीलसन ने फ्लैश को डांटा क्योंकि इसमें सुविधाजनक नेविगेशन की कमी है, उदाहरण के लिए, एक विशिष्ट लिंक को एक विशिष्ट पृष्ठ असाइन करने की क्षमता, बैक और फॉरवर्ड बटन काम नहीं करते हैं, आदि।

जैकब नीलसन, अनुच्छेद - फ्लैश 99% अस्वीकार्य है :

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

यह लेख 1999 में लिखा गया था, और फिर जैकब नीलसन द्वारा उल्लिखित इन सभी बिंदुओं को वास्तविकता में अनुवाद करना वास्तव में मुश्किल था। यह लगभग असंभव है।

इस विषय पर वेब पर, इतनी जानकारी नहीं है और मंचों और समाचार पत्रों पर यह सवाल अक्सर पूछा जाता है:

फ्लैशगुरु , लेख - प्रभावी फ्लैश नेविगेशन और माइकल एंटिपिन द्वारा, लेख - फ्लैश इंटरैक्शन - जावास्क्रिप्ट और फ्लैश साइट नेविगेशन ।

परिणामस्वरूप, आपके फ़्लैश-साइट पर नेविगेशन, इन पाठों को पढ़ने के बाद, इस तरह दिखेगा: http://yoursite.com/#news/2006/08/25

और इसके अलावा, "बैक" और "फॉरवर्ड" बटन काम करेंगे (केवल बटन फ्लैशगुरु के साथ काम करते हैं। एड्रेस बार अपडेट नहीं होता है)।

यह लेख इसके बारे में थोड़ा सा नहीं है - इसके बारे में अधिक, लेकिन यहां मैं यह दिखाना चाहता हूं कि आप किसी URL को और अधिक सुंदर (स्वच्छ) कैसे बना सकते हैं। URL कुछ इस तरह दिखेगा: http://yoursite.com/news/2006/08/25

पिछले उदाहरण के साथ अंतर पर ध्यान दें? हां, # चिह्न गायब है।

यह एक तिपहिया की तरह लगता है, लेकिन # के बिना, सब कुछ जल्दी है, प्रीटीयर सहमत हैं।

मैं आपको सलाह देता हूं कि आप आर्टमी लेबेदेव के सहसंयोजन पर एक अध्याय पढ़ें:

Fight 48. हम URL की शुद्धता के लिए लड़ते हैं

लेकिन मेरी विधि दोषों के बिना नहीं है, अफसोस:

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

आपके सर्वर को .htaccess

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

मैं यह समझाने की कोशिश करूंगा कि यह कैसे काम करता है और इसके लिए .htaccess

फ़ाइल की आवश्यकता क्यों है।

.htaccess

फ़ाइल (विकिपीडिया पर आधारित)

.htaccess

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

.htaccess

httpd.conf

समान है, इस अंतर के साथ कि यह केवल उस निर्देशिका को प्रभावित करता है जिसमें यह स्थित है और इसकी बाल निर्देशिका है। किसी विशेष निर्देशिका में .htaccess

का उपयोग करने की क्षमता httpd.conf में निर्दिष्ट है।

.Htaccess फ़ाइल के बारे में अधिक जानकारी के लिए, यहाँ - en.wikipedia.org/wiki/.htaccess , साथ ही apache.org पर

1) तो, एक .htaccess

फ़ाइल बनाएँ:

RewriteEngine On 
      

        
        
        
      

     RewriteBase /    
      

        
        
        
      

     RewriteCond %{REQUEST_FILENAME} !-f 
      

        
        
        
      

     RewriteCond %{REQUEST_FILENAME} !-d 
      

        
        
        
      

     RewriteRule . / -     -/index.php [L]

मैं इस बारे में विवरण में नहीं जाऊंगा कि यह कैसे काम करता है। सामान्य तौर पर, .htaccess

फ़ाइल को उपरोक्त कोड के साथ आपकी साइट के रूट फ़ोल्डर में डालते हुए, चाहे आप एड्रेस बार में कोई भी रास्ता क्यों न लिख लें, index.php फ़ाइल, जो कि .htaccess

फ़ाइल के साथ स्थित है, सभी एक ही रूट फ़ोल्डर में लोड की जाएगी। ।

जरूरी नहीं कि index.php (आपका सर्वर PHP का समर्थन न करे), index.htm और index.html भी संभव हैं। मुख्य बात यह है कि आपका सर्वर जानता है कि यदि फ़ाइल इंडेक्स (एन-रिज़ॉल्यूशन) है, तो आपको इस या उस निर्देशिका को लोड करने की आवश्यकता है।

मुझे लगता है कि मेरा विचार पहले से ही थोड़ा स्पष्ट होने लगा है।

Index.php में हम swf एम्बेड करते हैं, कोई फर्क नहीं पड़ता कि कैसे, यह मानक तरीके से किया जा सकता है, या यह SWFObject (मैं सलाह देता हूं) के साथ किया जा सकता है । पूर्ण पथ को निर्दिष्ट करने के लिए यह बहुत महत्वपूर्ण है:

var so = new SWFObject("main.swf", "main", "100%", "100%", "8", "0x000000", false, "high");so.addVariable("app", getQueryParamValue("app")); 
      

        
        
        
      

     so.addVariable("id", getQueryParamValue("id")); 
      

        
        
        
      

     so.write("flashcontent");

इसलिए, यदि आपने main.swf निर्दिष्ट किया है, तो पता बार से क्वेरी करते समय, http://yoursite.com/eng/portfolio/design/my_first_work/ , SWFObject को मुख्य main.swf नहीं मिलेगा, क्योंकि संलग्न निर्देशिका और पोर्टफोलियो आदि वास्तव में अस्तित्व में नहीं है।

अब main.swf को कैसे पता चलता है कि यह http://yoursite.com/eng/portfolio/design/my_first_work/ निर्देशिका में है?

इसके दो तरीके हैं:

जावास्क्रिप्ट ( location.pathname

) और flashvars

का उपयोग करना
सीधे ActionScript (_root._url

) का उपयोग कर

मैं पहला तरीका पसंद करता हूं।

ऐसी स्कीम - URL.pathname प्रॉपर्टी URL के उस हिस्से से अर्क निकालती है, जिसमें उसका हिस्सा है। यह URL को फ्लैशवार्स का उपयोग करते हुए, main.swf फ़ाइल में जाता है (आप कर सकते हैं, वैसे, जावास्क्रिप्ट का उपयोग करके location.pathname

को पार्स करें और प्रत्येक चर को main.swf में अलग से पास करें। मेरे उदाहरण में, location.pathname

को सीधे main.swf में पार्स किया गया है):

var so = new SWFObject("http://yourserver.com/main.swf", "main", "100%", "100%", "8", "0x000000", false, "high"); 
      

        
        
        
      

     so.addVariable("location_pathname", location.pathname); 
      

        
        
        
      

     so.write("flashcontent");

खैर, फिर main.swf में, _root

माध्यम से, हमें location_pathname

चर मिलता है, कहते हैं:

_root.location_pathname="/eng/portfolio/design/my_first_work/"

और फिर स्ट्रिंग्स का सामान्य क्रमांकन आता है। क्रमांकन प्रक्रिया काफी हद तक आपकी साइट की संरचना पर निर्भर करती है। उदाहरण के लिए, मैं एक साधारण Location Serializer

फ़ंक्शन के लिए कोड दूंगा (यह सबसे सरल उदाहरण है):

var location:Object = new Object(); 
      

        
        
        
      

     location.pathname = _root.location_pathname 
      

        
        
        
      

     function LocationSerializer(path:String) { 
      

        
        
        
      

     var pathname_str:String = path.substr(1, path.length-2); 
      

        
        
        
      

     var path_arr:Array = pathname_str.split("/"); 
      

        
        
        
      

     trace("Language: " path_arr[0]); 
      

        
        
        
      

     trace("Category: " path_arr[1]); 
      

        
        
        
      

     trace("SubCategory: " path_arr[2]); 
      

        
        
        
      

     trace("Id: " path_arr[3]); 
      

        
        
        
      

     } 
      

        
        
        
      

     LocationSerializer (location.pathname);

path_arr[0]

, आदि के आधार पर, आप xml डाउनलोड करने के लिए एक अनुरोध भेज सकते हैं (कई समाधान हैं - आप नियमित स्थैतिक xml का लिंक दे सकते हैं, या mysql में डेटा स्टोर कर सकते हैं और अनुरोध पर xml प्रदर्शित कर सकते हैं)।

कुछ इस तरह:

loadXML("project.php?lang="+ path_arr[0]+"&category="+ path_arr[1]+ path_arr[2]+"&id="+ path_arr[3])

स्वाभाविक रूप से आप कहते हैं - path_arr[0]

, [1]

, [n...]

मैन्युअल रूप से बनाएं लागत प्रभावी नहीं है। मैं सहमत हूं, मैं, मेरी परियोजनाओं के लिए - एक विशेष वर्ग (या बल्कि वर्गों का एक समूह) है जो ऐसा करते हैं। लेकिन यह चर्चा का एक अलग विषय है।

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

मुझे आशा है कि मैंने स्पष्ट रूप से अपना विचार रखा है - और आपको सोचने का कारण दिया है।

और विचार के लिए बहुत सारे कारण हैं - उदाहरण के लिए:

यदि xml लोड नहीं किया गया है तो क्या करें? हाँ, ज़रूर! पृष्ठ 404 उत्पन्न करें।
क्रमबद्धता के बारे में सोचो। यह एक जटिल प्रश्न है। शायद मैं इस विषय पर एक लेख लिखूंगा
उपयोगकर्ता को सूचित कैसे करें कि वह मुख्य पृष्ठ से / eng / पोर्टफोलियो / डिज़ाइन / my_first_work / में स्थानांतरित हो गया है?

यहाँ फिर से, दो विकल्प:

या getURL

साथ पृष्ठ को खोलना मुश्किल है (जो कि बहुत सारे ट्रैफ़िक और लंबे समय तक लोड करने में सक्षम हो जाएगा) मैं वास्तव में इस विकल्प का उपयोग करने की अनुशंसा नहीं करता हूं।
या एक विशेष DIRECT LINK पैनल बनाएं, जो वर्तमान साइट URL को संग्रहीत करता है। इस आशय का कार्यान्वयन thefwa.com पर देखा जा सकता है

वैसे, कार्यक्षमता में thefwa.com पर नेविगेशन बिल्कुल मेरे जैसा ही है:

http://www.thefwa.com/?app=winners&id=6025

मेरे उदाहरण के फ़ायदे स्पष्ट हैं अगर इसका उपयोग thefwa.com पर किया गया हो :

http://www.thefwa.com/winners/6025

टाइप करने में आसान, पढ़ने में आसान। और सामान्य रूप से, URL अधिक स्पष्ट है, इस साइट पर जाने वाले सचिव के लिए कहें। वैसे, कई लोगों के मन में यह सवाल है कि http://www.thefwa.com/?app=winners&id=6025 कैसे करें । सब कुछ प्राथमिक है, उसी SWFObject का उपयोग करके:

var so = new SWFObject("main.swf", "main", "100%", "100%", "8", "0x000000", false, "high"); 
      

        
        
        
      

     so.addVariable("app", getQueryParamValue("app")); 
      

        
        
        
      

     so.addVariable("id", getQueryParamValue("id")); 
      

        
        
        
      

     so.write("flashcontent");

आपको रूसी SWFObject में लेख पढ़ना चाहिए - सभी SWF को लागू करने के बारे में, खिलाड़ी संस्करण और ExpressInstall का पता लगाने के बारे में।

वास्तव में सब कुछ। हाँ, अपनी वेबसाइट यूआरएल "एक बच्चे के चुंबन के रूप में साफ हो जाएगा" करते हैं।

अद्यतन : मैं इस पुस्तकालय का उपयोग कर रहा हूँ - स्वफ़ैड्रेस , जो नेविगेशन (बैक, फॉरवर्ड, आदि) के साथ कई समस्याओं को हल करता है।

फ़्लैश साइटों में URL की स्वच्छता पर विचार

More articles: