一、前端代码：

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta charset="utf-8" />

    <title></title>

</head>

<body>

    <input type="button" id="send" onclick="send()" value="发送">

    <input type="text" id="message">

    <script type="text/javascript">

        var socket;

        if (typeof (WebSocket) == "undefined") {

            alert("您的浏览器不支持WebSocket");

        }

        /*

        在websocket中有两个方法：

　　　　1、send() 向远程服务器发送数据

　　　　2、close() 关闭该websocket链接

        */

        /*websocket同时还定义了几个监听函数

        1、onopen 当网络连接建立时触发该事件

        2、onerror 当网络发生错误时触发该事件

        3、onclose 当websocket被关闭时触发该事件

        4、onmessage 当websocket接收到服务器发来的消息的时触发的事件，也是通信中最重要的一个监听事件。msg.data

        */

        var socket = new WebSocket('ws://localhost:52992/ws');

        //打开事件

        socket.onopen  = function (e) {

            alert("Socket 已打开");

            console.log("Connected!");

        }

        socket.onclose = function (e) {

            alert("Socket 已关闭");

            console.log("Disconnected!");

        }

        socket.onmessage = function (e) {

            alert("Socket 发送消息");

            console.log("接收消息:" + e.data);

        }

        socket.onerror = function (e) {

            alert("Socket 网络发生错误");

            console.log(e.data);

        }

        //function send() {

        //    var oText = document.getElementById("message");

        //    socket.send(oText.value);

        //}

        //不可以自定

        function send() {

            var otext = document.getElementById("message");

            socket.send("SendMessage",otext.value);

        }

        socket.receivemessage = function (e) {

            alert("socket 发送消息");

            console.log("接收消息:" + e.data);

        }

    </script>

</body>

</html>

Startup配置:

using Microsoft.AspNetCore.Builder;

using Microsoft.AspNetCore.Hosting;

using Microsoft.AspNetCore.Http;

using Microsoft.AspNetCore.Mvc;

using Microsoft.Extensions.Configuration;

using Microsoft.Extensions.DependencyInjection;

using System;

using System.Net.WebSockets;

using System.Threading;

using System.Threading.Tasks;

using test.Hubs; //3、引用 处理客户端 - 服务器通信的高级管道

namespace test

{

    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.

        public void ConfigureServices(IServiceCollection services)

        {

            services.Configure<CookiePolicyOptions>(options =>

            {

                // This lambda determines whether user consent for non-essential cookies is needed for a given request.

                options.CheckConsentNeeded = context => true;

                options.MinimumSameSitePolicy = SameSiteMode.None;

            });

            services.AddMvc().SetCompatibilityVersion(CompatibilityVersion.Version_2_1);

            services.AddSignalR();//1、添加服务

        }

        // This method gets called by the runtime. Use this method to configure the HTTP request pipeline.

        public void Configure(IApplicationBuilder app, IHostingEnvironment env)

        {

            if (env.IsDevelopment())

            {

                app.UseDeveloperExceptionPage();

            }

            else

            {

                app.UseExceptionHandler("/Home/Error");

            }

            //跨域

            app.UseCors(builder =>

            {

                builder.SetIsOriginAllowed(origin => true)

                    .AllowAnyHeader()

                    .WithMethods("GET", "POST")

                    .AllowCredentials();

            });

            //静态资源

            app.UseStaticFiles();

            //cookie

            app.UseCookiePolicy();

            //1、配置WebSocket中间件

            app.UseWebSockets();

            //2、检查它是否是 WebSocket 请求并接受 WebSocket 请求。

            app.Use(async (context, next) =>

            {

                if (context.Request.Path == "/ws")

                {

                    if (context.WebSockets.IsWebSocketRequest)

                    {

                        WebSocket webSocket = await context.WebSockets.AcceptWebSocketAsync();

                        await Echo(context, webSocket);

                    }

                    else

                    {

                        context.Response.StatusCode = ;

                    }

                }

                else

                {

                    await next();

                }

            });

            //配置signalr路径

            //app.UseSignalR(routes => //2、引用

            //{

            //    routes.MapHub<ChatHub>("/chatHub");

            //});

            //mvc模式

            app.UseMvc(routes =>

            {

                routes.MapRoute(

                    name: "default",

                    template: "{controller=Home}/{action=Index}/{id?}");

            });

        }

        #region Echo

        private async Task Echo(HttpContext context, WebSocket webSocket)

        {

            var buffer = new byte[ * ];

            WebSocketReceiveResult result = await webSocket.ReceiveAsync(new ArraySegment<byte>(buffer), CancellationToken.None);

            while (!result.CloseStatus.HasValue)

            {

                await webSocket.SendAsync(new ArraySegment<byte>(buffer, , result.Count), result.MessageType, result.EndOfMessage, CancellationToken.None);

                result = await webSocket.ReceiveAsync(new ArraySegment<byte>(buffer), CancellationToken.None);

            }

            await webSocket.CloseAsync(result.CloseStatus.Value, result.CloseStatusDescription, CancellationToken.None);

        }

        #endregion

    }

}

注意：暂时没有办法定义方法

五、WebSocket 链接的更多相关文章

  1. Python脚本控制的WebDriver 常用操作 <五> 访问链接

    下面将使用webdriver来访问一个web链接 测试用例场景 测试中,经常会点击几个链接来进行操作,所以访问链接是基本的常见操作 Python脚本 from selenium import webd ...

  2. HTML学习（五）链接

    1.创建文本链接 <html> <body> <p> <a href="/index.html">本文本</a> 是一个 ...

  3. xterm.js 基于websocket 链接容器 命令行工具

    <template> <div> <el-dialog title="命令" :visible.sync="dialogTableVisib ...

  4. websocket链接报错 ERR_CONNECTION_TIME_OUT

    每次打开页面都会报这个错误,链接超时,之前一直是可以的,查看日志之后发现链接数据库失败,修改启动配置文件,修改数据库配置信息,我准备数据库配置信息写死了,然后启动.解决!!!!

  5. Linux内核读书笔记第五周链接

    1.临界区(critical regions)就是访问和操作共享数据的代码段.多个执行线程并发访问同一个资源通常是不安全的,为了避免在临界区中并发访问,编程者必须保证这些代码 原子地执行.也就是说,代 ...

  6. HTML5 学习总结（五）——WebSocket与消息推送

    B/S结构的软件项目中有时客户端需要实时的获得服务器消息,但默认HTTP协议只支持请求响应模式,这样做可以简化Web服务器,减少服务器的负担,加快响应速度,因为服务器不需要与客户端长时间建立一个通信链 ...

  7. HTML5 学习笔记（五）——WebSocket与消息推送

    B/S结构的软件项目中有时客户端需要实时的获得服务器消息,但默认HTTP协议只支持请求响应模式,这样做可以简化Web服务器,减少服务器的负担,加快响应速度,因为服务器不需要与客户端长时间建立一个通信链 ...

  8. WebSocket 实现链接 群聊(low low low 版本)

    py 文件: """ 下载 gevent-websocket 0.10.1 基于Flask + geventWebSocket 建立连接,发送消息,实现群消息功能. &q ...

  9. WebSocket 实现链接 发送消息

    Websocket 原理浅析地址: https://www.cnblogs.com/yuanyongqiang/articles/10457793.html 直接上代码: myWebSocket.py ...

随机推荐

  1. Wazuh 实操

    https://www.jianshu.com/p/40c911a5628e?from=timeline&isappinstalled=0

  2. Dark 面向对象

    1 继承 使用extends继承一个类 子类会继承父类可见的属性和方法,不包含构造方法 可以复写父类的方法 单继承,多态性 构造方法 子类的构造方法会默认调用父类的无名无参构造方法 如果父类没有无名无 ...

  3. GO开发：链表

    链表 type Student struct { Name string Next* Student } 每个节点包含下一个节点的地址,这样把所有的节点串起来了,通常把链表中的第一个节点叫做链表头 p ...

  4. bat中if语句的用法

    (作者:sanqima ) 例如,删除“C:\Documents and Settings\Administrator\桌面\T1\txt\批处理实验\unit1”里的a.txt文件,使用if的代码如 ...

  5. Python学习笔记：MySQL数据库连接和使用

    一.安装pymysql插件 直接在pycharm中安装即可. 二.使用 1.数据库插入操作 insert 注意: insert语句需要提交,使用commit() 如果报错,需要回滚.使用rollbac ...

  6. dapper 分页根据时间条件查询时中的一个坑

    当数据库中数据很多的时候,这样写,查询速度会很慢. db.Query<AuditLogModel>(queryStr, searchModel);// 应该这样写 var logDatas ...

  7. PPT添加节

    如果你要做很多PPT,而又不想把PPT分到很多个文件里,你可以在PPT中添加节(Section).这样你的PPT就像书本一样,一章一章的,非常方便.

  8. java：Oracle（聚合函数，多表查询，表之间的关系）

    1.聚合函数 --max,min,sum,avg,count,nvl(,) -- max:最大值 -- max既能取数字的最大值,也可以取字符串的最大值(英文字母排列顺序),根据场景实际意义来看,最好 ...

  9. Egret入门学习日记 --- 第五篇（书中 3.5节 内容）

    第五篇(书中 3.5节 内容) 今天得把昨天的问题解决了才行. 去了Q群,碰到一位大大,他给我解惑了.Thanks♪(･ω･)ﾉ 这是我之前按照书上写的方式写的,并没有效果. 然后大大给我解答了: 后 ...

  10. 【VS开发】win7下让程序默认以管理员身份运行

    在win7中用自己写的程序读取MBR时,突然提示无法对磁盘进行操作,而在xp下并没有这个问题:最后点右键以管理员身份运行才可以正常运行.于是想办法让程序在双击启动时默认以管理员身份运行.具体方法: 1 ...