兄弟会第十七天

置顶

创建时间:2019-11-19 09:02

阅读:

简易聊天室

欢迎来到暖阳的博客! 点击 MyGitHub可以进入我的Github.

简易聊天室

今天是兄弟会第十七天了，今天晚上终于按照教程写了一个聊天室，实在是太难了,哎，总之是说不出的难度，还好能按着教程把东西给做完了。真的特别感谢这个网站的作者 https://www.jianshu.com/p/b608a765519a
下面就是我的代码，虽然现在可能看不太懂，明天一定要弄懂它。
这个是html的代码
/**

Socket.IO chat

var name = prompt(“请输入你的昵称：”);
var socket = io()

//发送昵称给后端
socket.emit("join", name)
document.title = name + "的群聊" //new addition

//收到服务器发来的join事件时

socket.on(“join”, function (user) {
addLine(user + “ 加入了群聊”)
})

socket.on(“message”, function(msg) {
addLine(msg)
})

function addLine(msg) {
$(‘#messages’).append($(‘

‘).text(msg));
}
//当发送按钮被点击时

var socket = io()

下面这个是Node.js代码

var app = require(‘express’)(); //引入express库
var http = require(‘http’).Server(app); //将express注册到http中
var io = require(‘socket.io’)(http);
var usocket = []; //全局变量

//当访问根目录时，返回Hello World
app.get(‘/‘, function(req, res){
res.sendFile(__dirname + ‘/index.html’);
});

io.on(‘connection’, function(socket){
console.log(‘a user connected’)

socket.on(“join”, function (name) {
usocket[name] = socket

io.emit("join", name) //服务器通过广播将新用户发送给全体群聊成员

})

socket.on(“message”, function (msg) {
io.emit(“message”, msg) //将新消息广播出去

})

});
//启动监听，监听3000端口
http.listen(3000, function(){
console.log(‘listening on *:3000’)
});

转载请注明来源，欢迎对文章中的引用来源进行考证，欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论，也可以邮件至 1270430821@qq.com