मुझे लगता है कि मैं भी उसी नाव में हूं जो मेरे जैसा है !!! पिछले हफ्ते या तो डॉटनेटकोर 3 की आधिकारिक रिलीज के बाद से, मैंने कुछ पाने और चलाने की कोशिश की है जो एसपीए फ्रेमवर्क का उपयोग करता है।
यह देखते हुए कि इसके लिए कोई उत्तर नहीं है और मैं SPA सेवाओं को पाने के लिए उत्सुक aspnetcore3हूं , मैंने विजुअल स्टूडियो के भीतर आपूर्ति किए गए विभिन्न टेम्पलेट्स पर ध्यान दिया है। वर्तमान में टेम्पलेट हैं Angularऔर वे Reactउपयोग करते हैं aspnetcore3।
इससे पहले के लिए टेम्पलेट हैं Angular, Reactऔर भी Aurelia। मेरे लिए ऑरेलिया बहुत अच्छा लगता है - वेनिला टाइपस्क्रिप्ट बाइंडिंग। इसलिए मैं उस मार्ग से नीचे जाने की कोशिश कर रहा हूं।
मैं HMR(हॉट मॉड्यूल रिप्लेसमेंट) काम करने में कामयाब रहा। मैंने सीएलआई का उपयोग करके ऑरेलिया परियोजना का निर्माण किया। हालाँकि, मेरी परियोजना में बहुत विन्यास है, और मैं अभी भी सीख रहा हूँ WebPack। HMR वर्तमान में ऑरेलिया CSS के साथ काम नहीं करता है।
मेरे परिदृश्य के लिए, मेरे पास VS कोड में क्लाइंट ऐप लोड था। मैंने एक एस्पनेट कोर प्रोजेक्ट बनाया, जो फिर वेबपैक में हुक करता है।
मुझे पता है कि आप विशेष रूप से रिएक्ट के बारे में पूछ रहे हैं, लेकिन अवधारणा एक ही हो सकती है।
कुछ कोड
आप यहाँ मेरा कोड पा सकते हैं:
https://github.com/andez2000/spa-apps/tree/master/aurelia-cli/e1/aurelia-app
नोट: वर्तमान में मैं सिर्फ इस रेपो में सामान डंप कर रहा हूं। यदि आप शीर्ष स्तर पर नेविगेट करते हैं तो टेम्प्लेट से निर्मित परियोजनाएं हैं।
प्रयोग
- डर खोलें
spa-apps\aurelia-cli\e1\aurelia-appमेंVSCode
- ओपन
project.csprojमेंVS2019
- एक टर्मिनल खोलें
VSCodeऔर रन करें npm start -- --hmrऔर आउटपुट के पूरा होने की प्रतीक्षा करें।
- समाधान को संकलित करें और चलाएं
VS2019
यह डिफ़ॉल्ट ब्राउज़र खोलना चाहिए और index.ejs को लोड करना चाहिए।
ध्यान देने योग्य बातें
डॉटनेट प्रोजेक्ट और ऑरेलिया प्रोजेक्ट में पोर्ट नंबर को टाई करना चाहिए।
Startup.cs
public void Configure(IApplicationBuilder app, IHostingEnvironment env)
{
...
app.UseSpa(spa =>
{
if (env.IsDevelopment())
{
spa.UseProxyToSpaDevelopmentServer("http://localhost:5000");
}
});
}
aurelia.json
"platform": {
"hmr": false,
"open": false,
"port": 5000,
"host": "localhost",
"output": "wwwroot/dist"
},
तो शायद यह वैचारिक रूप से रिएक्ट जैसा ही है। किसी कारण से मेरा रिएक्ट टेम्पलेट IIS एक्सप्रेस से कनेक्ट करने में विफल रहता है - और यह दूसरे दिन काम करता है - इसलिए वास्तव में खुदाई करने की स्थिति में नहीं है।
मेरे लिए, इस परियोजना में बहुत सारे चलते हुए भाग हैं। काश मेरे पास एक न्यूनतम कार्यशील समाधान होता - जिसमें वेबपैक + एससीएस + कुछ स्पा फ्रेमवर्क + डॉटनेटकोर 3 शामिल होते। लेकिन एक टन विन्यास और बहुत सारी फाइलें हैं।
अन्य लिंक
यह भी इस ब्लॉग पोस्ट की जाँच के लायक हो सकता है:
https://www.alexdresko.com/2019/07/09/htmlwebpackplugin-asp-net-core-3/
औरेलिया के बारे में यहाँ पढ़ें:
https://aurelia.io/
उम्मीद है कि कोई आपको बेहतर जवाब देगा - लेकिन यह आपको मिल सकता है। उम्मीद है कि Microsoft डॉक्स और उदाहरणों को अपडेट करेगा और हमें कुछ बेहतर मार्गदर्शन प्रदान करेगा।
डॉटनेट टेम्प्लेट अपडेट (अप्रैल 2020)
मुझे उम्मीद है कि अपडेट किए गए टेम्प्लेट वेबपैक के साथ एस्पनेट कोर / डॉटनेट कोर अंतरों को दूर कर सकते हैं। इसलिए उम्मीद है कि यह नए टेम्पलेट्स में खींचने का मामला है।
यहाँ देखें:
https://github.com/NetCoreTemplates/aurelia-spa