首先创建项目文件夹并初始化,安装socket.io和express

npm init && npm i -S socket.io express

用express创建后端服务,创建index.js:

const express = require('express');
const http = require('http');
const fs = require('fs');
const path = require('path');
const socketIo = require('socket.io')var app = express();
var server = http.Server(app);
var io = socketIo(server);app.get('/', (req, res) => {var html = fs.readFileSync(path.resolve(__dirname, './index.html'), 'utf-8');res.send(html);
});io.on('connection', socket => {socket.emit('hello', {message: 'message from server',time: (new Date()).toLocaleString()});socket.on('hi', res => {console.log(res);});// console.log('a user come ' + (new Date()).toLocaleString());
});server.listen(3000, () => {console.log('server is listen on port 3000');
});

创建index.html,模拟客户端:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><script src="/socket.io/socket.io.js"></script>
</head>
<body><p>hello world</p><script>var socket = io();socket.on('hello', res => {console.log(res);});socket.emit('hi', {message: 'message from client',time: (new Date()).toLocaleString()})</script>
</body>
</html>

项目文件夹:

然后用node启动服务端:

node index.js

或者在package.json中写启动脚本

{"name": "chat","version": "1.0.0","description": "","main": "index.js","scripts": {"test": "echo \"Error: no test specified\" && exit 1","dev": "node index.js"},"author": "","license": "ISC","dependencies": {"express": "^4.16.3","socket.io": "^2.1.1"}
}

然后执行

npm run dev

成功启动后端服务,打开本地 localhost:3000 ,即可获取信息:

转载于:https://www.cnblogs.com/qmdx00/p/9436442.html

socket.io实现客户端和服务端的双向通信相关推荐

  1. socket java 客户端_Java基于socket实现的客户端和服务端通信功能完整实例

    本文实例讲述了Java基于socket实现的客户端和服务端通信功能.分享给大家供大家参考,具体如下: 以下代码参考马士兵的聊天项目,先运行ChatServer.java实现端口监听,然后再运行Chat ...

  2. java socket同步通信,javasocket客户端与服务端同步通信实例

    javasocket客户端与服务端同步通信实例 工作中没涉及有关JA V A SOCKET编程的实际经历,但理论大概了解.想正明一下自已的对JA V A SOCKET理解写个通信TEST,通过TEST ...

  3. AIDL 客户端与服务端的双向通信

    时隔一年半了,终于写下了这个续篇,我发现我的很多博客有头无尾,都是有前面一点点,后面就没写去了,也正在想办法都补上 初涉IPC,了解AIDL的工作原理及使用方法 今天聊聊的是客户端和服务端的相互通信, ...

  4. Java程序中Socket(关于客户端和服务端实例)

    例如:客户端将d:\1.jpg图片文件上传给服务端,服务端收到后保存到d:\java\a.jpg,服务器端接收完成后,发送"上传成功"回应客户端. 一:客户端实现 package ...

  5. android socket通信如何抓取,安卓Socket通信实例(客户端、服务端)

    安卓Socket通信实例 本文摘自:https://whatsblog.icu/index.php/Android/17.html 1.Socket通信必须知道的地方 1.首先,Socket通信采用T ...

  6. python实现socket编程,客户端和服务端之间互相对话(二)

    首先运行服务端,处于监听状态: 最后运行客户端,就可以实现服务端和客户端之间互相发送消息. 客户端: import os import cv2 import socketremote_IP='127. ...

  7. 使用C++的Socket实现从客户端到服务端,服务端到客户端传输文件

    使用: (1)首先运行服务端,待服务端运行起来: (2)最后运行客户端,输入要传输文件到哪个目标机器的IP地址: (3)输入传输文件的路径及文件(完成的路径),其中包含文件的类型,也就是后缀需要包含( ...

  8. Socket代理神器客户端Proxifier+服务端ss5

    一.背景 在日常工作中我们经常会使用到代理, 这里记录一下Proxifier和ss5的使用,这两个工具既可以单独使用,也可以配合使用.本文讲解proxifier+ss5配合使用的场景及配置. 二.工具 ...

  9. linux网络编程之用socket实现简单客户端和服务端的通信(基于UDP)

    1.sendto和recvfrom函数介绍 sendto(经socket传送数据) 相关函数 send , sendmsg,recv , recvfrom , socket 表头文件 #include ...

  10. linux网络编程之用socket实现简单客户端和服务端的通信(基于TCP)

    一.介绍基于TCP协议通过socket实现网络编程常用API 1.读者如果不是很熟悉,可以先看我之前写的几篇博客,有socket,地址结构的理解,更加方便读者理解 地址分别是: 1).http://b ...

最新文章

  1. 11. Django 引入富文本编辑器KindEditor
  2. WHY YOUR PRIVATE CLOUD COULD LOOK A LOT LIKE PAAS
  3. c++ 已声明变量提示未定义
  4. Api网关Kong集成Consul做服务发现及在Asp.Net Core中的使用
  5. printf 地址_C程序显示主机名和IP地址
  6. 春晚晒出京东“奔富村”成绩单 京东年货节期间累计帮助300万农户户均增收近1700元...
  7. 傅里叶分析原理——非常好的一篇讲解文章
  8. 计算机网络培训心得PPT,ppt培训心得体会(精选3篇)
  9. 数学建模-多元线性回归
  10. Android群英传笔记——摘要,概述,新的出发点,温故而知新,可以为师矣!
  11. 2022-04-13 Ambient Light Proximity Sensor 光感和距离传感器 STK3311X调试记录 RK3566 Android11平台
  12. php thinkadmin自定义一个弹出弹窗批量操作功能
  13. java能做什么(java能做什么项目)
  14. 一个老百姓眼中的次贷危机
  15. 会声会影x9序列号下载安装教程详解
  16. python自动化和教程_python自动化基本技术原理
  17. 【Impala】根据当前日期取去年、今年、上月、日期差
  18. 【历史上的今天】2 月 16 日:世界上第一个 BBS 诞生;中国计算机教育开端;IBM 机器人赢得智能竞赛
  19. MQTT协议-MQTT协议简介及协议原理
  20. 全国高铁线路及站点shp数据(2020年)

热门文章

  1. crazy-tentacles -- 一个非常有意思的东西
  2. java 基础数据结构源码详解及数据结构算法
  3. BZOJ 1029: [JSOI2007]建筑抢修 优先队列
  4. MsSQL ——模拟limit
  5. 协同OA融入ERP 高端应用助企业升级转型
  6. 最全 MyBatis 核心配置文件总结,速度收藏了~
  7. REST API 的安全认证,我放弃OAuth 2.0 ,选择 JWT 令牌
  8. Spring Cloud 微服务下的权限解决方案
  9. 阿里面试官必问21 个刁钻的HashMap 面试题,这次让你彻底搞懂
  10. 微服务架构-设计总结