नोड.जेएस और एक्सप्रेस पर वेब विकास। अभ्यास में नोड सीखना

प्रस्तावना

मुझे नोड.जेएस पर एक विकास ट्यूटोरियल लिखना शुरू करने के लिए बोल्ड विचार था (कुछ ruby.railstutorial.org जैसा )। चूंकि यह पहली बार है जब मैंने ऐसा काम किया है, इसलिए कोई भी प्रतिक्रिया मेरे लिए बहुत महत्वपूर्ण है। यह आवश्यक है - यह आवश्यक नहीं है। क्या हटाने योग्य है और क्या अधिक विस्तार से, सामान्य तौर पर, किसी भी रचनात्मक आलोचना पर ध्यान केंद्रित करना है। मुझे उम्मीद है कि चीजें काम करेंगी और आप इसे पसंद करेंगे, इस मामले में, जैसा कि मैंने लिखा है, मैं हब पर अध्याय फैलाऊंगा

प्रविष्टि

अभिवादन, यहाँ एक्सप्रेस फ्रेमवर्क का उपयोग करके नोड.जेएस पर व्यावहारिक विकास पर एक छोटा ट्यूटोरियल है। मैं नोड और संबंधित प्रौद्योगिकियों के बारे में बहुत उत्साही हूं। Node.js मुख्य रूप से विकास के दृष्टिकोण, साहस और ड्राइव में अपनी ताजगी के साथ आकर्षित करता है।

आप http://nodejs.org/ पर node.js के बारे में पढ़ सकते हैं, संक्षेप में, यह जावास्क्रिप्ट निष्पादन के लिए एक सर्वर प्लेटफॉर्म है। हम एक्सप्रेस का उपयोग भी करेंगे, मिडलवेयर की अवधारणा पर निर्मित एक वेब-फ्रेमवर्क (हम इसके बारे में थोड़ी देर बाद और विस्तार से बात करेंगे)

अध्ययन की प्रक्रिया में, हम वेब विकास के विभिन्न पहलुओं से परिचित होंगे, जैसे कि एक संस्करण नियंत्रण प्रणाली का उपयोग करना, स्वचालित परीक्षण, और इसी तरह। परिणामस्वरूप, जैसा कि हम अध्ययन करते हैं, हम पूरी तरह से काम करने वाले वेब एप्लिकेशन (ट्विटर का एक सरल एनालॉग) विकसित करेंगे

मैं यह नोट करना चाहूंगा कि रेलस्टाइपर्स का मुझ पर बहुत प्रभाव था, यह सबसे अच्छा वेब डेवलपमेंट गाइड है जो मैं भर में आया हूं, और मैं वास्तव में नोड के लिए कुछ समान बनाना चाहूंगा।

अध्याय 1. प्रारंभ

इस अध्याय में, हम स्क्रैच से काम के माहौल को तैनात करेंगे, सभी आवश्यक उपकरण स्थापित करेंगे, एक सरल एप्लिकेशन बनाएंगे और यहां तक ​​कि इसे क्लाउड होस्टिंग पर भी लॉन्च करेंगे।

१.१ काम का माहौल

चूंकि मैं मुख्य रूप से अपने काम में लिनक्स का उपयोग करता हूं, या अधिक सटीक रूप से - उबंटू 12.04, कुछ उपकरण स्थापित करने के निर्देशों का थोक लिनक्स उपयोगकर्ताओं पर ध्यान केंद्रित किया जाएगा, लेकिन मैं अन्य ओएस के लिए निर्देशों को यथासंभव लिंक प्रदान करने का प्रयास करूंगा।

ट्यूटोरियल में निर्देशों का सटीक रूप से पालन करने के लिए, आपको एक गिट संस्करण नियंत्रण प्रणाली स्थापित करने की आवश्यकता होगी, तथ्य यह है कि हम अपनी परियोजनाओं के कोड को न केवल गिट में डालेंगे, बल्कि गीथब पर रिपॉजिटरी से कई उपकरण भी स्थापित करेंगे।

तो पहली बात हम करेंगे ...

1.1.1 गिट स्थापना

टर्मिनल में उपयुक्त-आधारित वितरण के उपयोगकर्ता चला सकते हैं:

$ sudo apt-get install git-core 

बाकी को http://git-scm.com/book/ch1-4.html पर निर्देश पढ़ने के लिए भेजा जाता है

1.1.2 नोड और जेएमपी स्थापित करें

अब नोड का नवीनतम स्थिर संस्करण डालने का समय है। ns और npm (नोड के लिए पैकेज इंस्टॉलर)। विभिन्न ओएस स्थापित करने के निर्देश यहां देखे जा सकते हैं । Ubuntu पर स्थापित करने के लिए हम करते हैं:

 $ sudo apt-get install python-software-properties $ sudo add-apt-repository ppa:chris-lea/node.js $ sudo apt-get update $ sudo apt-get install nodejs npm 

यदि आप चाहें, तो आप नोड कंसोल शुरू कर सकते हैं और जावास्क्रिप्ट इंटरप्रेटर के साथ खेल सकते हैं।

१.१.३ विकास पर्यावरण

यहां हर कोई अपने स्वाद के अनुसार चयन करने के लिए स्वतंत्र है, व्यक्तिगत रूप से मैं gmate प्लगइन्स के स्थापित सेट के साथ gedit से काफी खुश हूं। नेटबीन्स या वेबस्टॉर्म ठीक हैं।

1.1.4 एक्सप्रेस और पहला आवेदन

अब एक्सप्रेस ढांचे से परिचित होने का समय आ गया है। ढांचा बहुत सरल है, और काफी स्वीकार्य दस्तावेज है।

विश्व स्तर पर एक्सप्रेस स्थापित करें:

 $ sudo npm install -g express 

हम अपनी शैक्षिक परियोजनाओं के लिए एक निर्देशिका बनाते हैं:

 $ mkdir -p ~/projects/node-tutorial $ cd ~/projects/node-tutorial 

हम प्रोजेक्ट बनाते हैं और निर्भरताएँ स्थापित करते हैं:

 $ express first-app $ cd first-app && npm install 

जो लोग चाहते हैं कि हमारे लिए जनरेट किया गया एप्लिकेशन जेनरेटर क्या है, मुझे लगता है कि जावास्क्रिप्ट से परिचित लोग यह मान सकते हैं कि वहां क्या हो रहा है।

अब आवेदन शुरू किया जा सकता है:

 $ node app 

और http: // localhost: 3000 / का परिणाम देखें

1.2 संस्करण नियंत्रण प्रणाली

अब जबकि हमारे पास पहले से ही एक कार्यशील अनुप्रयोग है, हम संस्करण नियंत्रण प्रणाली के साथ और अधिक विस्तार से काम करेंगे। गिट के काम से बेहतर परिचित होने के लिए, आपको प्रो गिट पुस्तक को पढ़ना चाहिए, लेकिन आप इस ट्यूटोरियल में निर्देशों का पालन भी कर सकते हैं।

1.2.1 गिट सेटअप

Git के साथ अधिक आरामदायक काम के लिए, आपको पहले अपने व्यक्तिगत डेटा का संकेत देना चाहिए:

 $ git config --global user.name "Your Name" $ git config --global user.email your.email@example.com 

और सबसे अधिक इस्तेमाल किए जाने वाले आदेशों के लिए उपनाम सेट करें:

 $ git config --global alias.co checkout $ git config --global alias.ci commit 

1.2.2 गिट के साथ काम करना

Git कॉन्फ़िगर किया गया है और आप रिपॉजिटरी में हमारे एप्लिकेशन को होस्ट कर सकते हैं, नए रिपॉजिटरी को आरंभ कर सकते हैं:

 $ git init 

Gitignore में एप्लिकेशन निर्भरता के साथ निर्देशिका जोड़ें:

 $ echo 'node_modules' > .gitignore 

हमने सभी फाइलों को इंडेक्स में रखा और पहला कमिट बनाया:

 $ git add . $ git ci -m "Initial commit" 

1.2.3 गिटहब

रिपॉजिटरी में प्रोजेक्ट कोड पोस्ट करने के बाद, यह प्रोजेक्ट को GHHub पर डालने का समय है । GitHub एक सामाजिक नेटवर्क है और परियोजनाओं के लिए होस्टिंग है। एक बड़ी संख्या में ओपनसोर्स प्रोजेक्ट्स को एक जीथब पर होस्ट किया जाता है, इसलिए यदि आप वहां पंजीकृत नहीं हैं, तो यह करने का समय है ।

GitHub के साथ काम करने से पहले, आपको ssh एक्सेस के लिए RSA कुंजियाँ बनाने की आवश्यकता होगी। प्रक्रिया यहाँ वर्णित है । यदि आप अभी तक उनके पास नहीं हैं, तो लिनक्स उपयोगकर्ताओं के लिए, मैं कुंजियाँ बनाने के निर्देश दे रहा हूँ।

 $ ssh-keygen -t rsa -C "your_email@youremail.com" 

हम जनरेटर के सवालों का जवाब देते हैं, जिसके बाद हम फ़ाइल की सामग्री को कॉपी करते हैं ~/.ssh/id_rsa.pub :

 $ sudo apt-get install xclip $ xclip -sel clip < ~/.ssh/id_rsa.pub 

उसके बाद, खाता सेटिंग्स लिंक पर जाएं, एसएसएच कुंजी अनुभाग पर जाएं और एसएसएच कुंजी बटन जोड़ें पर क्लिक करें और क्लिपबोर्ड से कुंजी फ़ील्ड में कुंजी पेस्ट करें। फिर सेव करें।

जाँच करें कि कुंजी निम्नानुसार काम करती है:

 $ ssh -T git@github.com 

शायद आपको एक चेतावनी दिखाई देगी:

 The authenticity of host 'github.com (207.97.227.239)' can't be established. # RSA key fingerprint is 16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48. # Are you sure you want to continue connecting (yes/no)? 

आपको बस 'हां' का जवाब देने की जरूरत है और फिर, यदि कुंजी को सफलतापूर्वक जोड़ा जाता है, तो आपको सर्वर की प्रतिक्रिया दिखाई देगी:

 Hi username! You've successfully authenticated, but GitHub does not # provide shell access. 

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

 $ git remote add origin git@github.com:___/first-app.git $ git push -u origin master 

1.3 आवेदन को तैनात करें

अब सबसे रोमांचक चरण आता है, हम होस्टिंग पर एप्लिकेशन को तैनात करेंगे।
ऐसा करने के लिए, हम हरोकू क्लाउड परिनियोजन प्रणाली की सेवाओं का उपयोग करेंगे। यदि आप रुचि रखते हैं कि हरोकू होस्टिंग कैसे काम करती है, तो मैं आपको उनके सेक्शन का अध्ययन करने की सलाह देता हूँ कि यह कैसे काम करता है

1.3.1 हरोकू को कॉन्फ़िगर करना

पहले हमें आवश्यक उपकरणों को पंजीकृत करने और स्थापित करने की आवश्यकता है ।

उबंटू उपयोगकर्ता करते हैं:

 $ wget -qO- https://toolbelt.heroku.com/install-ubuntu.sh | sh 

जब स्थापना पूरी हो जाती है, तो आपको कमांड लाइन से लॉग इन करना होगा:

 $ heroku login 

१.३.२ हम आवेदन को हरोकू पर रखते हैं

अब हमारा वातावरण होस्टिंग के लिए पूरी तरह से तैयार है। Heroku पर एक नोड.जेएस परियोजना रखने के लिए कुछ और चरणों की आवश्यकता होती है, आप इसके बारे में प्रलेखन में पढ़ सकते हैं या निर्देशों का पालन कर सकते हैं।

हमारी परियोजना के package.json फ़ाइल में, आपको नोड और npm के संस्करण को निर्दिष्ट करने की आवश्यकता है, package.json को इस प्रकार होना चाहिए:

 { "name": "application-name", "version": "0.0.1", "private": true, "scripts": { "start": "node app" }, "dependencies": { "express": "3.0.x", "jade": "*" }, "engines": { "node": "0.8.x", "npm": "1.1.x" } } 

अब परियोजना की जड़ में Procfile फ़ाइल बनाएँ:

 $ echo 'web: node app.js' > Procfile 

जांचें कि सब कुछ प्रक्रिया प्रबंधक का उपयोग करके शुरू किया गया है:

 $ foreman start 

आवेदन http: // localhost: 5000 / पर उपलब्ध होना चाहिए

भंडार में फाइलें जोड़ें:

 $ git add . $ git ci -m "Added Procfile and engines" $ git push 

Heroku पर एक आवेदन बनाएँ:

 $ heroku create $ heroku keys:add ~/.ssh/id_rsa.pub $ git push heroku master 

हम टाइप करते हैं:

 $ heroku open 

और आवेदन का आनंद लें।