Lavorare con i servizi spa in .NetCore 3.0?


9

Sviluppo un'applicazione Web SPA utilizzando ASP.Net Core React + Redux.

Dopo l'aggiornamento a .Net Core 3.0 vedo che UseWebpackDevMiddleware e AddNodeServices è obsoleto.

Imparo il nuovo modello di progetto React + Redux, ma non usa webpack o SSR.

1) Dove posso trovare esempi o informazioni di lavoro con webpack in .Net Core 3.0? con UseWebpackDevMiddleware era davvero facile configurare HMR e la creazione di webpack.

2) Dove posso trovare esempi o informazioni su SSR con .Net 3.0 + React?

Risposte:


4

Sento di essere nella stessa barca di te !!! Avendo trascorso l'ultima settimana circa dall'uscita ufficiale di dotnetcore3, ho provato a mettere in funzione qualcosa che utilizza un framework SPA.

Dato che non ci sono state risposte per questo e sono ansioso di far funzionare i servizi SPA, aspnetcore3ho esaminato i vari modelli forniti in Visual Studio. Attualmente i modelli sono Angulare Reactche usano aspnetcore3.

Prima di questo ci sono modelli per Angular, Reacte anche Aurelia. Aurelia mi sta benissimo: rilegature dattiloscritte alla vaniglia. Quindi sto cercando di seguire questa strada.

Sono riuscito a far funzionare HMR(sostituzione del modulo a caldo). Ho realizzato un progetto Aurelia utilizzando l'interfaccia della riga di comando. Tuttavia, il mio progetto ha molta configurazione e sto ancora imparando WebPack. HMR attualmente non funziona con Aurelia CSS.

Per il mio scenario, avevo l'app client caricata in VS Code. Ho creato un progetto core aspnet che poi si aggancia al webpack.

So che stai chiedendo specificamente di React, ma il concetto potrebbe essere lo stesso.

Del codice

Puoi trovare il mio codice qui:

https://github.com/andez2000/spa-apps/tree/master/aurelia-cli/e1/aurelia-app

NOTA: attualmente sto scaricando roba in questo repository. Esistono progetti creati dai modelli se si passa al livello superiore.

uso

  1. Apri la cartella spa-apps\aurelia-cli\e1\aurelia-appinVSCode
  2. Apri project.csprojinVS2019
  3. Aprire un terminale VSCodeed eseguirlo npm start -- --hmre attendere il completamento dell'output.
  4. Compila ed esegui la soluzione VS2019

Questo dovrebbe aprire il browser predefinito e caricare index.ejs.

Cose da notare

I numeri di porta nel progetto dotnet e nel progetto aurelia devono essere collegati.

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"
  },

Quindi forse questo è concettualmente lo stesso di React. Per qualche ragione il mio modello React non riesce a connettersi a IIS Express - e ha funzionato l'altro giorno - quindi non è davvero in grado di scavare.

Per me, questo progetto ha molte parti in movimento. Vorrei avere una soluzione di lavoro minima - che comprende webpack + scss + un po 'di spa framework + dotnetcore3. Ma c'è una tonnellata di configurazione e molti file.

Altri link

Inoltre potrebbe valere la pena di controllare questo post sul blog:

https://www.alexdresko.com/2019/07/09/htmlwebpackplugin-asp-net-core-3/

Leggi di più su aurelia qui:

https://aurelia.io/

Spero che qualcuno ti dia una risposta migliore, ma questo potrebbe farti andare. Eventualmente Microsoft aggiornerà i documenti e gli esempi e ci fornirà una guida migliore.

aggiornamenti del modello dotnet (aprile 2020)

Spero che i modelli aggiornati possano superare le differenze core aspnet / dotnet con il webpack. Quindi sperando che si tratti di inserire nuovi modelli.

Vedere qui:

https://github.com/NetCoreTemplates/aurelia-spa

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.