जावास्क्रिप्ट अनुप्रयोग रेल कोड में Asset_path विधि

रिच-क्लाइंट रेल एप्लिकेशन क्लाइंट-साइड टेम्प्लेट का उपयोग करते हैं। यदि इन टेम्पलेट्स को एसेट पाइपलाइन का उपयोग करके संसाधित किया जाता है, तो यह सवाल उठता है कि उन्हें कैसे एक्सेस किया जाए। उत्पादन परिवेश में, फ़ाइल का पथ इसके नाम और md5 हैश से बना है। सही रास्ता पाने के लिए एक रास्ता जावास्क्रिप्ट को एक Erb प्रीप्रोसेसर में लपेटना है, जहां वांछित सहायक <%= asset_path(path/to/template.html) %> उपलब्ध होगा

हम एक और अधिक सुंदर समाधान पेश करेंगे।

आइए हमारे पास कुछ एप्लिकेशन हैं जहां क्लाइंट साइड पर टेम्प्लेट का उपयोग किया जाता है। टेम्पलेट्स के लिए प्रीप्रोसेसर पतला है [ 1 ]। हम परियोजना में स्रोत कोड के आयोजन के तरीके पर ध्यान केंद्रित नहीं करेंगे। हमारे सभी टेम्प्लेट app/assets/webapp/ । हम अपने एप्लिकेशन को कॉन्फ़िगर करेंगे ताकि यह हमारे टेम्पलेट निर्देशिका से *.html.slim टेम्पलेट्स *.html.slim :

 # config/application.rb config.assets.paths << Rails.root.join('app', 'assets', 'webapp') # config/initizlizers/assets_engine.rb Rails.application.assets.register_engine('.slim', Slim::Template) # config/environments/production.rb config.assets.precompile += ['*.html'] 

हमने एक निश्चित टेम्प्लेट app/assets/webapp/rubrics/edit.html.slim और इसे जावास्क्रिप्ट से एक्सेस करना चाहते हैं। हम पते /assets/rubrics/edit.html संपर्क नहीं कर सकते, क्योंकि उत्पादन वातावरण में ऐसी कोई फ़ाइल नहीं होगी, लेकिन कुछ /assets/rubrics/edit-5eb3bb250d5300736006c8944e436e3f.html कुछ /assets/rubrics/edit-5eb3bb250d5300736006c8944e436e3f.html । तार्किक पथ rubrics/edit.html और पूर्ण rubrics/edit.html बीच पत्राचार तालिका मेनिफ़ेस्ट फ़ाइल में निहित है, जो स्वचालित रूप से उत्पन्न होती है। लेकिन इसका उपयोग करना हमेशा उचित नहीं होता है; कम से कम इसमें बहुत सारे अतिरिक्त डेटा होते हैं।

मणि js_assets एक निश्चित मास्क से मेल खाती फ़ाइलों के लिए पत्राचार तालिका बनाने की समस्या को हल करती है।

मणि स्थापित करने के बाद, जावास्क्रिप्ट सहायक को कनेक्ट करें:

 // app/assets/javascripts/application.js //= require app_assets 

पत्राचार तालिका को चर window.project_assets में संग्रहीत किया जाएगा। asset_path हेल्पर asset_path एक तर्क के रूप में आवश्यक फ़ाइल के लिए तार्किक मार्ग लेती है और रूट के सापेक्ष पथ को पर्यावरण में ले जाती है।

 var path = asset_path('rubrics/edit.html') // the function will return for development: // /assets/rubrics/edit.html // and for production // /assets/rubrics/edit-5eb3bb250d5300736006c8944e436e3f.html 

सहायक के लिए उपलब्ध फाइलों (खाते की परिसंपत्ति पाइपलाइन प्रसंस्करण में लेने) की सूची का प्रबंधन फिल्टर के माध्यम से किया जाता है। उनके डिफ़ॉल्ट मान हैं:

 JsAssets::List.exclude = ["application.js"] JsAssets::List.allow = ["*.html"] 

आप उनका विस्तार कर सकते हैं, उदाहरण के लिए, initializers का उपयोग करके।

रत्न के लिए स्रोत कोड गितुब पर पाया जा सकता है।