Стартап-проект - Blazor с SignalR. Сервер / Клиент - PullRequest
Новая
       46

Стартап-проект - Blazor с SignalR. Сервер / Клиент

0 голосов
/ 28 апреля 2020

Я хотел бы начать с. NET Blazor и SignalR. Я запустил это простое приложение SignalR Blazor в качестве учебного пособия. Я нашел этот пример . Я прошел этот пример шаг за шагом несколько раз, и я, должно быть, что-то перебрал. Я запускаю оба из них на Net Core 3.1 на Visual Studio 19. Сервер - это проект запуска, но когда я запускаю проект, index.razor не вызывается. Я положил в соответствующие конечные точки демо. Но я не могу попасть ни на одну из страниц клиента. Я потратил часы на это и ценю любую помощь.

endpoints.MapFallbackToFile ("index. html");

Это класс моего сервера-концентратора 

using System.Threading.Tasks;
using Microsoft.AspNetCore.SignalR;
using SignalRTCBlazor.Shared.Models;
using System.Text.Json;


namespace SignalRTCBlazor.Server.Hubs
{
public class ChatHub : Hub
{

    public async Task NewUser(string username)
    {
        var userInfo = new UserInfo() { userName = username, connectionId = Context.ConnectionId };
        await Clients.Others.SendAsync("NewUserArrived", JsonSerializer.Serialize(userInfo));
    }

    public async Task HelloUser(string userName, string user)
    {
        var userInfo = new UserInfo() { userName = userName, connectionId = Context.ConnectionId };
        await Clients.Client(user).SendAsync("UserSaidHello", JsonSerializer.Serialize(userInfo));
    }

    public async Task SendSignal(string signal, string user)
    {
        await Clients.Client(user).SendAsync("SendSignal", Context.ConnectionId, signal);
    }

    public async Task SendMessage(string user, string message)
    {
        await Clients.All.SendAsync("ReceiveMessage", user, message);
    }

    public Task SendMessageToCaller(string message)
    {
        return Clients.Caller.SendAsync("ReceiveMessage", message);
    }

    public Task SendMessageToGroup(string message)
    {
        return Clients.Group("SignalR Users").SendAsync("ReceiveMessage", message);
    }

    public override async Task OnDisconnectedAsync(System.Exception exception)
    {
        await Clients.All.SendAsync("UserDisconnect", Context.ConnectionId);
        await base.OnDisconnectedAsync(exception);
    }
}
}

Это запуск сервера 

using Microsoft.AspNetCore.Builder;
using Microsoft.AspNetCore.Components;
using Microsoft.AspNetCore.Hosting;
using Microsoft.AspNetCore.HttpsPolicy;
using Microsoft.Extensions.Configuration;
using Microsoft.Extensions.DependencyInjection;
using Microsoft.Extensions.Hosting;
using SignalRTCBlazor.Server.Hubs;
namespace SignalRTCBlazor.Server
{
 public class Startup
 {
    public Startup(IConfiguration configuration)
    {
        Configuration = configuration;
    }

    public IConfiguration Configuration { get; }

    // This method gets called by the runtime. Use this method to add services to the container.
    // For more information on how to configure your application, visit https://go.microsoft.com/fwlink/?LinkID=398940
    public void ConfigureServices(IServiceCollection services)
    {
        services.AddRazorPages();
        services.AddServerSideBlazor();
        services.AddSignalR();
    }

    // This method gets called by the runtime. Use this method to configure the HTTP request pipeline.
    public void Configure(IApplicationBuilder app, IWebHostEnvironment env)
    {
        if (env.IsDevelopment())
        {
            app.UseDeveloperExceptionPage();
        }
        else
        {
            app.UseExceptionHandler("/Error");
            // The default HSTS value is 30 days. You may want to change this for production scenarios, see https://aka.ms/aspnetcore-hsts.
            app.UseHsts();
        }

        app.UseHttpsRedirection();
        app.UseStaticFiles();

        app.UseRouting();

        app.UseEndpoints(endpoints =>
        {
            endpoints.MapHub<ChatHub>("/chathub");
            endpoints.MapFallbackToFile("index.html");
        });
    }
 }
}

Ответы [ 2 ]

0 голосов
/ 29 апреля 2020

Я наконец понял это. Так много настроек, и я все еще учусь. В примере написано, что в коде нужно вставить следующие строки. 

   endpoints.MapHub<Hubs.ChatHub>(ChatClient.HUBURL);
   endpoints.MapFallbackToFile("index.html");

и удалить 

     endpoints.MapBlazorHub();
     endpoints.MapFallbackToPage("/_Host");

Что я сделал, так это вставил две другие строки, и это работает 

      endpoints.MapHub<Hubs.ChatHub>(ChatClient.HUBURL);
      endpoints.MapBlazorHub();
      endpoints.MapFallbackToPage("/_Host");
0 голосов
/ 28 апреля 2020

Сначала в файле Startup.cs под ConfigureServices добавьте промежуточное программное обеспечение следующим образом: 

services.AddSignalR();

Затем в Configure вы определяете маршрут к вашему хабу следующим образом: 

 app.UseEndpoints(endpoints =>
   {
    endpoints.MapHub<Noty>("/notifyHub");
    endpoints.MapBlazorHub();
    ...
   });

Вам нужно написать свой класс-концентратор. Как-то так, концентратор имеет метод SetMessage, который будет вызываться позже: 

 public class Noty : Hub
    {
      private static IHubContext<Noty> _hubContext;

      public Noty(IHubContext<Noty> hubContext)
      {
          _hubContext = hubContext;
      }
      private async static Task SetMessage(string message)
      {
        await _hubContext.Clients.User(State.User.Current.Id).SendAsync("ReceiveMessage", message);
      }
    }

Наконец, напишите сценарий подключения (внутри файла. js и обратитесь к нему. в вашем файле _Host.cs html) 

 $(document).ready(function () {
        var connection = new signalR.HubConnectionBuilder().withUrl("/notifyHub").build();
        connection.on("ReceiveMessage", function (message{      
            alert(message);
        });
    });

Теперь вы можете вызывать SendMessage из своего концентратора везде, где вам нужно, и концентратор предупреждает сообщение.

...