需要node.js环境 创建package.json npm init 下载相关依赖 npm install --save express@4.10.2npm会在当前目录下载所需要的依赖到node_modules的文件夹中 下载安装socket.io npm install -save socket.io 事例 服务端示例: var app = require('express')(); var http = require('http').Server(app); var io = requi

引子:随着nodejs蓬勃发展,虽然主要业务系统因为架构健壮性不会选择nodejs座位应用服务器.但是大量的内部系统却可以使用nodejs试水,大量的前端开发人员转入全堆开发也是一个因素. 研究本例主要为后期BI软件,CRM图标系统使用nodejs socket做铺垫.主要实现的是一个分析表图的推送. socketio.io 代码库以及官网 https://github.com/socketio/socket.io http://socket.io/ 使用redis来实现集群读写 消息 (采用订

最近练手开发了一个项目,是一个聊天室应用.项目虽不大,但是使用到了react, react-router, redux, socket.io,后端开发使用了koa,算是一个比较综合性的案例,很多概念和技巧在开发的过程中都有所涉及,非常有必要再来巩固一下. 项目目前部署在heroku平台上,在线演示地址: online demo, 因为是国外的平台速度可能有点慢,点进去耐心等一会儿就能加载好了. 加载好之后,首先出现的页面是让用户起一个昵称: 输入昵称之后,就会进入聊天页面,左边是进入聊天室的在线

概念 说到长连接,对应的就是短连接了.下面先说明一下长连接和短连接的区别: 短连接与长连接 通俗来讲,浏览器和服务器每进行一次通信,就建立一次连接,任务结束就中断连接,即短连接.相反地,假如通信结束(如完成了某个HTML文件的信息获取)后保持连接则为长连接.在HTTP/1.0中,默认使用短连接.从HTTP/1.1起,默认使用长连接,这样做的优点是显而易见的,一个网页的加载可能需要HTML文件和多个CSS或者JS,假如每获取一个静态文件都建立一次连接,那么就太浪费时间了,而在保持连接的情况下,继续

记得从高中上课时经常偷偷的和同学们使用qq进行聊天,那时候经常需要进行下载qq,但是当时又没有那么多的流量进行下载,这就是一个很尴尬的事情了,当时就多想要有一个可以进行线上聊天的网站呀,不用每次痛苦的进行蓝牙传送软件了,现在,我从事了IT这个行业,便想要去实现当初的那个梦想吧.毕竟,不去努力的实现梦想,你会从一个梦想家变成一个幻想家. ###技术选择 由于从事的是前端工作,界面什么的对我来说是so easy,后台部分当然是选择了node.js,经过分析呢,数据库部分选择了mongoose,很早之

基于socket.io的实时在线选座系统(demo) 前言 前段时间公司做一个关于剧院的项目,遇到了这样一种情况. 在高并发多用户同时选座的情况下,假设A用户进入选座页面,正在选择座位,此时还没有提交所选择的座位. 这时B用户进入选座页面,迅速的选择了座位,提交. 而这个时候,A终于选择完毕,提交. 发现座位已经被买了. 当用户越多这样的情况越严重. 具体场景就是如此. 1.简介 本项目是基于jquery.seat-charts在线选座插件.集合socket.io,实现的实时选座系统,可应用于剧

一.问题背景 目前公司在互联网产品上需要程序与前端部分要进行一个实时交互,在进行一定程度上的选型后,决定使用socket.io框架进行一个实践,算是公司的一个新的 尝试,也算是给自己增加增长见闻,由于我是做后端以及桌面程序开发,所以前端部分就不细聊,主要是针对桌面程序如何连接socket.io进行一个尝试 二.基本逻辑图 本地应用程序:部署在局域网内(可以联通外网),主要负责相关数据获取 Web浏览器端:跟本地应用程序不是处于同一个网络,请求发起方 中转服务(重点):中转服务集成认证功能,必须经

socket.io框架 一.问题背景 目前公司在互联网产品上需要程序与前端部分要进行一个实时交互,在进行一定程度上的选型后,决定使用socket.io框架进行一个实践,算是公司的一个新的 尝试,也算是给自己增加增长见闻,由于我是做后端以及桌面程序开发,所以前端部分就不细聊,主要是针对桌面程序如何连接socket.io进行一个尝试 二.基本逻辑图 本地应用程序:部署在局域网内(可以联通外网),主要负责相关数据获取 Web浏览器端:跟本地应用程序不是处于同一个网络,请求发起方 中转服务(重点):中转

所有文章搬运自我的个人主页:sheilasun.me 不得不说,上手AngularJS比我想象得难多了,把官网提供的PhoneCat例子看完,又跑到慕课网把大漠穷秋的AngularJS实战系列看了一遍,对于基本的使用依然有很多说不清道不明的疑惑,于是决定通过做一个在线聊天室帮助理解.DEMO可以戳→chat room,代码可以戳→ChatRoom-AngularJS. 清晰图可以戳 http://sheilasun.sinaapp.com/public/images/chatroom.gif 功

im——Instant Messaging 即时通讯 基本技术原理 (1)通过IM服务器登陆或注销 (2)用户A通过列表找到B,用户B获得消息并与之交谈 (3)通过IM服务器指引建立与B单独的通讯通道 通讯方式 (1)在线直接通讯 直接通过服务器发送过来的用户B的IP地址.TCP端口号等信息,直接向用户B的PC机发出聊天信息,即时文字消息就不再IM服务器中转,直接通过网络进行点对点的通讯 (2)在线代理通讯 点对点通讯由于防火墙.网络速度等原因难以建立或者速度很慢,IM服务器将会主动提供消息中转

socket.io是目前较为流行的web实时推送框架,其基于nodejs语言开发,底层用engine.io实现. 借助nodejs语言异步的特性,其获得了不错的性能.但单个实例的socket.io依然承载能力有限,最多只能容纳3000个long-polling方式的客户端进行连接. 将socket.io进行分布式扩展的难点有两处: 1. 进行负载均衡时客户端必须保证始终连到一个节点上      如果客户端采用long-polling长轮训方式进行连接,则每次轮训都会产生一个新的请求,若不进行限制

拿到一个项目,我们应该如何去完成这个项目呢. 是直接上手? 还是先进行分析,然后再去解决呢?毫无疑问,如果直接上手解决,那么可能会因为知道目标所在,而导致出现各种问题. 所以,我们应该系统的分析这个项目,然后再去完成. 第一步: 需求 服务器端使用nodejs 可以加入现有的房间 可以创建新的房间 用户可以文字聊天 聊天记录永久保存 除了上面的基本需求之外,我们还需要实现登录.注册的相关功能,这样可以保证用户的唯一性,并在后台做出记录. 第二步:确定技术栈 确定技术栈是我们需要知道为什么使用某个

服务端 @Configuration public class NettySocketConfig { private static final Logger logger = LoggerFactory.getLogger(NettySocketConfig.class); @Bean public SocketIOServer socketIOServer() { //创建Socket,并设置监听端口 com.corundumstudio.socketio.Configuration con

最近在写的项目中存在着社交模块,需要实现这样的一个功能:当发生了用户被点赞.评论.关注等操作时,需要由服务器向用户实时地推送一条消息.最终完成的项目地址为:socket-message-push,这里将介绍一下实现的思路及部分代码. 项目背景介绍 最近在写的项目中存在着社交模块,需要实现这样的一个功能:当发生了用户被点赞.评论.关注等操作时,需要由服务器向用户实时地推送一条消息.最终完成的项目地址为:socket-message-push,这里将介绍一下实现的思路及部分代码. 项目的流程中存在着

今天在单机测试socket.io服务器时一切正常,但用jar包的方式部署在服务器时发现客户端无法连接. 于是做了一系列排查,如检查端口是否在占用,防火墙有没有开放该端口,阿里云终端是否有开放安全组,本地telnet连接,等等, 发现一切正常,唯独服务器一直访问不了. 然后本地再测试,发现客户端还是可以正常访问,为什么部署到服务器就不能呢? 然后我看了看socket.io的配置文件,发现有以下一句: config.setHostname("localhost"); 是不是有影响? 然后把

Socket.IO 是一个建立在 WebSocket 协议之上的库,可以在客户端和服务器之间实现低延迟.双向和基于事件的通信. 并且提供额外的保证,例如回退到 HTTP 长轮询.自动重连.数据包缓冲.多路复用等. WebSocket 是一种基于 TCP 协议在服务器和浏览器之间提供全双工和低延迟通道的通信协议. 注意,Socket.IO 不是 WebSocket 的实现.尽管 Socket.IO 确实在可能的情况下使用 WebSocket 进行传输,但它为每个数据包添加了额外的元数据. 这就是为

概念 Socket.io 是一个支持客户端和服务器之间的低延迟.双向和基于事件的通信的库,除了支持 JavaScript 以外,还支持 Java.Python.Golang. Socket.io 构建在 WebSocket 协议之上,并提供了额外的保证,如回退到 HTT P长轮询或自动重新连接.和 Ajax.Fetch.Axios 不一样的是,WebSocket 支持客户端与服务器之间一直保持通信,除非其中一方主动断开连接. 开始 下面将从三个章节开始.第一个章节--建立项目:第二个章节--服务

上次的nodejs操作arduino入门篇中实现了如何连接arduino.这次我们来实现通过arduino测量室内温度并在浏览器上显示出来. [所需材料] 硬件:LM35温度传感器,arduino uno板,面包板,若干导线. 软件:socket.io , cylonJs , express等 [准备-硬件部分] 1.首先当然是连接电路板: 注意这个ANALOG IN是传感器的输入,就是读取温度的入口. 看看我连的: 2.然后按照 nodejs操作arduino入门篇先连接上arduino试试吧

上一篇基础实现的功能是客户端canvas作图,导出dataURL从而实现图片信息推送,下面具体讲下服务端的配置及客户端的配置同步 首先先画一个流程图,讲下大概思路 <canvas id="container" width="300px" height="200px"></canvas> <img id="aaa" width="300px" height="200px

由于我是在win7的环境下,在这里就以win7系统为例进行讲解了. 首先需要在nodejs官网下载最新版的node.js,下载完毕直接安装即可,安装成功后在cmd命令行中执行node指令,如下结果就说明安装成功 node安装成功后会自动安装npm(包管理器,编译源代码安装需要手动安装),这是Node.js的包管理器,node.js有上万个第三方包,npm就是用于管理这些包. 也许我们习惯于修改完代码之后直接刷新页面,但是node.js并不支持这样的操作,每一次更新代码都需要重新启动项目,对于这个