首页    技术博客    PHP教程    数据库技术    前端开发   HTML5    Nginx    php论坛
新用户注册 | 会员登录
加入会员，解锁专属内容
取消
热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

转载：socket.io入门

作者：香香画室_769 | 来源：互联网 | 2023-09-09 16:03
原文链接：http:cnodejs.orgtopic50a1fcc7637ffa4155b5a264我自己在用socket.io开发，对官方网站上的文档，进行简单的整理，然后自己写

原文链接：http://cnodejs.org/topic/50a1fcc7637ffa4155b5a264

我自己在用socket.io开发，对官方网站上的文档，进行简单的整理，然后自己写了一个简单的聊天程序。
最最开始

先安装socket.io:


npm install socket.io

 

利用Node的搭建Http服务

分为两个文件，服务端文件app.js和客户端index.html



app.js
var app =require(‘http‘).createServer(handler)
, io =require(‘socket.io‘).listen(app)
, fs =require(‘fs‘)0405 app.listen(80);
function handler (req, res){fs.readFile(__dirname+‘/index.html‘,function(err, data){
if(err){
res.writeHead(500);
return res.end(‘Error loading index.html‘);
}else{

res.writeHead(200);
res.end(data);

}
});
}
io.sockets.on(‘connection‘,function(socket){
socket.emit(‘news‘,{ hello:‘world‘});
socket.on(‘my other event‘,function(data){
console.log(data);
});
});

 

这里需要注意的是：
require(‘socket.io‘).listen(app)
实际上这句就是讲socket的监听加入的app设置的http模块了
io.sockets.on(‘connection‘,function()....)这里设置了在连接后进行的处理，代码示例中，主要包含两件事，一个是向前段发送news的事件，一个是监听my
other event事件。



index.html


 

 

客户端一个引用了socket.io.js的javscript库
还有就是连接服务器(通过io.connect(‘http://localhost‘))
之后在监听收到news的事件后，发送my other
event事件

利用Express3框架
上面的例子只是使用nodejs建立了一个交互，也可以使用express2的web框架，
具体app.js代码如下：



var app =require(‘express‘)(),
server =require(‘http‘).createServer(app),
io =require(‘socket.io‘).listen(server);
server.listen(80);
app.get(‘/‘,function(req, res){
res.sendfile(__dirname +‘/index.html‘);});
io.sockets.on(‘connection‘,function(socket){
socket.emit(‘news‘,{ hello:‘world‘});
socket.on(‘my other event‘,function(data){
console.log(data);
});
});

 

接收发送事件
socket.io允许用户自定义发送接收的事件。除了connect，message，disconnect三个事件外，用户可以自定义自己的事件





app.js
var io =require(‘socket.io‘).listen(80);
var chat = io
.of(‘/chat‘)
.on(‘connection‘,function(socket){
socket.emit(‘a message‘,{that:‘only‘,‘/chat‘:‘will get‘});
chat.emit(‘a message‘,{
everyone:‘in‘,‘/chat‘:‘will get‘});});
var news = io
.of(‘/news‘)
.on(‘connection‘, function (socket) {
socket.emit(‘item‘, { news: ‘item‘ });
});
client.js

 

 


 

 

发送获取数据
有的时候，你需要在发送数据后，等待服务器的消息确认。当然简单的发，可以通过两次消息发送，来完成。这里介绍一种使用回调函数的方法：



app.js
var io =require(‘socket.io‘).listen(80);
io.sockets.on(‘connection‘,function(socket){
socket.on(‘ferret‘,function(name, fn){
fn(‘woot‘);});});
client.html

 

广播
向所有的连接触发事件，这里注意：不包括本身连接的事件。


var io =require(‘socket.io‘).listen(80);
io.sockets.on(‘connection‘,function(socket){
socket.broadcast.emit(‘user connected‘);});

 

我写的聊天程序：



index.html










 



app.js
var app =require(‘http‘).createServer(handler), io =require(‘socket.io‘).listen(app), fs =require(‘fs‘);
app.listen(80);function handler (req, res){
fs.readFile(__dirname +‘/index.html‘,function(err, data){if(err){
res.writeHead(500);return res.end(‘Error loading index.html‘);}
res.writeHead(200);
res.end(data);});}
io.sockets.on(‘connection‘,function(socket){// socket.emit(‘news‘, { hello: ‘world‘ });// socket.on(‘my other event‘, function (data) {// console.log(data);// });

socket.set(‘nickname‘,‘nickname‘,function(){});
socket.on(‘set nickname‘,function(name){
socket.set(‘nickname‘, name,function(){
console.log("change nickname=>"+ name);
socket.emit(‘nickname ready‘);});});
socket.on(‘chat‘,function(data){
socket.get(‘nickname‘,function(err, name){
socket.emit("notice",{message: name +":"+ data.message});
socket.broadcast.emit("notice",{message: name +":"+ data.message});
console.log("chat: "+ data.message);});});});


推荐阅读
  • go

    优化Apache配置文件：httpd.conf与.htaccess的深入解析

    本文深入解析了 Apache 配置文件 `httpd.conf` 和 `.htaccess` 的优化方法，探讨了如何通过合理配置提升服务器性能和安全性。文章详细介绍了这两个文件的关键参数及其作用，并提供了实际应用中的最佳实践，帮助读者更好地理解和运用 Apache 配置。 ... [详细]
  • version

    深入解析Tomcat：开发者的实用指南

    深入解析Tomcat：开发者的实用指南
    深入解析Tomcat：开发者的实用指南 ... [详细]
  • spring

    解决基于XML配置的MyBatis在Spring整合中出现“无效绑定语句（未找到）：com.music.dao.MusicDao.findAll”问题的方法

    解决基于XML配置的MyBatis在Spring整合中出现“无效绑定语句（未找到）：com.music.dao.MusicDao.findAll”问题的方法
    在将Spring与MyBatis进行整合时，作者遇到了“无效绑定语句（未找到）：com.music.dao.MusicDao.findAll”的问题。该问题主要出现在使用XML文件配置DAO层的情况下，而注解方式配置则未出现类似问题。作者详细分析了两个配置文件之间的差异，并最终找到了解决方案。本文将详细介绍问题的原因及解决方法，帮助读者避免类似问题的发生。 ... [详细]
  • nodejs

    基于Node.js的高性能实时消息推送系统：利用Socket.IO与Express实现高并发消息转发

    基于Node.js的高性能实时消息推送系统通过集成Socket.IO和Express框架，实现了高效的高并发消息转发功能。该系统能够支持大量用户同时在线，并确保消息的实时性和可靠性，适用于需要即时通信的应用场景。 ... [详细]
  • nodejs

    深入解析 ASP.NET 中 ViewState、Cookie 和 Session 的区别与应用

    本文深入探讨了ASP.NET中ViewState、Cookie和Session三种状态管理技术的区别与应用场景。ViewState主要用于保存页面控件的状态信息，确保在多次往返服务器过程中数据的一致性；Cookie则存储在客户端，适用于保存少量用户偏好设置等非敏感信息；而Session则在服务器端存储数据，适合处理需要跨页面保持的数据。文章详细分析了这三种技术的工作原理及其优缺点，并提供了实际应用中的最佳实践建议。 ... [详细]
  • nodejs

    高效批量文件重命名软件

    高效批量文件重命名软件
    开发了一款基于Python的高效批量文件重命名软件，并集成了wxWidgets图形用户界面，使用cxfreeze将其打包为独立的可执行文件（exe）。该工具适用于需要频繁处理大量文件的用户，能够显著提高文件管理效率。详细使用说明包含在软件压缩包内。开发环境为Python 2.7和wxWidgets 3.0，运行环境要求兼容Windows系统。 ... [详细]
  • request

    深入解析JSONP跨域机制及其工作原理

    本文详细解析了JSONP（JSON with Padding）的跨域机制及其工作原理。JSONP是一种通过动态创建``标签来实现跨域请求的技术，其核心在于利用了浏览器对``标签的宽松同源策略。文章不仅介绍了JSONP的产生背景，还深入探讨了其具体实现过程，包括如何构造请求、服务器端如何响应以及客户端如何处理返回的数据。此外，还分析了JSONP的优势和局限性，帮助读者全面理解这一技术在现代Web开发中的应用。 ... [详细]
  • request

    Git基础操作指南：掌握必备技能

    Git基础操作指南：掌握必备技能
    掌握 Git 基础操作是每个开发者必备的技能。本文详细介绍了 Git 的基本命令和使用方法，包括初始化仓库、配置用户信息、添加文件、提交更改以及查看版本历史等关键步骤。通过这些操作，读者可以快速上手并高效管理代码版本。例如，使用 `git config --global user.name` 和 `git config --global user.email` 来设置全局用户名和邮箱，确保每次提交时都能正确标识提交者信息。 ... [详细]
  • request

    深入解析 iOS 开发中 int、NSInteger、NSUInteger 与 NSNumber 的应用与区别

    本文深入探讨了 iOS 开发中 `int`、`NSInteger`、`NSUInteger` 和 `NSNumber` 的应用与区别。首先，我们将详细介绍 `NSNumber` 类型，该类用于封装基本数据类型，如整数、浮点数等，使其能够在 Objective-C 的集合类中使用。通过分析这些类型的特性和应用场景，帮助开发者更好地理解和选择合适的数据类型，提高代码的健壮性和可维护性。苹果官方文档提供了更多详细信息，可供进一步参考。 ... [详细]
  • request

    HBase在金融大数据迁移中的应用与挑战

    HBase在金融大数据迁移中的应用与挑战
    随着最后一台设备的下线，标志着超过10PB的HBase数据迁移项目顺利完成。目前，新的集群已在新机房稳定运行超过两个月，监控数据显示，新集群的查询响应时间显著降低，系统稳定性大幅提升。此外，数据消费的波动也变得更加平滑，整体性能得到了显著优化。 ... [详细]
  • request

    Python学习：环境配置与安装指南

    Python学习：环境配置与安装指南
    Python作为一种跨平台的编程语言，适用于Windows、Linux和macOS等多种操作系统。为了确保本地已成功安装Python，用户可以通过终端或命令行界面输入`python`或`python3`命令进行验证。此外，建议使用虚拟环境管理工具如`venv`或`conda`，以便更好地隔离不同项目依赖，提高开发效率。 ... [详细]
  • nodejs

    【前端开发】深入探讨 RequireJS 与性能优化策略

    【前端开发】深入探讨 RequireJS 与性能优化策略
    随着前端技术的迅速发展，RequireJS虽然不再像以往那样吸引关注，但其在模块化加载方面的优势仍然值得深入探讨。本文将详细介绍RequireJS的基本概念及其作为模块加载工具的核心功能，并重点分析其性能优化策略，帮助开发者更好地理解和应用这一工具，提升前端项目的加载速度和整体性能。 ... [详细]
  • go

    如何在Java中高效构建WebService

    如何在Java中高效构建WebService
    本文介绍了如何利用XFire框架在Java中高效构建WebService。XFire是一个轻量级、高性能的Java SOAP框架，能够简化WebService的开发流程。通过结合MyEclipse集成开发环境，开发者可以更便捷地进行项目配置和代码编写，从而提高开发效率。此外，文章还详细探讨了XFire的关键特性和最佳实践，为读者提供了实用的参考。 ... [详细]
  • go

    C#中实现高效UDP数据传输技术

    C#中实现高效UDP数据传输技术
    C#中实现高效UDP数据传输技术 ... [详细]
  • go

    PHP应用性能优化实战指南：从理论到实践的全面解析

    在《PHP应用性能优化实战指南：从理论到实践的全面解析》一文中，作者分享了一次实际的PHP应用优化经验。文章回顾了先前进行的一次优化项目，指出即使系统运行时间较长后出现的各种问题和性能瓶颈，通过采用一些通用的优化策略仍然能够有效解决。文中不仅详细阐述了优化的具体步骤和方法，还结合实例分析了优化前后的性能对比，为读者提供了宝贵的参考和借鉴。 ... [详细]
author-avatar
香香画室_769
这个家伙很懒，什么也没留下！
Tags | 热门标签
RankList | 热门文章
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有