Seninle aynı teknede olduğumu hissediyorum !!! Dotnetcore3'ün resmi sürümünden bu yana geçen hafta geçirdikten sonra, bir SPA çerçevesi kullanan bir şey çalıştırmaya çalıştım.
Bunun için herhangi bir yanıt alınmadığı için ve ben aspnetcore3
Visual Studio içinde sağlanan çeşitli şablonlar baktım için SPA hizmetleri çalıştırmak için istekli . Şu anda şablonlar Angular
ve React
kullanımı aspnetcore3
.
Bundan önce için şablonlar vardır Angular
, React
ayrıca ve Aurelia
. Benim için Aurelia harika görünüyor - vanilya dizgi yazıları. Bu yüzden o rotadan aşağı inmeye çalışıyorum.
HMR
(Sıcak Modül Değiştirme) çalışmayı başardım . CLI kullanarak bir Aurelia projesi yaptım. Ancak, projemin çok fazla yapılandırması var ve hala öğreniyorum WebPack
. HMR şu anda Aurelia CSS ile çalışmıyor.
Benim senaryo için, VS Kod yüklü istemci uygulaması vardı. Daha sonra webpack'e bağlanan bir aspnet çekirdek projesi oluşturdum.
Özellikle React hakkında sorular sorduğunuzu biliyorum, ama kavram aynı olabilir.
Bazı kodlar
Kodumu burada bulabilirsiniz:
https://github.com/andez2000/spa-apps/tree/master/aurelia-cli/e1/aurelia-app
NOT: Şu anda sadece bu depoya bir şeyler atıyorum. Üst düzeye geçerseniz şablonlardan oluşturulan projeler vardır.
kullanım
- Klasörü şurada aç
spa-apps\aurelia-cli\e1\aurelia-app
:VSCode
- Şunu aç
project.csproj
:VS2019
- Bir terminal açın
VSCode
ve çalıştırın npm start -- --hmr
ve çıkışın tamamlanmasını bekleyin.
- Çözümü derleyin ve çalıştırın
VS2019
Bu, varsayılan tarayıcıyı açmalı ve index.ejs dosyasını yüklemelidir.
Dikkat Edilmesi Gerekenler
Dotnet ve aurelia projelerindeki bağlantı noktası numaraları birbirine bağlanmalıdır.
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"
},
Belki de bu kavramsal olarak Tepki ile aynıdır. Nedense React şablonum IIS Express'e bağlanamıyor - ve geçen gün çalıştı - bu yüzden gerçekten kazma pozisyonunda değil.
Benim için bu projenin birçok hareketli parçası var. Keşke webpack + scss + bazı spa framework + dotnetcore3 içeren minimal bir çalışma çözümüm olsaydı. Ancak bir ton yapılandırma ve çok sayıda dosya var.
Diğer bağlantılar
Ayrıca bu blog gönderisini kontrol etmeye değer olabilir:
https://www.alexdresko.com/2019/07/09/htmlwebpackplugin-asp-net-core-3/
Aurelia hakkında daha fazla bilgi için:
https://aurelia.io/
Umarım birisi size daha iyi bir cevap verir - ama bu sizi halledebilir. Umarım Microsoft belgeleri ve örnekleri günceller ve bize daha iyi rehberlik eder.
dotnet şablon güncellemeleri (Nisan 2020)
Güncellenmiş şablonların web paketi ile aspnet çekirdeği / dotnet çekirdeği farklılıklarının üstesinden gelebileceğini umuyorum. Bu yüzden yeni şablonlar çekmeyi umuyoruz.
Buraya bakın:
https://github.com/NetCoreTemplates/aurelia-spa