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

谁借莪１个温暖的怀抱￠ 2021-07-24 16:12 832阅读 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 条评论，832人围观）

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

相关阅读

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

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

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

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

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

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

相关 java作为客户端连接websocket

1、pom文件 <dependency> <groupId>io.socket</groupId> <

痛定思痛。/ 2023年01月15日 03:37/ 0 赞/ 129 阅读

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

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

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

相关 java 作为websocket客户端连接服务端

1. 作为客户端连接服务端 2. 发送心跳，断线重连 package com.api.cloudenergyweb_server.config;

素颜马尾好姑娘i/ 2022年09月16日 15:30/ 0 赞/ 268 阅读

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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