前端 WebSocket，客户端主动连接，主动关闭

谁借莪１个温暖的怀抱￠ 2021-07-24 16:12 896阅读 0赞

<!DOCTYPE html>
    <html lang="en">
    	<head>
    		<meta charset="UTF-8">
    		<title>webSocket小Demo</title>
    	</head>
    	<body>
    		<div class="container">
    			<div>
    				<input type="text" id="msg">
    				<button onclick="onOpen()">点击打开连接</button>
    				<button onclick="sendMsg()">发送报文</button>
    				<button onclick="onClose()">点击打开连接</button>
    			</div>
    		</div>
    		<script> var ws; onOpen() function sendMsg() { let msg = document.getElementById('msg').value; ws.send(msg); } function onOpen() { ws = new WebSocket('ws://localhost:4399'); ws.onopen = () => { console.log('状态打开...'); } ws.onmessage = (res) => { console.log("数据：", res); }; ws.onclose = () => { console.log('状态关闭...'); } } function onClose() { ws.close() } </script>
    	</body>

const WebSocketServer = require('ws').Server;
    const wss = new WebSocketServer({  port: 4399 });
    wss.on('connection', function (ws) { 
        console.log('状态已经链接');
        ws.on('message', function (message) { 
            ws.send('收到数据并返回：' + message);
        });
    });

发表评论取消回复

表情：

评论列表（有 0 条评论，896人围观）

还没有评论，来说两句吧...

相关阅读

相关 zookeeper服务器主动断开与客户端的连接问题

近在项目中用到了zookeeper的主从任务分发的功能。其中遇到了zookeeper server主动断开与client连接的问题： 2017-09-0109:...

我不是女神ヾ/ 2024年04月18日 15:53/ 0 赞/ 78 阅读

相关基于C++的云安全主动防御系统客户端服务端设计

目录开发目的 2 系统特性 4 一. 使用RootiKit技术，精确拦截木马，曝光恶意行为 4 二. 提供详细行为描述信息，帮助用户判断 4 三. 云安全

分手后的思念是犯贱/ 2024年04月07日 13:33/ 0 赞/ 48 阅读

相关消息推送实现|使用WebSocket主动推送消息到客户端方案

一. 前言在开发中，我们经常会遇到这样一类需求：需要在网页上显示天气预报，股票数据或者实时排行榜单等实时变化的数据。对于此类需求，一种较为原始的做法就是让客户端每隔一段

左手的ㄟ右手/ 2024年04月01日 12:44/ 0 赞/ 95 阅读

相关 springboot + websocket 服务端接收消息 & 主动发送消息

一、引入maven配置： <dependency> <groupId>org.springframework.boot</group

快来打我*/ 2023年01月22日 04:56/ 0 赞/ 13 阅读

相关服务端主动终止连接的情况分析

前面我们已经学习了基本的网络套接字编程，下面是与本文相关的网络编程源码github连接： [https://github.com/clearoff/Network-Code

矫情吗；*/ 2022年09月27日 14:24/ 0 赞/ 235 阅读

相关如何实现服务器给android客户端主动推送消息

一、消息推送基础消息推送，就是在互联网上通过定期传送用户需要的信息来减少信息过载的一项新技术。推送技术通过自动传送信息给用户，来减少用于网络上搜索的时间。它根据用户的兴

偏执的太偏执、/ 2022年06月09日 11:57/ 0 赞/ 1186 阅读

相关 Netty客户端channel主动关闭时，服务端感知并关闭channel的过程

1. 关闭channel时，会调用unsafe的close，故可以在服务端中，在AbstractChannel\AbstractUnsafe的close(final Chan

不念不忘少年蓝@/ 2022年03月26日 01:44/ 0 赞/ 891 阅读

相关服务端主动推送技术☞WebSocket

服务端主动推送技术☞WebSocket \[toc\] 简介什么是WebSocket WebSocket协议是基于TCP的一种新的网络协议。它实现了浏览

叁歲伎倆/ 2022年01月20日 10:45/ 0 赞/ 466 阅读

相关 springboot+websocket 后台主动向前端推送消息

最近做项目，用到后台需要实时向前台推送消息，看了很多例子，终于实现 idea工具，创建maven项目(这里就不多说了，可以直接用骨架搭建) 首先创建 WebSocketCo

青旅半醒/ 2021年09月23日 12:00/ 0 赞/ 578 阅读

相关前端 WebSocket，客户端主动连接，主动关闭

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

谁借莪１个温暖的怀抱￠/ 2021年07月24日 16:12/ 0 赞/ 897 阅读