NetCore 3.0'da spa hizmetleriyle mi çalışıyorsunuz?


9

ASP.Net Core React + Redux kullanarak SPA web uygulaması geliştiriyorum.

Net Core 3.0 güncellemesinden sonra UseWebpackDevMiddleware ve AddNodeServices'in eski olduğunu görüyorum.

Yeni proje şablonu React + Redux öğreniyorum, ancak webpack veya SSR kullanmıyor.

1) .Net Core 3.0'da webpack ile çalışmanın örnek veya bilgilerini nerede bulabilirim? UseWebpackDevMiddleware ile HMR ve webpack kurulumunu yapılandırmak gerçekten kolaydı.

2) .Net 3.0 + React ile SSR hakkında örnek veya bilgi nerede bulabilirim?

Yanıtlar:


4

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 aspnetcore3Visual Studio içinde sağlanan çeşitli şablonlar baktım için SPA hizmetleri çalıştırmak için istekli . Şu anda şablonlar Angularve Reactkullanımı aspnetcore3.

Bundan önce için şablonlar vardır Angular, Reactayrı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

  1. Klasörü şurada aç spa-apps\aurelia-cli\e1\aurelia-app:VSCode
  2. Şunu aç project.csproj:VS2019
  3. Bir terminal açın VSCodeve çalıştırın npm start -- --hmrve çıkışın tamamlanmasını bekleyin.
  4. Çö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

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.