博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用websocket的组件socket.io实现最简单的聊天室功能。
阅读量:6331 次
发布时间:2019-06-22

本文共 1208 字,大约阅读时间需要 4 分钟。

hot3.png

参考这里:  和  

这里用到的目前流行的nodejs,它是以JavaScript为语言的一个平台,可以实现服务器功能。

创建项目目录,并安装组件。

npm install --save express@4.10.2npm install --save socket.io

三个文件:

1 nodejs配置文件。

{  "name": "socket-chat-example",  "version": "0.0.1",  "description": "my first socket.io app",  "dependencies": {    "express": "4.10.2",    "socket.io": "1.4.6"  }}

2 服务器端代码文件。

var app = require('express')();var http = require('http').Server(app);var io = require('socket.io')(http);//app.get('/', function(req, res){//  res.send('

Hello world

');//});app.get('/', function(req, res){ res.sendFile(__dirname + '/index.html');});io.on('connection', function(socket){ console.log('a user connected'); socket.on('disconnect', function(){ console.log('user disconnected'); }); socket.on('chat message', function(msg){ console.log('message: ' + msg); io.emit('chat message',socket.id+' : '+msg); });});http.listen(3000, function(){ console.log('listening on *:3000');});

3 客户端代码文件。

      Socket.IO chat          

Hello, let's chat

    这里的客户端文件要注意,<script>中的内容必须放到<form/>后面。当<script>中的内容放在<head>中时,JS脚本是不起作用的。

     

    在服务器端运行node index.js即可。

    转载于:https://my.oschina.net/shawnplaying/blog/687542

    你可能感兴趣的文章
    ps -ef |grep 输出的具体含义
    查看>>
    markdown编辑
    查看>>
    ASCII 在线转换器
    查看>>
    Linux内核同步:RCU
    查看>>
    Android逆向进阶——让你自由自在脱壳的热身运动(dex篇)
    查看>>
    Java设计模式之五大创建型模式(附实例和详解)
    查看>>
    60 Permutation Sequence
    查看>>
    主流的RPC框架有哪些
    查看>>
    Hive学习之路 (七)Hive的DDL操作
    查看>>
    [转]mysql使用关键字作为列名的处理方式
    查看>>
    awesome go library 库,推荐使用的golang库
    查看>>
    树形展示形式的论坛
    查看>>
    jdbcTemplate 调用存储过程。 入参 array 返回 cursor
    查看>>
    C++中的stack类、QT中的QStack类
    查看>>
    Linux常用基本命令[cp]
    查看>>
    CSS 相对|绝对(relative/absolute)定位系列(一)
    查看>>
    关于 Nginx 配置 WebSocket 400 问题
    查看>>
    Glide和Govendor安装和使用
    查看>>
    Java全角、半角字符的关系以及转换
    查看>>
    Dubbo和Zookeeper
    查看>>