उल्का - मानविकी के लिए Node.js

परिचय

एक हाइब्रिड पर कई बार पहले से ही उल्का परियोजना का उल्लेख किया गया था, जो सैन फ्रांसिस्को के सात वेब प्रौद्योगिकी उत्साही द्वारा 2011 में स्थापित किया गया था। वास्तव में, उल्का सिर्फ नोड पर एक ऐड-ऑन है, जो कि स्वयं भी रिलीज़ संस्करण तक नहीं पहुंच पाया है। फिर भी, परियोजना ने जीथब पर सात हजार से अधिक ग्राहकों को इकट्ठा किया और 11 मिलियन डॉलर का निवेश प्राप्त किया।
इतना लोकप्रिय क्यों? यह बात लेखकों के बयान में है कि वे इसे सरल बनाने की दिशा में आधुनिक वेब-एप्लिकेशन लिखने के तरीके को मौलिक रूप से पुनर्विचार करना चाहते हैं। यह कोई रहस्य नहीं है कि शुद्ध नोड.जेएस पर कोड लिखने से मस्तिष्क काफी बदल जाता है और आपको विभिन्न बैसाखियों का उपयोग करने के लिए मजबूर करता है निधियों के नियंत्रण प्रवाह के रूप में। उल्का पर, लेखक कहते हैं, यहां तक ​​कि मानवता भी शांत अनुप्रयोगों को लिख सकती है।
अच्छा, चलो जाँच करते हैं। वहाँ है: 1 मानविकी समाजशास्त्री जिसने सत्र बंद कर दिया और पार्सन्स और सिमेल के बाद कुछ आसान स्विच करना चाहता है, उबंटू 12.10 और स्थापित नोड के साथ एक कंप्यूटर। (यह मत पूछिए कि वह कैसे समाजशास्त्री निकला)।

हम डेवलपर्स के वादों से प्रेरित होंगे, टीम की एक सुंदर लड़की-सदस्य और चलो शुरू करते हैं।

स्थापना

स्थापना प्राथमिक है - हम टर्मिनल में लिखते हैं

$ curl https://install.meteor.com | sh 

पहला एप्लिकेशन बनाएं और चलाएं

पहला आवेदन बनाने के लिए, टर्मिनल में लिखें

 $ meteor create <_> 

शुरू करने के लिए, आपको एप्लिकेशन डायरेक्टरी में उल्का शब्द लिखना होगा

 $ cd <_> $ meteor 

हम http: // localhost: 3000 / पर जाते हैं और हमारी नमस्ते दुनिया देखते हैं
हां, लोग झूठ नहीं बोलते हैं, कुछ भी जटिल नहीं है, यहां तक ​​कि हैलो वर्ल्ड ने भी हमारे लिए लिखा है।

सरल ब्लॉग

लेकिन हमें कुछ मजेदार चाहिए। उदाहरण के लिए, एक सरल ब्लॉग लिखते हैं।
Disclaimer: - meteor ( node.js) .

संरचना

उल्का "सर्वर और क्लाइंट पर एक कोड" की विचारधारा को मानता है। यह इस तथ्य में व्यक्त किया गया है कि परियोजना में सभी .js फ़ाइलों से कोड (इसी स्मार्ट पैकेज को स्थापित करते समय .cfi भी स्वीकार्य है), server , client और public उपनिर्देशिकाओं में उन लोगों को छोड़कर, नोड .js (फाइबर के माध्यम से) में सर्वर साइड के रूप में निष्पादित किए जाते हैं। और उपयोगकर्ता के ब्राउज़र में।
सर्वर निर्देशिका से कोड केवल client पर, क्लाइंट से - client पर और public से निष्पादित किया जा सकता है, जहां स्थिर फाइलें संग्रहीत की जाती हैं, यह बिल्कुल भी मौजूद नहीं होना चाहिए। इसके अलावा हमारे निपटान में तार्किक चर Meteor.isClient और Meteor.isServer , जो कोड निष्पादित होने के आधार पर अलग-अलग मान लेते हैं।
वही .css और .html फ़ाइलों पर लागू होता है - वे पूरे प्रोजेक्ट में बिखरे हुए हो सकते हैं। उल्का मिल जाएगा और उन्हें एक साथ इकट्ठा होगा।
एक और विशेष परीक्षण निर्देशिका है जिसमें से डिफ़ॉल्ट रूप से कुछ भी लोड नहीं किया गया है।
यह समझना भी आवश्यक है कि उल्का कई प्रौद्योगिकियों का एक ऐसा हौजपेज है, इसलिए बहुत कम शुद्ध जावास्क्रिप्ट हो सकती है। jQuery और अंडरस्कोर यहां शो चलाते हैं। कुछ भी स्थापित करने की आवश्यकता नहीं है, बस लिखने के लिए उपयोग किया जाता है। मूंछों का एक उन्नत संस्करण, हैंडलबार का उपयोग टेम्पलेट इंजन के रूप में किया जाता है। MongoDB डेटाबेस के साथ संचार (अन्य विकल्पों का समर्थन करने का वादा किया गया है) मिनिमोंगो ( मिनिमोंगो डॉट कॉम जाहिरा तौर पर इस आवरण के साथ एक सुखद काम का वादा करता है) का उपयोग करके किया जाता है।
इस उदाहरण में, फाउंडेशन को सीएसएस फ्रेमवर्क के रूप में उपयोग किया जाएगा, जो मुझे इसी तरह के ट्विटर बूटस्ट्रैप से बेहतर लगता है, लेकिन यह स्वाद का मामला है।

आउटपुट रिकॉर्ड

डेटाबेस को एक्सेस करके शुरू करते हैं। .Js फ़ाइल में सर्वर पर, एक नया संग्रह बनाएं जिसमें हमारे सभी रिकॉर्ड संग्रहीत किए जाएंगे।

 Posts = new Meteor.Collection("posts"); 

हमने शुरुआती मूल्य भी निर्धारित किए हैं:

  Meteor.startup(function () { //       if (Posts.find().count() === 0) { var posts = [ { title: "Title one", text: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Et iure porro sunt repudiandae amet saepe asperiores commodi repellendus hic accusamus obcaecati ipsum modi magnam nulla magni vitae ea voluptates dignissimos!", published: (new Date()).toLocaleTimeString() }, { title: "Title two", text: "Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa natus mollitia similique accusamus minus harum magnam eum pariatur rerum fugit ducimus sapiente asperiores quidem molestias repudiandae consequuntur repellendus dolorum placeat.", published: (new Date()).toLocaleTimeString() } ]; for (var i = 0; i < posts.length; i++) { Posts.insert({ title: posts[i].title, text: posts[i].text, published: posts[i].published, }); } } }); 

फिर एक हैंडलबार रिकॉर्ड डिस्प्ले टेम्प्लेट बनाएं और उसे स्ट्रीम कहें:

 <head> <title>Blog</title> </head> <body> <div class="row"> <div class="twelve columns"> {{> stream}} </div> </div> </body> <template name="stream"> {{#each posts}} {{> post}} {{/each}} </template> <template name="post"> <div class="panel"> <h2>{{title}}</h2> <p>{{{text}}}</p> <!--    ,  HTML     --> {{published}} </div> </template> 

... और इसके माध्यम से प्रारंभिक मूल्यों को प्राप्त करें।

  Template.stream.posts = function () { return Posts.find({}, {sort: {published: -1}}); }; 

इस प्रकार, हम सभी प्रविष्टियों को मुख्य पृष्ठ पर ले आए।

प्रविष्टियों को जोड़ना और निकालना

अपनी प्रविष्टियाँ जोड़ने के लिए, पहले जोड़ने के लिए उपयुक्त फ़ॉर्म के साथ एक नया संपादक टेम्पलेट बनाएँ:

 <template name="editor"> <h1> </h1> <label> <br> <input type="text" id="title-area" placeholder=""> </label> <label> <br> <textarea type="text" id="editor-area" placeholder=""></textarea> </label> <button id="submit-post" class="button radius"></button> </template> 

अगला कदम एक इवेंट हैंडलर बनाना है, जब आप बटन पर क्लिक करते हैं, तो डेटाबेस में फ़ील्ड की सामग्री जोड़ देगा। अतिरिक्त जानकारी तुरंत सभी ग्राहकों को दिखाई जाएगी।

  Template.editor.events({ "click #submit-post": function() { var published_date = new Date(); Posts.insert({ title: document.getElementById("title-area").value, text: document.getElementById("editor-area").value, published: published_date.toLocaleTimeString() }) } }); 

डेटाबेस से अनावश्यक प्रविष्टियों को हटाने के लिए, हम एक नया ईवेंट हैंडलर भी बनाते हैं:

  Template.post.events({ "click .remove": function () { Posts.remove(this._id); } }); 

... जो रिकॉर्डिंग टेम्पलेट में संबंधित बटन से जुड़ा होगा।

 <template name="post"> <div class="panel"> <h2>{{title}}</h2> <p>{{{text}}}</p> <span class="remove alert radius small button"></span> {{published}} </div> </template> 

इस प्रकार, हमें कई लाइनों में सबसे सरल एप्लिकेशन मिला, जिसमें रिकॉर्ड्स को प्रदर्शित करने, जोड़ने और हटाने की कार्यक्षमता थी।
यह ध्यान देने योग्य है कि उल्का की "प्रतिक्रियाशीलता" के कारण, सभी उपयोगकर्ताओं द्वारा सभी डेटाबेस संचालन को तुरंत प्रदर्शित किया जाएगा। इस व्यवहार को रोकने के लिए, आपको इस मामले के लिए जिम्मेदार पैकेज को हटाना होगा:

 meteor remove autopublish 

एक उदाहरण सरल है, अगर आदिम नहीं है। लेकिन यहां तक ​​कि वह दिखाता है कि इस ढांचे द्वारा प्रदान किए गए सुविधाजनक इंटरफ़ेस के लिए धन्यवाद, एक व्यक्ति जो वेब विकास से काफी दूर है वह प्रौद्योगिकियों का उपयोग कर सकता है जो केवल कुछ साल पहले केवल उच्च योग्य डेवलपर्स (सॉकेट्स, डायनेमिक अपडेट, सर्वर पर js, दस्तावेज़-उन्मुख डेटाबेस के लिए उपलब्ध थे। डेटा)।
हालांकि, संदेह के अनुसार, उल्का के बारे में अन्य पोस्ट के लिए टिप्पणियों में हम कह सकते हैं कि हर कोई इस तरह के कट्टरपंथी सरलीकरण को पसंद नहीं करता है। "पुराने गार्ड" के प्रतिनिधि गड़गड़ाहट: " एक और रूपरेखा!" विहित नहीं। केवल असेंबलर, केवल कट्टर! "। एक समाजशास्त्री के रूप में, यह मुझे लगता है कि यह स्थिति कुछ हद तक अनिच्छा के परिणाम है जो नोड के साथ काम करने वाले पेशेवरों के रूप में अपनी विशेष स्थिति को खो देते हैं।
हालांकि, मुझे यकीन है कि समझदारी और सरलीकरण की ओर बढ़ना निस्संदेह लाभ है। पेशेवर, यदि वे वास्तव में हैं, तो बढ़ते बाजार में बाहर खड़े होने में सक्षम होंगे। और कई आईटी प्रेमी जो अन्य क्षेत्रों में काम करते हैं, और इसलिए उनके पास इस क्षेत्र में अपने विचारों का अनुवाद करने का समय नहीं है, रचनात्मकता के लिए एक अद्भुत उपकरण प्राप्त करेंगे और संभवतः कई वेब एप्लिकेशन बनाएंगे जो उनकी अत्यधिक विशिष्ट समस्याओं को हल करते हैं, जिनके बारे में एक पेशेवर डेवलपर को पता नहीं हो सकता है।
पुनश्च: यदि समुदाय इस विषय में रुचि रखता है, तो आप अतिरिक्त ब्लॉग कार्यक्षमता के कार्यान्वयन का वर्णन करने वाले एक या दो लेख लिख सकते हैं: पोस्ट संपादित करना, टैग और श्रेणियां जोड़ना, उपयोगकर्ता खाते बनाना, पहुंच अधिकारों का परिसीमन करना।