一、前端代码：

<!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. UIButton设置按钮点击范围大于可视范围

    自定义按钮类型CustomButton,继承UIButton,重写pointInside函数改变点击响应范围. 例如,按钮点击范围比实际高度上下增加6. CustomButton.h @interfa ...

  2. leetcode -1 count the path

  3. BeanDefinition 实例化过程

    BeanDefinition 实例化过程 AbstractBeanFactory#doGetBean AbstractBeanFactory# /** * 根据 bean 名称读取 bean * * ...

  4. 诺依/RuoYi开源系统搭建总结

    问题一:从{码云}下载下来看,输入项目编码不过 解决方法: 加入下列依赖,版本要和下载下来的{spring-boot-dependencies}一致.不一致就会报问题2: <parent> ...

  5. Nginx搭建动态静态服务器

    Nginx做静态资源服务器优于Tomcat 区分静态资源,动态资源请求 使用域名区分! 如果是动态资源请求  反向代理到 Tomcat 如果 是静态资源请求  直接走本地Nginx 配置: ###静态 ...

  6. IK分词器的安装与使用IK分词器创建索引

    之前我们创建索引,查询数据,都是使用的默认的分词器,分词效果不太理想,会把text的字段分成一个一个汉字,然后搜索的时候也会把搜索的句子进行分词,所以这里就需要更加智能的分词器IK分词器了. 1. i ...

  7. python学习之内存驻留机制简述

    第四章 4.1 小数据池 4.1.1 代码块 一个模块,一个函数,一个类,甚至一个command命名都可以称之为一个代码块. 官方解释: A Python program is constructed ...

  8. 爬虫六之爬取猫眼电影top100

    该爬虫比较简单,代码放在github上 https://github.com/GhostSteven/Crawler/tree/master/maoyantop100

  9. TCP中三次挥手四次握手

    1.TCP连接 手机能够使用联网功能是因为手机底层实现了TCP/IP协议,可以使手机终端通过无线网络建立TCP连接.TCP协议可以对上层网络提供接口,使上层网络数据的传输建立在“无差别”的网络之上. ...

  10. 【VS开发】error C2220: 警告被视为错误 - 没有生成“object”文件

    http://blog.csdn.net/cay22/article/details/5613625 这种错误的原因是:原因是该文件的代码页为英文,而我们系统中的代码页为中文. 解决方案: 1. 启动 ...