Node.js 实现Websocket实时通信小Demo

本文提供了一个Node.js实现WebSocket实时通信的小Demo,利用socket.io框架进行实现。首先介绍了环境准备,包括安装Node.js环境和获取socket.io.js文件。接着,按照官方文档安装模块,并编写了简单的HTML和JS文件。页面功能为点击按钮发送输入框内容到服务端,接收到的消息会以不同颜色显示。服务端则在连接建立、接收到消息和连接关闭时向客户端发送数据。
摘要由CSDN通过智能技术生成

一个小Demo模拟实时通信,主要借助socket.io框架实现(对websocket的进一步封装)

1.环境准备:

1) Node.js 环境 –> 官网下载安装即可
2) socket.io.js文件 –> 同样官网下载 https://cdnjs.com/libraries/socket.io
3) 按照官网文档指示,安装模块

npm install socket.io

4)编写html和js文件

页面很简陋 ,点击按钮将输入框内容发送到服务端,收到信息显示到下方(不同状态信息不同颜色标识)

<html>
<head>
    <meta charset="utf-8"/>
    <title>WebSocket</title>
    <script src="socket.io.js"></script>
</head>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值