一、前端代码：

<!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. leetcode-easy-string- 125 Valid Palindrome

    mycode   9.62% class Solution(object): def isPalindrome(self, s): """ :type s: str :r ...

  2. 1.2 Mac下配置maven环境变量

    1.下载JDK http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 2.下载Mave ...

  3. [SQL分页语句的三种方式]

    我们在开发的过程经常会用到数据分页,在网上也可以搜到大量的分页插件.这是在端上控制的;有的是在SQL语句实现分页,这是在数据源上 实现分页的; 今天,我就在总结一下我经常用到的SQL语句分页! 第一种 ...

  4. centos7.5搭建svn

    1.安装svnyum install subversion 2.查看安装位置rpm -ql subversion 3.创建svn版本库目录mkdir -p /var/svn/svnrepos 4.创建 ...

  5. this引用逸出

    1.定义 public class UnsafeClass { public UnsafeClass(Button button) { button.addActionListener(new Act ...

  6. P2085 最小函数值

    题目链接hhh:https://www.luogu.org/problemnew/show/P2085好嘛,运气真好,刚A掉序列合并,正好碰到这题,可以说是序列合并的升级版了 那么简单说一下思路,首先 ...

  7. Brew 替换为国内源Mac

    # 替换brew.git cd "$(brew --repo)" git remote set-url origin https://mirrors.aliyun.com/home ...

  8. IDEA 一次启动多个微服务模块项目

    1,打开IDEA项目 .idea 下 的workspace.xml 2,查找“RunDashboard” 节点 3,添加如下内容 <option name="configuration ...

  9. 纯JS实现多图片上传（在layui框架中）

    HTML代码 <form id="form1" class="layui-form layui-form-pane" action="{:url ...

  10. HDU 1024 Max Sum Plus Plus （动态规划、最大m子段和）

    Max Sum Plus Plus Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others ...