Socket.IO(聊天应用程序)
来源:互联网 发布:js设置高度 编辑:程序博客网 时间:2024/05/17 07:57
最近周末无聊学习了下socket.io,做了个简单的聊天室,以下是关键代码文件:
html文件:
<!doctype html><html><head> <title>Socket.IO chat</title> <style> * { margin: 0; padding: 0; box-sizing: border-box; } body { font: 13px Helvetica, Arial; } form { background: #000; padding: 3px; position: fixed; bottom: 0; width: 100%; } form input { border: 0; padding: 10px; width: 90%; margin-right: .5%; } form button { width: 9%; background: rgb(130, 224, 255); border: none; padding: 10px; } #messages { list-style-type: none; margin: 0; padding: 0; } #messages li { padding: 5px 10px; } #messages li:nth-child(odd) { background: #eee; } #messages { margin-bottom: 40px } </style></head><body><div id="login"> 输入昵称: <input type="text" value="" id="nick"> <button onclick="index()">确定</button></div><div id="index"> <ul id="messages"></ul> <form action=""> <input id="m" autocomplete="off" /><button>Send</button> </form></div><script src="https://cdn.socket.io/socket.io-1.2.0.js"></script><script src="https://code.jquery.com/jquery-1.11.1.js"></script><script> $('#index').hide(); function index() { localStorage.setItem('chatName',document.getElementById('nick').value); $('#login').hide(); $('#index').show(); } $(function () { var socket = io(); $('form').submit(function(){ socket.emit('chat message', localStorage.getItem('chatName')+':'+$('#m').val()); $('#m').val(''); return false; }); socket.on('chat message', function(msg){ $('#messages').append($('<li>').text(msg)); window.scrollTo(0, document.body.scrollHeight); }); });</script></body></html>
js文件:
var app = require('express')();var http = require('http').Server(app);var io = require('socket.io')(http);app.get('/', function(req, res){ res.sendFile(__dirname + '/index.html');});io.on('connection', function(socket){ socket.on('chat message', function(msg){ io.emit('chat message', msg); });});http.listen(3000, function(){ console.log('listening on *:3000');});
仅有这两个文件是运行不起来的,详情GitHub源码
阅读全文
0 0
- Socket.IO(聊天应用程序)
- 如何使用Socket.IO编写聊天应用程序
- socket.io 实现网页聊天
- socket.io多房间聊天
- IO服用实现linux socket聊天程序(select)
- 菜鸟学习nodejs--Socket.IO二(聊天服务器)
- nodejs+socket.io即时聊天实例
- Socket.IO 和 Node.js 聊天程序
- node.js+socket.io私人聊天
- socket.io系列二 聊天应用
- Socket.IO 和 Node.js 聊天程序
- Node.js+socket.io简单在线聊天
- nodejs+socket.io即时聊天实例
- nodejs+socket.io 即时聊天笔记
- 基于Socket.IO实现Android聊天功能
- node+socket 即时聊天 掌握node socket.io基本流程
- nodejs死亡笔记之socket.io那些事(附可用来撩妹的聊天功能)
- Windows下socket.io环境搭建与使用(做一个一对一聊天程序)
- C语言程序的内存分配方式
- 五分钟搭建App设置页面_纯代码 + 模型思想(OC)
- JDBC编程
- 51nod 1717 好数
- MySQL删除索引
- Socket.IO(聊天应用程序)
- 高阶篇:5.3)EMC电磁兼容(重构);
- redis的分布式锁设计思路
- CF
- Day_01
- 读书笔记《Effective C++》条款43:学习处理模板化基类内的名称
- 一份写给极客的智能家居指南
- (个人)AR电子书系统创新实训第六周(2)
- Activity的四种启动模式