जावास्क्रिप्ट: PHP में शामिल हैं

दूसरे में एक जावास्क्रिप्ट फ़ाइल कैसे शामिल करें? विभिन्न जावास्क्रिप्ट फ़ाइलों में स्थित कोड के बीच निर्भरता को कैसे चिह्नित करें? इन समस्याओं के समाधान लंबे समय से ज्ञात हैं। सर्वर पर यह पता लगाने की कोशिश क्यों नहीं की गई?

समस्या

विषय से यह पहले से ही स्पष्ट होना चाहिए कि हम वेब पृष्ठों पर जावास्क्रिप्ट के बारे में बात करेंगे। सामान्य तौर पर, मुझे ऐसा लगता है कि बहुत से लोग बहुत लंबे समय से जावास्क्रिप्ट में शामिल समस्या के बारे में चिंतित हैं (उदाहरण के लिए, यहां और यहां ), हालांकि शायद मैं कुछ हद तक इस समस्या को बढ़ा रहा हूं।
मेरे खाते में इस समय PHP + (जावास्क्रिप्ट + HTML) के लिए केवल एक ही आवेदन है, और कहीं न कहीं इसके विकास के अंत में मैं पूरी तरह से लगातार थक गया था <script> पेज हेडर में टैग, एक जावास्क्रिप्ट फ़ाइल में कोड का एक गुच्छा भराई और इसी तरह बातें। लेकिन इस दृष्टिकोण के बारे में मुझे जो सबसे ज्यादा पसंद नहीं था, वह कोड के बीच निर्भरता की पहचान करने में असमर्थता थी जो विभिन्न फाइलों में है।

आदर्श रूप में, मैं फ़ाइल हेडर में कुछ इस तरह लिखना चाहूंगा:

import 'folder/file.js';

ज्ञात समाधान

जिन समाधानों को मैं जानता हूं, उनमें अपाचे में आलसी लोडिंग या एसएसआई और mod_include का उपयोग करने की क्षमता कम से कम है।

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

वैकल्पिक दृष्टिकोण

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

थोड़ा समय बिताने के बाद, मुझे JsPPP नामक एक मॉड्यूल मिला ( स्रोत और परीक्षण googlecode पर पाए जा सकते हैं)। इस मॉड्यूल के लिए अंतिम उपयोग के मामले पर विचार करें।

• सबसे पहले आपको लाइब्रेरी का नवीनतम संस्करण डाउनलोड करना होगा ।
• सर्वर पर संग्रह की सामग्री को कुछ निर्देशिका में रखें। निश्चितता के लिए, यह रूट डायरेक्टरी में jsppp डायरेक्टरी है।
• अब यह आपके ब्राउजर के एड्रेस बार में yourdomain.com/jsppp/js.php?test.js जैसे कुछ टाइप करने के लिए बना हुआ है। यदि आपने दो फ़ाइलों की सामग्री देखी, तो सब कुछ काम करता है।

आइए test.js फ़ाइल को देखें:

 //#>import 'subdir/test2.js' function test1() { alert('test1'); } 

जैसा कि आप अनुमान लगा सकते हैं, कोड //#>import 'subdir/test2.js' jdphp के माध्यम से गुजरते समय subdir / test2.js फ़ाइल को test.js फ़ाइल से जोड़ता है। इस कार्यशीलता का लाभ उठाने के लिए आपको अंतिम बात जानना आवश्यक है: js.php फ़ाइल में, उस निर्देशिका का नाम खोजना आसान है जिसमें परियोजना की सभी जावास्क्रिप्ट फाइलें स्थित हैं (यानी वह जिसके लिए कनेक्टेड फ़ाइलों को खोजा जाएगा)। यह पथ JsPreprocessor ऑब्जेक्ट के लिए कंस्ट्रक्टर के लिए एक पैरामीटर के रूप में पारित किया गया है। आपको इसे अपनी ज़रूरत के हिसाब से ठीक करना होगा।

जावास्क्रिप्ट को पुराने ढंग से सक्षम करें

और इसलिए, js.php फ़ाइल जावास्क्रिप्ट फ़ाइल को संसाधित करती है और सभी निर्भरताओं के साथ एक इकट्ठे जावास्क्रिप्ट का उत्पादन करती है। बस मामले में, अतिरिक्त कार्यक्षमता है जो आपको उपरोक्त <script src="..."></script> में निर्देशों के साथ फ़ाइल के लिए <script src="..."></script> सेट करने की अनुमति देती है, जिस पर यह निर्भर करता है।
यह GetScriptLinks फ़ंक्शन को कॉल करके किया जाता है:

 echo $preprocessor->GetScriptLinks("filename.js", "www_path_to_js_dir"); 

अंत में

बेशक, लाइब्रेरी को संस्करण 0.1 के साथ चिह्नित किया गया है। इसका मतलब है कि अगर यह अचानक पता चला कि यह सब पूरी बकवास नहीं है, तो आप निम्न कार्य कर सकते हैं:

• सर्वर पर कैश का काम करें।
• क्लाइंट (ETag, If-Modified) और 301 रीडायरेक्ट्स के लिए कैश आउट करें।
• न्यूनतम से कनेक्ट करें।
• आलसी लोडिंग के माध्यम से प्रसंस्करण निर्देशों का विकल्प बनाएं।