asp.net-core
जावास्क्रिप्ट के साथ काम करना
खोज…
परिचय
आधिकारिक दस्तावेज के अनुसार:
JavaScriptServices सर्वर ASP.NET कोर डेवलपर्स के लिए प्रौद्योगिकियों का एक समूह है। यदि आप क्लाइंट पर Angular 2 / React / Knockout / etc का उपयोग करते हैं या यदि आप Webpack का उपयोग करके अपने क्लाइंट-साइड संसाधनों का निर्माण करते हैं, या अन्यथा रनटाइम पर सर्वर पर जावास्क्रिप्ट को निष्पादित करना चाहते हैं, तो यह बुनियादी सुविधा प्रदान करता है।
Asp.net-core प्रोजेक्ट के लिए वेबपैक-देव-मिडलवेयर को सक्षम करना
मान लीजिए कि आप फ्रंट एंड बंडलिंग के लिए Webpack उपयोग करते हैं। आप छोटे और तेज सर्वर के माध्यम से अपनी स्टैटिक्स की सेवा के लिए webpack-dev-middleware जोड़ सकते हैं। यह आपको अपनी संपत्ति को स्वचालित रूप से फिर से लोड करने की अनुमति देता है जब सामग्री बदल गई है, डिस्क पर लगातार मध्यवर्ती संस्करण लिखे बिना मेमोरी में स्टैटिक्स की सेवा करें।
आवश्यक शर्तें
NuGet
Microsoft-spNetCore.SpaServices को स्थापित करें
NPM
npm install --save-dev एस्पनेट-वेबपैक, वेबपैक-देव-मिडलवेयर, वेबपैक-देव-सर्वर
का विन्यास
अपने Startup वर्ग में Configure विधि का विस्तार करें
if (env.IsDevelopment())
{
app.UseWebpackDevMiddleware(new WebpackDevMiddlewareOptions()
{
ConfigFile = "webpack.config.js" //this is defualt value
});
}
हॉट मॉड्यूल रिप्लेसमेंट (HMR) जोड़ें
जब एप्लिकेशन चल रहा हो तो हॉट मॉड्यूल रिप्लेसमेंट ऐप मॉड्यूल को जोड़ने, बदलने या हटाने की अनुमति देता है। इस मामले में पृष्ठ पुनः लोड करने की आवश्यकता नहीं है।
आवश्यक शर्तें
webpack-dev-middleware पैकेज के अलावा:
npm install --save-dev webpack-hot-middleware
विन्यास
बस नए विकल्पों के साथ UseWebpackDevMiddleware कॉन्फ़िगरेशन अपडेट करें:
app.UseWebpackDevMiddleware(new WebpackDevMiddlewareOptions()
{
ConfigFile = "webpack.config.js", //this is defualt value
HotModuleReplacement = true,
ReactHotModuleReplacement = true, //for React only
});
आपको अपने ऐप कोड में हॉट मॉड्यूल को भी स्वीकार करना होगा।
HMR को Angular 2, React, Knockout और Vue के लिए सपोर्ट किया गया है।
Asp.net कोर के साथ नमूना एकल पृष्ठ अनुप्रयोग बनाना
आप उपयोग कर सकते हैं aspnetcore-spa जनरेटर के लिए Yeoman asp.net कोर के साथ नया एकल पृष्ठ आवेदन बनाने के लिए।
यह आपको लोकप्रिय फ्रंट एंड फ्रेमवर्क में से एक को चुनने की अनुमति देता है और वेबपैक, देव सर्वर, हॉट मॉड्यूल प्रतिस्थापन और सर्वर-साइड रेंडरिंग सुविधाओं के साथ प्रोजेक्ट उत्पन्न करता है।
बस दौडो
npm install -g yo generator-aspnetcore-spa
cd newproject
yo aspnetcore-spa
और अपना पसंदीदा ढांचा चुनें
