electron - How to run a .NET API alongside a React app using ElectronSharp? - Stack Overflow

admin管理员组

文章数量:1345317

I am trying to run a .NET API together with a React app locally, using ElectronSharp for the desktop app. However, when I add the line Electron.ReadAuth(), the API fails to start, and I can't access it either through the Electron window or when running the application normally.

Here's what I'm trying to do: I'm using ElectronSharp to integrate Electron with my .NET API.

I want to load a React app and also run the API alongside it to run locally

The issue:

When I add Electron.ReadAuth() in the Program.cs file, the API doesn't run properly. The API isn't accessible, even when I try running it normally (i.e., without Electron).

this is my program .cs

Electron.ReadAuth();

var builder = WebApplication.CreateBuilder(args);


builder.Services.AddServices();
builder.Services.AddFluentValidationAutoValidation();
builder.Services.AddValidatorsFromAssemblyContaining<ClientValidation>();
builder.Services.AddAuthenticationSetting(builder.Configuration);
builder.Services.AddControllers().AddNewtonsoftJson(options =>
{
    options.SerializerSettings.Converters.Add(new StringEnumConverter());
    options.SerializerSettings.DateFormatString = "yyyy-MM-dd HH:mm";
});
builder.Services.AddMappingConfiguration();
;

builder.Services.AddOpenApi();

builder.Services.AddCors(options =>
{
    options.AddPolicy("cors",
        policyBuilder =>
        {
            policyBuilder.WithOrigins("http://localhost:3000", "https://localhost:3000").AllowAnyHeader()
                .AllowAnyMethod();
        });
});

builder.Services.AddAuthorization();


builder.Services.AddDbContext<AppDbContext>(options =>
{
    options.UseMySql(builder.Configuration.GetConnectionString("loca"),
            ServerVersion.AutoDetect(builder.Configuration.GetConnectionString("local")))
        .UseSnakeCaseNamingConvention();
});


Log.Logger = new LoggerConfiguration()
    .MinimumLevel.Warning()
    .Enrich.FromLogContext()
    .WriteTo.Console()
    .WriteTo.File("logs/log-.txt", rollingInterval: RollingInterval.Day,
        outputTemplate: "{Timestamp:yyyy-MM-dd HH:mm:ss} [{Level}] {Message}{NewLine}{Exception}")
    .CreateLogger();

builder.Host.UseSerilog();
var loggerFactory = LoggerFactory.Create(builder => { builder.AddConsole(); });
var logger = loggerFactory.CreateLogger("ApiPolicesDependencies");
builder.Services.AddApiPolicies(logger);

builder.Services.AddExceptionHandler<ExceptionHandler>();


Log.Information("Starting Electron Authentication...");

Log.Information("Electron Authentication Complete.");
builder.WebHost.UseElectron(args);

var browserWindow = await Electron.WindowManager.CreateWindowAsync(new BrowserWindowOptions
{
    Width = 1152,
    Height = 940
});

if (builder.Environment.IsDevelopment())
{
    browserWindow.LoadURL("http://localhost:3000");
}
else
{
    var indexHtmlPath = Path.Combine(Directory.GetCurrentDirectory(), "my-react-app", "build", "index.html");
    browserWindow.LoadURL($"file:///{indexHtmlPath}");
}

var app = builder.Build();
app.UseCors("cors");

app.UseAuthentication();

app.UseAuthorization();


var documentsPath = Path.Combine(Directory.GetCurrentDirectory(), "Documents");


if (app.Environment.IsDevelopment()) app.MapOpenApi();


if (Directory.Exists(documentsPath))
{
    app.UseStaticFiles(new StaticFileOptions
    {
        FileProvider = new PhysicalFileProvider(documentsPath),
        RequestPath = "/Documents"
    });
}
else
{
    Directory.CreateDirectory(documentsPath);
    app.UseStaticFiles(new StaticFileOptions
    {
        FileProvider = new PhysicalFileProvider(documentsPath),
        RequestPath = "/Documents"
    });
}


app.UseHttpsRedirection();
app.MapControllers();
app.MapScalarApiReference();


await app.RunAsync();

questions : how do i run the API alongside the electron sharp react app ?

本文标签： electronHow to run a NET API alongside a React app using ElectronSharpStack Overflow