আমার মনে হয় আমি নিজের মতো একই নৌকায় আছি !!! ডটনেটকোয়ার 3 আনুষ্ঠানিক প্রকাশের পর থেকে গত সপ্তাহ বা তার পরে কাটিয়েছি, আমি এসপিএ কাঠামো ব্যবহার করে এমন কিছু চালিয়ে যাওয়ার চেষ্টা করেছি।
প্রদত্ত এর জন্য কোনও উত্তর নেই এবং আমি aspnetcore3ভিজ্যুয়াল স্টুডিওতে সরবরাহিত বিভিন্ন টেম্পলেটগুলিতে সন্ধান করেছি এবং এসপিএ পরিষেবাগুলি চালু রাখার জন্য আমি আগ্রহী । বর্তমানে টেমপ্লেটগুলি Angularএবং Reactএটি ব্যবহার aspnetcore3।
এর আগে সেখানে টেমপ্লেট হয় Angular, Reactএবং Aurelia। আমার জন্য অরেলিয়া দেখতে দুর্দান্ত - ভ্যানিলা টাইপস্ক্রিপ্ট বাইন্ডিং। তাই আমি সেই পথে নামার চেষ্টা করছি।
আমি HMR(হট মডিউল রিপ্লেসমেন্ট) কাজ করতে সক্ষম হয়েছি । আমি সিএলআই ব্যবহার করে একটি অরেলিয়া প্রকল্প তৈরি করেছি। তবে, আমার প্রকল্পের অনেক কনফিগারেশন রয়েছে এবং আমি এখনও শিখছি WebPack। এইচএমআর বর্তমানে অরেলিয়া সিএসএসের সাথে কাজ করে না।
আমার দৃশ্যের জন্য, আমার কাছে ক্লায়েন্ট অ্যাপটি ভিএস কোডে লোড হয়েছিল। আমি একটি এ্যাসনেট কোর প্রকল্প তৈরি করেছি যা তারপরে ওয়েবপ্যাকে প্রবেশ করে।
আমি জানি আপনি প্রতিক্রিয়া সম্পর্কে বিশেষভাবে জিজ্ঞাসা করছেন, তবে ধারণাটি একই হতে পারে।
কিছু কোড
আপনি আমার কোডটি এখানে পেতে পারেন:
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
এটি ডিফল্ট ব্রাউজারটি খুলবে এবং সূচিপত্রগুলি লোড করবে।
বিষয়গুলি লক্ষণীয়
ডটনেট প্রকল্পে এবং অরেলিয়া প্রকল্পের বন্দর নম্বরগুলি অবশ্যই বাঁধতে হবে।
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"
},
সুতরাং সম্ভবত এটি প্রতিক্রিয়া হিসাবে ধারণা মত একই। কোনও কারণে আমার প্রতিক্রিয়া টেমপ্লেট আইআইএস এক্সপ্রেসে সংযোগ করতে ব্যর্থ হয়েছে - এবং এটি অন্য দিন কাজ করেছিল - তাই সত্যই খোঁড়াখুঁতে যাওয়ার অবস্থানে নেই।
আমার জন্য, এই প্রকল্পের অনেকগুলি চলমান অংশ রয়েছে। আমি আশা করি আমার একটি ন্যূনতম কার্যকরী সমাধান ছিল - এতে ওয়েবপ্যাক + স্কেস + কিছু স্পা ফ্রেমওয়ার্ক + ডটনেটकोर 3 রয়েছে। তবে এখানে এক টন কনফিগারেশন এবং প্রচুর ফাইল রয়েছে।
অন্যান্য লিঙ্ক
এছাড়াও এটি এই ব্লগ পোস্ট চেক আউট মূল্য হতে পারে:
https://www.alexdresko.com/2019/07/09/htmlwebpackplugin-asp-net-core-3/
অরেলিয়া সম্পর্কে এখানে আরও পড়ুন:
https://aurelia.io/
আশা করি কেউ আপনাকে আরও ভাল উত্তর দেবে - তবে এটি আপনাকে যেতে পারে। আশা করি মাইক্রোসফ্ট ডক্স এবং উদাহরণগুলি আপডেট করবে এবং আমাদের আরও ভাল দিকনির্দেশনা সরবরাহ করবে।
ডটনেট টেম্পলেট আপডেট (এপ্রিল 2020)
আমি আশা করছি আপডেট হওয়া টেমপ্লেটগুলি ওয়েবপ্যাকের সাথে অ্যাসপেট কোর / ডটনেট কোর পার্থক্যগুলি কাটিয়ে উঠতে পারে। সুতরাং আশা করছি এটি নতুন টেমপ্লেটগুলিতে টানার ক্ষেত্রে।
এখানে দেখো:
https://github.com/NetCoreTemplates/aurelia-spa