Open Closed

Menu Items Disappear when using Azure SignalR in blazor server app #5265


User avatar
0
neethucp created

Menu items are disappearing when we use azure signalR in blazor server app and only the "Home" menu appears. If we remove the permission for other menu items, those get displayed. We were able to reproduce the issue in a new abp project.

  • ABP Framework version: v7.2.2
  • UI type: Blazor Server
  • DB provider: EF Core
  • Tiered (MVC) or Identity Server Separated (Angular): yes

11 Answer(s)
  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    We were able to reproduce the issue in a new abp project.

    Could you share the project with me? shiwei.liang@volosoft.com. I will check it.

  • User Avatar
    0
    Anjali_Musmade created
    Support Team Support Team Member

    Hi,

    I was not able to reproduce the issue here is a small video that is working. https://aman-waiin.tinytake.com/msc/ODM0ODczOV8yMTYxNTU1NA

    Please Follow : https://docs.abp.io/en/abp/latest/SignalR-Integration https://learn.microsoft.com/en-us/azure/azure-signalr/signalr-tutorial-build-blazor-server-chat-app

  • User Avatar
    0
    neethucp created

    Hi,

    We are not building a chat application. We just added the azure signalR configuration context.Services.AddSignalR().AddAzureSignalR(); in blazor module and the connection string in appsettings.

    https://custman-my.sharepoint.com/:v:/g/personal/aoomm_lighthousehq_com_au/EchOgOpX4oRJtj6NaBwqKKgB5xT9iByJUwjru6xYN10AmQ?e=8lUdPw

  • User Avatar
    0
    Anjali_Musmade created
    Support Team Support Team Member

    Hi,

    I was not able to reproduce the issue here is a small video that is working. https://aman-waiin.tinytake.com/msc/ODM0ODczOV8yMTYxNTU1NA

    Please Follow :
    https://docs.abp.io/en/abp/latest/SignalR-Integration https://learn.microsoft.com/en-us/azure/azure-signalr/signalr-tutorial-build-blazor-server-chat-app

    Hi,

    Sorry, but the above video was just a sample which showed the working of azure SignalR with abp io blazor server and not the actual result you are trying to achieve.

  • User Avatar
    0
    neethucp created

    The application works properly if we remove the line "context.Services.AddSignalR().AddAzureSignalR();" and all menu items are displayed correctly.

  • User Avatar
    0
    Anjali_Musmade created
    Support Team Support Team Member

    Hi,

    Where have you added this configuration, in which module?

  • User Avatar
    0
    neethucp created

    The configuration is added in Blazor Server module as we want to use Azure SignalR for blazor.

  • User Avatar
    0
    Anjali_Musmade created
    Support Team Support Team Member

    Hi,

    You should add this Services.AddSignalR().AddAzureSignalR(); where your hub is created. is your hub created in {POJECT_NAME}BlazorModule ?

    Please use Install the Microsoft.AspNetCore.SignalR.Client package to use the SignalR client. to communicate to your hub as mentioned in this example https://learn.microsoft.com/en-us/azure/azure-signalr/signalr-tutorial-build-blazor-server-chat-app

  • User Avatar
    0
    neethucp created

    We are just trying to deploy Blazor Server App to Azure and want to use Azure Signal R Service.

    "We recommend using the Azure SignalR Service for Blazor Server apps. The service works in conjunction with the app's Blazor Hub for scaling up a Blazor Server app to a large number of concurrent SignalR connections."

    https://learn.microsoft.com/en-us/aspnet/core/blazor/host-and-deploy/server?view=aspnetcore-7.0#azure-signalr-service

    The connection is working fine. The only issue is that the menu items with permission do not appear in the application.

  • User Avatar
    1
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

    It's by Azure SignalR design: https://github.com/dotnet/aspnetcore/issues/17617

    You can try:

    [Dependency(ReplaceServices = true)]
    public class AzureSignalRRemoteServiceHttpClientAuthenticator : IdentityModelRemoteServiceHttpClientAuthenticator
    {
        public ICurrentPrincipalAccessor ICurrentPrincipalAccessor { get; set; }
    
        public AzureSignalRRemoteServiceHttpClientAuthenticator(
            IIdentityModelAuthenticationService identityModelAuthenticationService)
            : base(identityModelAuthenticationService)
        {
        }
    
        public override async Task Authenticate(RemoteServiceHttpClientAuthenticateContext context)
        {
            if (context.RemoteService.GetUseCurrentAccessToken() != false)
            {
                var accessToken =  GetAccessTokenOrNullAsync();
                if (accessToken != null)
                {
                    context.Request.SetBearerToken(accessToken);
                    return;
                }
            }
    
            await base.Authenticate(context);
        }
    
        protected virtual string? GetAccessTokenOrNullAsync()
        {
            var token = ICurrentPrincipalAccessor.Principal.FindFirst("access_token");
            if (token == null)
            {
                return null;
            }
    
            return token.Value;
        }
    }
    
    
    .AddAbpOpenIdConnect("oidc", options =>
    {
        ......
        
        options.Events.OnTokenResponseReceived = receivedContext =>
        {
            if (!string.IsNullOrWhiteSpace(receivedContext.TokenEndpointResponse.AccessToken)
                && receivedContext.Principal.Identity is ClaimsIdentity identity
                && !identity.HasClaim(c => c.Type == "access_token"))
            {
                identity.AddClaim(new Claim("access_token", receivedContext.TokenEndpointResponse.AccessToken));
            }
            return Task.CompletedTask;
        };
      
    });
    
  • User Avatar
    0
    neethucp created

    Hi,

    It's working now. Thank you

Made with ❤️ on ABP v9.1.0-preview. Updated on December 05, 2024, 12:19