Клиентская сторона SignalR принимает звонки от клиента панели инструментов, но не от клиента электронной коммерции - PullRequest
Новая
       13

Клиентская сторона SignalR принимает звонки от клиента панели инструментов, но не от клиента электронной коммерции

1 голос
/ 05 июля 2019

У меня есть 2 клиента Vue.js, которые используют один и тот же внутренний сервер (ASP.NET Core). Один из клиентов - это сайт электронной коммерции, а другой - панель администратора, которая управляет заказами.

Я реализовал SignalR, чтобы разрешить оперативные обновления заказов в таблице панели заказов. Обновления в настоящее время работают в режиме реального времени без необходимости обновлять браузер, когда я обновляю статус заказа на панели администратора, например при обновлении с «Out for Delivery» на «Delivered» в браузере 1 браузер 2 отображает изменения немедленно, не обновляя страницу.

Заказ обновлен через панель управления, получено событие SignalR

Однако, когда я создаю новый заказ с сайта электронной коммерции, хотя я и проверил, что мой код входит в метод Hub для трансляции события и деталей нового заказа всем клиентам, панель управления заказами не обновляется / обновить, и он не получает никаких событий, когда я проверял инструменты разработчика. Буду признателен за помощь в решении этой проблемы.

Методы-концентраторы в mount () 

    // Establish hub connection
    this.connection = await OrderHub.connectToOrderHub();

    // Establish hub methods
    this.connection.on("OneOrder", order => {
      console.log("OneOrder called");
      console.log(order);
      this.getAllOrders();
    });

    this.connection.on("MultipleOrders", orders => {
      console.log("MultipleOrders called");
      console.log(orders);
      this.getAllOrders();
    });

    // start the connection
    this.connection
      .start()
      .then(() => {
        console.log("Connection to hub started");
      })
      .catch(err => console.log(err));

orderHub.js 

const signalR = require("@aspnet/signalr");

class OrderHub {
  async connectToOrderHub() {
    return new signalR.HubConnectionBuilder()
      .withUrl("https://localhost:44393/order-hub")
      .configureLogging(signalR.LogLevel.Error)
      .build();
  }
}
export default new OrderHub();

OrderHub.cs на стороне сервера 

public interface IOrderHub
    {
        Task NotifyOneChange(Order newOrder);
        Task NotifyMultipleChanges(List<Order> newOrders);
    }

    public class OrderHub : Hub, IOrderHub
    {
        private readonly IHubContext<OrderHub> _hubContext;

        public OrderHub(IHubContext<OrderHub> hubContext)
        {
            _hubContext = hubContext;
        }

        public async Task NotifyOneChange(Order newOrder)
        {
            await _hubContext.Clients.All.SendAsync("OneOrder", newOrder);
        }

        public async Task NotifyMultipleChanges(List<Order> newOrders)
        {
            await _hubContext.Clients.All.SendAsync("MultipleOrders", newOrders);
        }
    }

Способ создания заказа 

public async Task<Order> Create(Order order)
        {
            Order newOrder;
            try
            {
                List<string> imgKeys = new List<string>();
                foreach (OrderItem item in order.OrderItems)
                {
                    imgKeys.Add(item.OrderImageKey);
                }

                // make images on s3 permanent
                List<string> imgUrls = await _s3Service.CopyImagesAsync(imgKeys);

                // put the new images url into object
                for (int i = 0; i < order.OrderItems.Count; i++)
                {
                    order.OrderItems.ElementAt(i).OrderImageUrl = imgUrls.ElementAt(i);
                }

                // create new order object to be added
                newOrder = new Order()
                {
                    CreatedAt = DateTime.Now,
                    UpdatedAt = DateTime.Now,
                    OrderSubtotal = decimal.Parse(order.OrderSubtotal.ToString()),
                    OrderTotal = decimal.Parse(order.OrderTotal.ToString()),
                    ReferenceNo = order.ReferenceNo,
                    Request = order.Request,
                    Email = EncryptString(order.EmailString, encryptionKey),
                    UpdatedById = order.UpdatedById,
                    DeliveryTypeId = order.DeliveryTypeId,
                    Address = order.Address,
                    StatusId = 1,
                    OrderItems = order.OrderItems
                };

                // add to database
                await _context.Orders.AddAsync(newOrder);
                await _context.SaveChangesAsync();
            }
            catch (Exception ex)
            {
                throw new AppException("Unable to create product record.", new { message = ex.Message });
            }
            await _orderHub.NotifyOneChange(newOrder); // it steps inside & executes the method, but client side does not receive any events
            // returns product once done
            return newOrder;
        }

1 Ответ

0 голосов
/ 17 июля 2019

Мне удалось выяснить причину этой проблемы. Кажется, что SignalR не работает, когда размер сообщения превышает определенный размер, и на эту проблему ссылаются здесь . Чтобы исправить это, я решил передать идентификатор заказа вместо всего объекта заказа и выполнить еще один вызов GET, чтобы получить подробности в отдельном вызове API, чтобы сохранить маленькое сообщение SignalR.

...