Websocket(二)-客户端与服务器通信

  • 服务端

    • 客户端测试
const WebSocket = require('ws');
const Server = WebSocket.Server;
const ws = new Server({port: 9999
});
ws.on('connection', (client) => {// 回调函数的参数client表示已经连接的客户端client.on('close', () => {console.log('close')});// 与客户端具体通信client.on('message', (data) => {// data表示客户端发送过来的数据console.log(data)if(data == '你好') {client.send('你也好');}else if(data == '土豆') {client.send('白菜');}});// 首次链接成功后返回:欢迎访问// client.send方法的作用:发送数据到客户端client.send('欢迎访问')
})
  • 客户端
// 发布订阅模式
var Event = {};
Event.on = function(type, cb) {this.listener = this.listener || {};this.listener[type] = this.listener[type] || [];this.listener[type].push(cb);
}
Event.emit = function(type) {var events = this.listener[type];events.forEach(item => {item(arguments[1]);})
}
// 1. 创建 WebSocket 对象
// 参数为url 以 ws/wss 开头 ws/wss://IP:PORT
var url = "ws://127.0.0.1:9999"
var ws = new WebSocket(url)
// 2. 监听 WebSocket 事件
// 2.1 监听连接打开事件
ws.onopen = function() {console.log("连接成功")//3. 向服务器发送数据 // ws.send("hello")Event.on('send-msg', (msg) => {// 发送表单数据到服务器端ws.send(msg);})
}
// 2.2 监听关闭事件
ws.onclose = function() {console.log("连接关闭")
}
// 2.3 连接出错
ws.onerror = function(err) {console.log(err)
}
// 2.4 当接收到服务器数据时的回调事件
ws.onmessage = function(evt) {console.log("message:", evt.data)
}
var btn = document.getElementById('btn');
btn.onclick = function() {var input = document.getElementById('info');// 向服务器发送消息Event.emit('send-msg', input.value);
}

Websocket(二)-客户端与服务器通信相关推荐

  1. 输入URL,客户端到服务器通信的过程

    输入URL,客户端到服务器通信全过程 按五层网络协议进行理解: 在主机上: 1.第五层--应用层:DNS解析 2.第四层--传输层:TCP三次握手.四次挥手 3.第三层--网络层:IP层 4.第2.5 ...

  2. Exchange邮件系统客户端与服务器通信常用网络端口

    Exchange邮件系统:客户端与服务器通信常用网络端口 序号 用途 端口 1 未加密的web连接: •互联网日历发布 •Outlook on the web(重定向到443/TCP) •自动发现(4 ...

  3. 利用webSocket使网页和服务器通信

    WebSocket protocol 是HTML5一种新的协议.它实现了浏览器与服务器全双工通信(full-duplex).具体说明请查阅相关资料,下面我来演示一种简单的页面与服务器通信的简单样例. ...

  4. Python网络编程【客户端与服务器通信】

    一.将数据写在发送语句中[传统方式] server端代码: import socket #服务器端将socket套接字赋给sock套接字 sock=socket.socket(socket.AF_IN ...

  5. C++基于TCP/IP简单的客户端、服务器通信程序实例

    本篇文章实现了一个基于TCP 的一个非常简单的客户/服务器通信程序实例.该程序中通讯协议使用的是面向连接的TCP协议SOCK_STREAM, 服务器的ip地址为本地地址即: 127.0.0.1,端口号 ...

  6. java socket5源码_Java利用TCP协议实现客户端与服务器通信【附通信源码】

    进行TCP协议网络程序的编写,关键在于ServerSocket套接字的熟练使用,TCP通信中所有的信息传输都是依托ServerSocket类的输入输出流进行的. TCP协议概念 先来了解一下TCP协议 ...

  7. 全网疯传!Java利用TCP协议实现客户端与服务器通信【附通信源码

    目录 TCP协议概念 ServerSocket类 服务器端程序 客户端程序 Hello!大家好哇!我是灰小猿! 上一篇博客和大家分享了在网络编程中要注意的基础知识,关于IP.TCP.UDP以及端口和套 ...

  8. Windows网络编程入门:简单的客户端和服务器通信程序调试

    昨日入手Windows网络编程经络这本书,第一章给了Echo客户端和服务器的简单通信实例程序.从小白到入门目测都是比较苦逼,居然想不到怎么来测试结果.什么同时运行啊.分别编译运行啊乱七八糟的想法就开始 ...

  9. Android服务的通信方式,android客户端与服务器通信的HTTP通信

    如下,给出HTTP通信的主要代码: 一.post方式通信 主要分为以下几步: 1.新建Httppost对象: 2.为Httppost设置参数和编码格式: 3.新建HttpClient对象: 4.新建H ...

最新文章

  1. 【Linux入门连载一】[Win10下安装Linux虚拟机]VMWare15运行CentOS7(亲测有效)
  2. 11、MySQL常见错误代码一览表
  3. linux shell sed d删除指定行并更换分隔符为#
  4. 大数据工程师技能图谱
  5. Vb股票实时交易数据采集源码
  6. Ubuntu系统安装 - 单系统
  7. NandFlah 相关知识详解
  8. 北京50年代到90年代的春节老照片,终于找全了!
  9. APEX 文件格式学习记录
  10. 服务等级协议SLA到底是在说什么?
  11. SSL常见错误及解决方法
  12. Android GreenDao
  13. 考试行测常识判断法律知识备考误区提示
  14. 三星同时发展两种电视面板技术,围追堵截LG
  15. Matlab:查找命令行窗口或历史记录中的文本
  16. ppsds.pgf是什么文件?
  17. [LQR简要快速入门]+[一级倒立摆的LQR控制]
  18. 宝贝怎么查询历史价格?有何意义?
  19. Tita绩效宝:通过组织透明度提高绩效
  20. 项目规划管理 - 7 (全文完)

热门文章

  1. wifi 小程序 透传_微信小程序实现的一键连接wifi功能示例
  2. QT二进制流方式读写文件
  3. 判断ip归属地 c++
  4. AndroidStudio使用之仿微信首页界面
  5. 人工智能专业计算机毕业设计选题推荐
  6. 从零学习游戏服务器开发(一) 从一款多人联机实时对战游戏开始
  7. 6 电脑键盘控制机器人
  8. 常用的14个获取数据的网站。
  9. 论文阅读——Multi-Scale Image Contextual Attention Learning for Inpainting
  10. 迅为6818开发板资料-CAN总线和RFID驱动的配置方法