• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

ASP.NETMVCSignalR配合VUE

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

添加Hub

右键项目→添加新项

 

 

 

NotifyHub.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using System.Web;
using Microsoft.AspNet.SignalR;
using Microsoft.AspNet.SignalR.Hubs;

namespace GZCCC.API.SignalRLibs
{
    [HubName("NotifyHub")]
    public class NotifyHub : Hub
    {
        public override Task OnConnected()
        {
            return base.OnConnected();
        }

        ////用户进入页面时执行的(连接操作)
        //public void controllerConnected(string UserID)
        //{
        //    UserHandler.Users.Add(Context.ConnectionId, UserID);
        //}


        //发送信息给特定人
        public void sendMessage(string Message)
        {
            Clients.All.sendMessage(Message);
            //var lst = UserHandler.Users.Where(p => p.Value == toUserID).ToArray();
            //foreach (var Client in lst)
            //{
            //    Clients.Client(Client.Key).sendMessage(Message);
            //}

        }

        public override Task OnDisconnected(bool stopCalled)
        {
            Clients.All.removeList(Context.ConnectionId);
            return base.OnDisconnected(stopCalled);
        }
        ////当使用者断线时执行
        //public override Task OnDisconnected(bool stopCalled)
        //{
        //    //当使用者离开时,移除在清单内的ConnectionId

        //    Clients.All.removeList(Context.ConnectionId);
        //    //UserHandler.Users.Remove(Context.ConnectionId);
        //    //return base.OnDisconnected(stopCalled);
        //}
    }
    //声明静态变量存储当前在线用户
    public static class UserHandler
    {
        public static Dictionary<string, string> Users = new Dictionary<string, string>();
    }
}

添加Startup.cs

 

 

 Startup.cs

using System;
using System.Threading.Tasks;
using System.Web.Http;
using Microsoft.Owin;
using Owin;
using Microsoft.AspNet.SignalR;
using Microsoft.AspNet.SignalR.Hubs;
using Microsoft.Owin.Cors;

[assembly: OwinStartup(typeof(GZCCC.API.SignalRLibs.Startup))]

namespace GZCCC.API.SignalRLibs
{
    public class Startup
    {
        public void Configuration(IAppBuilder app)
        {
           
            // 有关如何配置应用程序的详细信息,请访问 https://go.microsoft.com/fwlink/?LinkID=316888
            //app.MapSignalR();

            app.Map("/signalr", map =>
            {
                // Setup the CORS middleware to run before SignalR.
                // By default this will allow all origins. You can 
                // configure the set of origins and/or http verbs by
                // providing a cors options with a different policy.
                
                map.UseCors(CorsOptions.AllowAll);
                var hubConfiguration = new HubConfiguration
                {
                    // You can enable JSONP by uncommenting line below.
                    // JSONP requests are insecure but some older browsers (and some
                    // versions of IE) require JSONP to work cross domain
                    // EnableJSONP = true
                };
                // Run the SignalR pipeline. We're not using MapSignalR
                // since this branch already runs under the "/signalr"
                // path.
                map.RunSignalR(hubConfiguration);
            });


        }

    }
}

跨域配置需要添加Nuget

 

 

Vue项目中引用:

添加Npm包

npm i -D -S signalr-no-jquery

 

 

 

 

vue代码,在created中

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
ASP.net生成条形码发布时间:2022-07-10
下一篇:
Asp.Net判断文件是否存在发布时间:2022-07-10
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap