WebMatrix 2 RC से मिलिए: Node.js, Jade, EJS, LESS, CoffeeScript और अधिक के लिए समर्थन

महीनों के सक्रिय विकास के बाद, WebMatrix की टीम WebMatrix 2 रिलीज़ कैंडिडेट के नए संस्करण को पेश करने की कृपा कर रही है। WebMatrix 2 में बहुत सारी नई सुविधाएँ शामिल हैं, लेकिन आज मैं आपको सुझाव देता हूं कि आप अपने आप को उस कार्य के अवलोकन से परिचित करें जो WebMatrix में Node.js अनुप्रयोगों के विकास का समर्थन करने के लिए किया गया है।



WebMatrix 2 डाउनलोड करने के लिए, बस नीचे दिए गए लिंक पर क्लिक करें। आप पिछले प्रारंभिक संस्करण से वेबमैट्रिक्स 2 में नवाचारों के बारे में अधिक पढ़ सकते हैं ।

हमने कितना किया है?

एक साल से भी कम समय पहले, मैंने कार्नेगी मेलन विश्वविद्यालय में काम किया और हमारे ऑनलाइन शिक्षण पर्यावरण परियोजना में वास्तविक समय के संदेश को लागू करने के लिए ASP.NET अनुप्रयोग के अंदर Node.js का उपयोग करने की कोशिश की। विंडोज पर नोड के साथ काम करना कोई आसान काम नहीं था - एनपीएम को लागू करने से आप एनपीएम के साथ काम करते समय मुश्किलों में भाग सकते हैं। विंडोज वातावरण में नोड का उपयोग करना एक निरंतर लड़ाई की तरह था।

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

हमारे काम के परिणामों में से एक विंडोज एज़्योर के लिए Node.js पर अनुप्रयोगों के निर्माण में काफी बेहतर अनुभव था। SDK डेवलपमेंट टीम के ग्लेन ब्लॉक ने एक शानदार पोस्ट लिखा कि कैसे Microsoft Windows Azure को Node.js डेवलपर्स के लिए एक बेहतर जगह बनाता है। जैसा कि स्कॉट गुथरी अपने ब्लॉग पर कहते हैं: नए विंडोज एज़्योर से मिलो ।

वेबमैट्रिक्स 2 को पूरा करें

आज Node.js से शुरुआत करना अपेक्षाकृत आसान काम है। आप नोड, एनपीएम (जो नोड इंस्टॉलर के साथ आता है) स्थापित करते हैं और अपने पसंदीदा कोड संपादक में शुरू करते हैं। आप नोड के साथ काम करने के लिए कई अलग-अलग टूल का उपयोग कर सकते हैं। जेएस, परियोजना प्रबंधन के लिए अनगिनत कॉन्फ़िगरेशन, कॉफ़ीस्क्रिप्ट और लेस संकलन उपकरण, आपकी परियोजनाओं के लिए कॉन्फ़िगरेशन सेटिंग्स और एप्लिकेशन परिनियोजन। WebMatrix 2 Node.js अनुप्रयोगों के निर्माण का एक और तरीका प्रदान करता है: एक ही स्थान पर एप्लिकेशन बनाने के लिए आपको जो कुछ भी आवश्यक है उसका उपयोग करें।



WebMatrix 2 मुख्य रूप से वेब अनुप्रयोगों के निर्माण के लिए डिज़ाइन किया गया है। स्टार्ट स्क्रीन से शुरू करके, आप टेम्प्लेट का उपयोग करके एप्लिकेशन बना सकते हैं या प्रोजेक्ट गैलरी से तैयार ओपन सोर्स एप्लिकेशन इंस्टॉल कर सकते हैं। टेम्पलेट्स का वर्तमान सेट आपको Node.js, PHP और निश्चित रूप से ASP.NET पर आधारित एप्लिकेशन बनाने की अनुमति देता है। बॉक्स से बाहर, WebMatrix 2 में तीन Node.js टेम्प्लेट शामिल हैं:

• खाली Node.js वेबसाइट
• एक्सप्रेस वेबसाइट
• एक्सप्रेस साइट शुरू करें

एक खाली साइट एक http सर्वर का उपयोग करने का एक बहुत ही सरल उदाहरण प्रस्तुत करती है, ठीक उसी तरह का उदाहरण ndjs.org पर उपलब्ध है। एक एक्सप्रेस साइट एक सरल अनुप्रयोग है जो Node.js एक्सप्रेस ढांचे में पाड़ उपकरण का उपयोग करके उत्पन्न होता है। एक्सप्रेस-आधारित स्टार्टअप साइट एक अधिक दिलचस्प टेम्पलेट है। इसके स्रोत कोड GiHub पर स्थित हैं, परियोजना बताती है कि जेड, LESS css, ट्विटर और फेसबुक के माध्यम से लॉगिन, मोबाइल लेआउट और कैप्चा का उपयोग करके माता-पिता और बच्चे के लेआउट को शामिल करने वाली साइटों को कैसे लागू किया जाए। जब आप इनमें से किसी भी टेम्पलेट के आधार पर एक एप्लिकेशन बनाते हैं, तो WebMatrix 2 यह निर्धारित करता है कि क्या नोड, npm और IISNode आपके सिस्टम पर स्थापित हैं। यदि कुछ गायब नहीं है, तो WebMatrix स्वचालित रूप से लापता घटकों को स्थापित करेगा। वातावरण की यह विशेषता PHP और ASP.NET पर आधारित परियोजनाओं के लिए भी लागू है।



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

Node.js के लिए IntelliSense

WebMatrix 2 का एक लक्ष्य Node.js. के साथ काम करना शुरू करने वाले डेवलपर्स के लिए प्रवेश सीमा को कम करना था। इस लक्ष्य को प्राप्त करने का एक तरीका आधार मॉड्यूल के लिए इंटेलीसेनस समर्थन को लागू करना है, जिस पर सभी एप्लिकेशन निर्मित हैं। IntelliSense के लिए हम जो दस्तावेज़ उपयोग करते हैं, वह आधिकारिक साइट नोड से लिया गया था। js.



कोर मॉड्यूल के लिए IntelliSense के अलावा, WebMatrix 2 भी अपने स्वयं के जावास्क्रिप्ट कोड और एनपीएम का उपयोग करते हुए तीसरे पक्ष के मॉड्यूल के लिए स्वचालित कोड पूरा करने का समर्थन करता है। चूंकि एनपीएम गैलरी पहले से ही 10,000 से अधिक तत्वों तक पहुंच गई है, इसलिए आपके पास अनुप्रयोगों के निर्माण की अंतहीन संभावनाएं हैं। अधिक जटिल परियोजनाओं को शुरू करने पर, डेवलपर को कठिनाई हो सकती है। WebMatrix 2 ओपन सोर्स पैकेज के साथ काम को आसान बनाता है:

जेड और ईजेएस के लिए समर्थन

Node.js के साथ काम करने के लिए वास्तव में सुविधाजनक उपकरण बनाने के लिए, हमने वेबमैट्रिक्स 2 में बिल्ट-इन जेड और ईजेएस संपादकों को शामिल करने का निर्णय लिया। जेड और ईजेएस वेबमैट्रिक्स के लिए सिंटैक्स हाइलाइटिंग, एचटीएमएल कोड सत्यापन, कोड क्षेत्रों का चयन, स्वचालित कोड पूरा करने का समर्थन करता है।



यदि आप कोण कोष्ठक के साथ काम करना पसंद करते हैं, तो ईजेएस के साथ आपका अनुभव और भी सुविधाजनक होगा, क्योंकि आप हमारे नए एचटीएमएल संपादक का लाभ उठा सकते हैं:

ग्रह पर सबसे अच्छा {लेस} संपादक

हां, मैं मानता हूं, मैं सीएसएस प्रीप्रोसेसिंग का प्रशंसक हूं। मैं CSS कोड इसलिए लिखता हूं क्योंकि मुझे यह पसंद है, लेकिन क्योंकि मुझे एक विशिष्ट परिणाम की आवश्यकता है, इसलिए मैं यथासंभव कम कोड लिखना चाहता हूं। LESS और Sass जैसे उपकरण डेवलपर्स को कुछ सुविधाएँ प्रदान करते हैं जो अभी तक CSS में उपलब्ध नहीं हैं: चर, मिश्रण, संलग्नक, सामान्य प्रयोजन अंतर्निहित कार्य।



WebMatrix 2 में LESS संपादक न केवल सिंटैक्स हाइलाइटिंग प्रदान करता है, बल्कि LESS- विशिष्ट सत्यापन, चर और अशुद्धियों के लिए IntelliSense और LESS-विशिष्ट कोड स्वरूपण का भी समर्थन करता है। अधिकांश नोड डेवलपर्स एनपीएम मॉड्यूल का उपयोग करते हुए सर्वर पर अपने सीएसएस कोड को संसाधित करते हैं, हालांकि, यदि आपको स्थानीय रूप से कम संकलित करने की आवश्यकता है तो आप डिजाइन समय पर अपने सीएसएस को संकलित करने के लिए ऑरेंज बिट्स कंपाइलर का उपयोग कर सकते हैं।

कॉफ़ीस्क्रिप्ट संपादक

जैसे LESS CSS कोड लिखना आसान बनाता है, वैसे ही CoffeeScript जावास्क्रिप्ट कोड लिखना आसान बनाता है। WebMatrix 2 सिंटैक्स हाइलाइटिंग, कोड क्षेत्रों और कोड पूरा करने की पेशकश करता है, जो विकास को सरल बनाता है। यदि आप सर्वर पर संकलित किए बिना कॉफीस्क्रिप्ट का उपयोग करना चाहते हैं, तो आप विकास के दौरान अपने जावास्क्रिप्ट कोड को संकलित करने के लिए ऑरेंज बिट्स कंपाइलर का उपयोग कर सकते हैं।

मोबाइल एमुलेटर

मोबाइल एप विकास एक जरूरी है। WebMatrix 2 कुछ रास्तों के साथ मोबाइल के विकास को आसान बनाना चाहता है। सबसे पहले, प्रोजेक्ट टेम्प्लेट (हमारे मामले में, नोड स्टार्टर टेम्प्लेट) मोबाइल उपकरणों के समर्थन के साथ डिज़ाइन किए गए हैं और अनुकूली मार्कअप का उपयोग करते हैं।

यह उन मामलों में बहुत उपयुक्त है, जहां आपको अपनी साइट की सामग्री को अक्सर बदलना नहीं पड़ता है। लेकिन अधिक जटिल परिदृश्यों में, यह दृष्टिकोण पर्याप्त नहीं है। इसके चारों ओर जाने के लिए, नोड स्टार्टर टेम्पलेट उपयोगकर्ता के ग्राहक को निर्धारित करने के लिए एक तंत्र प्रदान करता है और, मोबाइल ग्राहक के निर्धारण के मामले में, उसे साइट का एक विशेष मोबाइल संस्करण भेजता है। मोबाइल प्रस्तुति jQuery मोबाइल पर आधारित है। व्यक्तिगत विचारों के लिए एक विशेष नामकरण सम्मेलन है जो आपको प्रकार (दृश्य नाम) _mobile.jade के मोबाइल दृश्य बनाने की अनुमति देता है।

WebMatrix और भी अधिक प्रदान करता है। क्या होगा अगर आपको यह देखने की आवश्यकता है कि आपकी साइट विभिन्न उपकरणों पर विभिन्न ब्राउज़रों पर कैसे दिखाई देगी? WebMatrix 2 एक विस्तार मॉडल प्रदान करता है जो आपको लॉन्च मेनू में मोबाइल और डेस्कटॉप ब्राउज़र जोड़ने की अनुमति देता है:



आज हम विंडोज फोन और आईफोन / आईपैड एमुलेटर के लिए समर्थन प्रदान करते हैं। भविष्य में, हम मानते हैं कि समुदाय एंड्रॉइड जैसे अन्य एमुलेटरों का समर्थन करेगा, या अनुप्रयोगों के परीक्षण के लिए ऑनलाइन टूल का भी समर्थन करेगा:

एक्सटेंशन और ओपन सोर्स

एक विकास उपकरण मूल्यवान है जब डेवलपर्स इसका समर्थन करते हैं। हम सभी डेवलपर्स के साथ सफल होना चाहते हैं और एक साथ बढ़ते हैं। इस लक्ष्य को प्राप्त करने के लिए, हमने एक एक्सटेंशन मॉडल बनाया है जो डेवलपर्स को अपने स्वयं के एक्सटेंशन बनाने और उन्हें अन्य डेवलपर्स को पेश करने की अनुमति देगा। एक्सटेंशन गैलरी http://extensions.webmatrix.com/ पर ऑनलाइन उपलब्ध है। हम इन एक्सटेंशनों को GitHub में पोर्ट करने की योजना बनाते हैं और NodePowerTools एक्सटेंशन ओपन सोर्स पर स्विच करने वाला पहला ऐसा कदम है:

• नोड पावर उपकरण
• ऑरेंजबिट संकलक

अगले कुछ महीनों में आप Microsoft से अधिक एक्सटेंशन देखेंगे और ओपन सोर्स में स्थानांतरित होंगे।

हमने साथ काम किया

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

• Microsoft.com पर WebMatrix
• ट्विटर पर वेबमैट्रिक्स
• GitHub पर WebMatrix
• WebMatrix UserVoice पर
• WebMatrix और Node Microsoft.com पर
• विंडोज एज़्योर को केवल नोड.जेएस डेवलपर्स के लिए बहुत अधिक मित्रता मिली
• विशाल जोशी का ब्लॉग पोस्ट

कोड को खुशी से लिखें!