Activities of "chrisalves"

Hi!

I shared as a repo in Github. You might find a Github invite to see the source code.

Hi! I sent you the source code to your email address. Let me know if you received it.

Hello,

I have made the requested change according to the feedback below:

[maliming] said: Can you remove this? Thanks.

Despite this change, the behavior of the application hosted on Azure App Service remains the same.

We created the bootstrap-user.css and user.css files to apply custom styling to the Bootstrap and Lepton-X components. After a successful WebSocket connection, the styling works as expected in both remote production and local development environment.

However, the Blazor Server application continues to request both CSS files from incorrect paths, which triggers a redirection to the error page and results in an HTTP 302 status code.

Incorrect paths generated by the Blazor request:

• https://qlt.pipali.com.br/_content/Volo.Abp.AspNetCore.Components.Web.LeptonXTheme/top-menu/css/bootstrap-user.css
• https://qlt.pipali.com.br/_content/Volo.Abp.AspNetCore.Components.Web.LeptonXTheme/top-menu/css/user.css

Expected paths from where the files should be successfully accessible via the browser:

• https://qlt.pipali.com.br/css/bootstrap-user.css
• https://qlt.pipali.com.br/css/user.css

The only single reference to the files exists in BlazorModule.cs located at the project "src\Blazor".

Can you help me to fix the paths for these two CSS files to resolve the error currently visible in the DevTools (_content/Volo.Abp.AspNetCore.Components.Web.LeptonXTheme/top-menu/css/user.css)?

Hi! it seems that WebSocket is now working as picture below.

[maliming] said: hi

There is no CSS problem in the browser. You should enable the Web sockets feature on your Azure platform.

Hi, The WebSockets option is enabled, but the application is still hanging after being published. On the development machine it runs normally, so the issue seems to occur only in the deployed environment.

The errors appear immediately after login. At this point, the application should load the graphical elements (wizard with styled cards), but the CSS files are not being found and the UI fails to render.

Could you please log into the application to verify it directly? The admin credentials are the default ABP ones.

The missing files are: user.css and bootstrap-user.css. These files provide the custom visual identity for the Lepton X components and work correctly in the local environment, but they are not being reached in the Azure App Service deployment. Could you please log into the application to verify this directly? The admin credentials are the default ABP ones. Below are the relevant code references from our BlazorModule:

ConfigureTheme ConfigureBundles ConfigureVirtualFileSystem

We appreciate your help in identifying why these CSS files are not being resolved in the published environment.

[maliming] said: hi

Can you share an online URL?

liming.ma@volosoft.com

Thanks.

Hi!

Here is: https://qlt.pipali.com.br Admin Username and password are the default for ABP application

UI issue

When running locally everything works. After deploying to Azure App Service, the home page loads with a wrong/broken layout (CSS not applied). After a few seconds the Blazor Server circuit disconnects and the app breaks.

We are using custom CSS files called user.css and bootstrap-user.css (see the screenshot 5 bellow).

Browser console (dev tools) shows CSS being blocked due to MIME mismatch (HTML served instead of CSS) and Blazor Server transport issues (WebSockets failing, fallback to long polling, then circuit termination).

Evidence (Browser DevTools)

1) CSS / MIME errors

• Refused to apply style from 'https://<domain>/Error?httpStatusCode=404' because its MIME type ('text/html') is not a supported stylesheet MIME type, and strict MIME checking is enabled.

2) Network -> CSS

Some stylesheets return 200, but these return redirect:

• bootstrap-user.css -> 302 Redirect
• user.css -> 302 Redirect

3) Response headers (for bootstrap-user.css / user.css)

• Status: 302
• Location: /Error?httpStatusCode=404
• Server: Microsoft-IIS/10.0
• Content-Length: 0

So the browser requests CSS but gets redirected to /Error (HTML), which is then blocked as a stylesheet.

4) Blazor Server console logs

• Warning: Failed to connect via WebSockets, using the Long Polling fallback transport...
• Error: There was an unhandled exception on the current circuit, so this circuit will be terminated...
• Information: Connection disconnected.

Server-side (Azure App Service) file structure observation

Using Kudu file explorer, there is a nested wwwroot directory:

• Root: site/wwwroot
• Nested: site/wwwroot/wwwroot/css/bootstrap-user.css
• Nested: site/wwwroot/wwwroot/css/user.css
• Also .br and .gz variants exist.

However, public URL requests still result in 302 -> /Error?httpStatusCode=404 even when trying:

• https://<domain>/bootstrap-user.css (or /css/bootstrap-user.css)
• https://<domain>/wwwroot/css/bootstrap-user.css

Program.cs (Blazor project)

We use ABP startup:

• await builder.AddApplicationAsync<Beta02BlazorModule>();
• await app.InitializeApplicationAsync(); We also added WebRootPath diagnostics logs (ContentRootPath/WebRootPath + libs folder existence).

(If needed, I can provide the full Program.cs.)

Questions

1. For ABP Blazor Server on Azure App Service, what is the recommended structure for the customized css files location so the static web assets (including theme assets and custom CSS like bootstrap-user.css/user.css) are deployed correctly?
2. Why would static CSS requests return 302 redirect to /Error?httpStatusCode=404 on Azure after publish, while working locally (using abp studio)?
3. How should we configure ABP/Blazor Server on Azure App Service to ensure WebSockets are properly used and the circuit does not disconnect?
4. Is there any ABP-specific configuration required for static web assets in tiered Blazor Server solutions when deployed to Azure App Service?

Attachments / Screenshots

• Screenshot 2: Console errors showing MIME /Error?httpStatusCode=404 and Blazor circuit disconnect
• Screenshot 3: Network tab showing 302 redirects for bootstrap-user.css and user.css
• Screenshot 4: Response headers showing Location: /Error?httpStatusCode=404
• Screenshot 5: Kudu file explorer showing nested wwwroot/wwwroot/css/*

[maliming] said: hi

You can disable the CheckLibs, It won't affect anything, just remeind developer to run the install-libs command

Configure<AbpMvcLibsOptions>(options =>
{
     options.CheckLibs = false;
});

Thanks.

I applied this change Thank you.

Hi,

I’ve set up a RabbitMQ SaaS instance and I now have the AMQPS connection URL for our environment (example format below):

amqps://<user>:<password>@<host>/<vhost>

In our ABP configuration we currently have:

"RabbitMQ": { "Connections": { "Default": { "HostName": "localhost" } }, "EventBus": { "ClientName": "HttpApiHost", "ExchangeName": "Beta02" } }

For the Quality environment, what is the correct way to configure ABP/RabbitMQ to use the SaaS URL?

Specifically:

1. Can I replace HostName: "localhost" with the full connection string (amqps://...) or should I set the fields separately (HostName, Port, UserName, Password, VirtualHost, Ssl)?
2. Since the provider requires TLS (AMQPS / port 5671), what exact JSON settings are required to enable SSL/TLS in ABP’s RabbitMQ configuration?
3. Will ABP automatically read the username/password/vhost from the connection string, or do they need to be mapped explicitly to configuration keys?

If you can share a minimal recommended appsettings.json example for AMQPS, that would help ensure we configure it correctly.

Thanks!

[chrisalves] said:

[maliming] said:

hi

Issue 2: Disabling RabbitMQ for Single-Instance Deployment

Your application is tiered, so you need a distributed event bus. However, if you need to disable it, you can replace AbpEventBusRabbitMqModule with AbpEventBusModule in your module dependencies.

Thanks.

Hi Support Team,

Following up on the second issue (EventBus configuration).

Per your recommendation, we are temporarily switching from RabbitMQ to the default ABP EventBus (in-process) to move forward. However, our plan is to adopt the recommended best-practice setup in the near future, likely using RabbitMQ as the distributed event bus.

The attached image shows the current appsettings.json from our Blazor Server WebApp, which still includes RabbitMQ-related settings (for example, RabbitMQ:Connections:Default:HostName = "localhost").

Questions (short term – ABP EventBus)

1. After switching to the default ABP EventBus, what exactly should we remove or change in the configuration files (appsettings.json and environment-specific settings) for:

• Blazor Server WebApp

• API/HttpApi.Host

• AuthServer (if applicable)

2. With the default ABP EventBus, does any server/service (AuthServer vs API) need to host the event bus, or is it purely in-process per application (meaning no endpoint/host configuration is required)?

Questions (near future – RabbitMQ best practice)

3. When we move back to RabbitMQ, we’ll need to run it as an external/shared infrastructure component. Since our infrastructure is hosted on Azure, we would prefer an Azure-friendly option.

• What hosting approach or managed service do you recommend for RabbitMQ in production (Azure-first if possible)?

• If Azure isn’t ideal for managed RabbitMQ, are there external providers/services you commonly recommend based on your experience (ease of setup, reliability, maintenance)?

Thanks in advance for confirming the correct configuration changes now, and for advising on the best RabbitMQ hosting option for our upcoming production-ready setup.

Hi!

This question was missed to be returned. Can you give as an explanation about the ABPEventBus also a recomendation of RabbitMQ Services as we requested? Please be as detailed as possible.