Welcome to Software Development on Codidact!
Will you help us build our independent community of developers helping developers? We're small and trying to grow. We welcome questions about all aspects of software development, from design to code to QA and more. Got questions? Got answers? Got code you'd like someone to review? Please join us.
Post History
Add Microsoft.AspNetCore.Components.WebAssembly.Server nuget to the ASP.NET Core application. Reference the Blazor WebAssembly application from the ASP.NET Core application. <Project Sdk="Mi...
Answer
#1: Initial revision
by
ndc
·
2020-09-07T08:51:27Z (about 4 years ago)
1. Add `Microsoft.AspNetCore.Components.WebAssembly.Server` nuget to the ASP.NET Core application.
1. Reference the Blazor WebAssembly application from the ASP.NET Core application.
```xml
<Project Sdk="Microsoft.NET.Sdk.Web">
<!-- ... -->
<ItemGroup>
<!-- ... -->
<PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.Server" Version="3.2.1" />
</ItemGroup>
<ItemGroup>
<!-- ... -->
<ProjectReference Include="..\MyBlazorApp.csproj" />
</ItemGroup>
<!-- ... -->
</Project>
```
1. Edit the `Startup` file of the ASP.NET Core application:
1. Add `UseWebAssemblyDebugging` if running in development mode (see sample below).
1. Call the `UseBlazorFrameworkFiles`.
1. Add `MapFallbackToFile("index.html")` routing.
```c#
namespace MyApp
{
public class Startup
{
public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
{
if (env.IsDevelopment())
{
// ...
app.UseWebAssemblyDebugging(); // this
}
// ...
app.UseBlazorFrameworkFiles(); // this
app.UseEndpoints(endpoints =>
{
// ...
endpoints.MapFallbackToFile("index.html"); // this
});
}
}
}
```
1. Then edit the `launchSettings.json`, add `inspectUri` like so:
```json
{
// ...
"profiles": {
"IIS Express": {
// ...
"inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}"
},
"MyApp": {
// ...
"inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}"
}
}
}
```