一、前端代码：

<!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. synchronized 读写同步

    synchronized 读写同步 这是一道面试题,很多人也遇到了. 要求:1.读-读 不用线程同步.2.读-写 要求线程同步,写的时候不能读.3.写-写同步.写的时候不能写. java lock读写 ...

  2. Apache ActiveMQ漏洞笔记

    0x00 简介 Apache ActiveMQ是美国阿帕奇(Apache)软件基金会所研发的一套开源的消息中间件,它支持Java消息服务.集群.Spring Framework等. 0x01 环境搭建 ...

  3. 【转】Unity ZTest 深度测试 & ZWrite 深度写入

    原文连接:https://www.cnblogs.com/ljx12138/p/5341381.html 参考另一篇写的比较好的:Unity Shader中的 ZTest & ZWrite 初 ...

  4. Web前端学习书籍

    <Head First HTML5 Programming> 介绍如何利用HTML5来搭建Web应用,包含JavaScript内容. <CSS禅意花园>: 不是入门的书籍,对C ...

  5. monkeyrunner初试

    Monkeyrunner学习心得 在网上下载并且配置好python,androidsdk和jdk的环境之后,在cmd中运行一下python,java -vesion和monkeyrunner,使之都可 ...

  6. unity 角色换装

    unity角色换装的关键是更改角色部位上的物体的SkinnedMeshRenderer组件的属性: 更改mesh:mesh决定了部位的物体的外形,是主要的数据. 刷新骨骼:同一个部位下,不同的mesh ...

  7. Nginx的用途

    Nginx应该是现在最火的web和反向代理服务器,没有之一.她是一款诞生于俄罗斯的高性能web服务器,尤其在高并发情况下,相较Apache,有优异的表现. 那除了负载均衡,她还有什么其他的用途呢,下面 ...

  8. 华为HCNA乱学Round 2：路由基础

  9. 【生成树趣题】CF723F st-Spanning Tree

    题目传送门 题意: 给定一个n个点m条边的无向联通图,没有重边和自环.给定s和t,求一棵生成树,使得s,t的度数不超过ds,dt.若有解,输出“Yes”和方案(多组方案输出任意一组),若无解,输出“N ...

  10. 【Qt开发】qt中涉及到空格包含路径的解决办法

    qt中涉及到空格路径,qmake是无法正确编译的. 需要在空格路径前面加上$$quote INCLUDEPATH += $$quote(C:/Program Files/MySQL/MySQL Ser ...