Nginx + Node.js 利用Socket.IO实现前后端实时通讯

最新推荐文章于 2023-09-12 16:55:49 发布
最新推荐文章于 2023-09-12 16:55:49 发布
阅读量2.6k 收藏 3
点赞数 3
分类专栏： nginx 前端 文章标签： nginx Socket.IO Node.js WebSocket Redis
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/licaomengRICE/article/details/79846643
版权
在HTML5的WebSocket以及HTTP2 出现之前，我们实现如网页聊天这种前后端实时通讯的功能只能是通过AJAX的方式了，无论是轮询也好，长轮询也罢。而后来者，WebSocket、HTTP2.0 更多的是在TCP运输层之上进行了改良，实现前后端的双向通信。比如WebSocket，在建立之前，客户端会和服务端建立一次http“握手”，之后就是基于TCP通信了。HTML5提供的WebSocket...
摘要由CSDN通过智能技术生成

在HTML5的WebSocket以及HTTP2 出现之前，我们实现如网页聊天这种前后端实时通讯的功能只能是通过AJAX的方式了，无论是轮询也好，长轮询也罢。而后来者，WebSocket、HTTP2.0 更多的是在TCP运输层之上进行了改良，实现前后端的双向通信。比如WebSocket，在建立之前，客户端会和服务端建立一次http“握手”，之后就是基于TCP通信了。

HTML5提供的WebSocket API可以说为我们实现前后端实时双向通信提供了很大的便利。但我们今天的主角是Socket.IO 又是什么呢？Socket.IO是Node.js的开源项目，简单来讲，Socket.IO = long polling(长轮询)+WebSocket. 因此它可以在大部分浏览器上运行，即使浏览器不支持WebSocket，它也可以通过自动切换到long polling的方式进行实现。这里，longpolling相当于一个polyfill。但是，Socket.IO的API的书写仍能够保持WebSocket的简洁，这就是Socket.IO的优势。

本文提供了一个Nginx + Node.js的解决方案。首先，给出我们这里的一个具体的应用场景。下面的“与我相关”，大家都非常的熟悉。社交网络里面如果有人给你点赞，评论，转发那个小红点都会+1.这个时候就需要结合我们上面提到的，需要使用Socket.IO。

这里我们从后到前来讲解，分别从Node.js, Nginx, Web前端三个方面来讲解。其中会涉及到我遇到的一些技术细节，供我个人记录，也供大家参考。

Node.js

最低0.47元/天 解锁文章
licaomengRICE
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
nodejs 实现 socket.io服务器与客户端实时交互
lin_a_qing的博客
01-01 1068
nodejs实现socket.io功能前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不
基于nginx搭建SocketIO集群
田维常
09-10 1288
在SocketIO：服务端推送就是这么简单！这篇文章中，我们介绍了SocketIO这款消息推送利器。今天我们来聊下怎么搭建一个生产可用的SocketIO集群。由于单机资源...
nginx 配置 node socketio
u011034683的博客
07-24 226
location ~* \.io { proxy_set_header X-Real-IP $remote_addr; proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for; proxy_set_header Host $http_host; proxy_set_header X-NginX-Proxy true; proxy_pass http://localhost:3000; #转发服务器本地路径 proxy_redir
node+socket.io+nginx配置实现聊天页面
weixin_42429220的博客
09-05 476
socket.io socket.io官网文档 服务端 服务端主要实现一个信息转发站，类似于：信息a -> server -> 信息b 流程的工作。 创建一个文件夹 demo，在其文件夹下运行npm init 初始化一个工程。 安装express，socket.io模块 npm install express@4.15.2 ； npm install socket.io index.js代码,实现一个简单的服务： const { Server } = require('http'); var
记录Nginx socketio踩下的坑
jiejieaiai的专栏
04-29 2338
nginx socketio webscoket
Node.js和Socket.IO扩展Django的实时处理功能_.docx
12-07
本文将探讨如何使用Node.js和Socket.IO扩展Django的实时处理功能，构建一个实时聊天室。 首先，Django是一个流行的Python web框架，以其强大的ORM（对象关系映射）和丰富的第三方库而闻名，但其原生支持的HTTP协议...
node-chat-app：使用node.js和socket.io的简单聊天应用程序
02-15
【标题】：“Node.js与Socket.IO构建实时聊天应用” 在这个项目中，“node-chat-app”是一个基于Node.js和Socket.IO的简单聊天应用程序。Node.js是一个开放源代码、跨平台的JavaScript运行环境，它允许开发者在...
详解详 nginx代理代 socket.io服务踩坑
最新发布
03-20
Socket.IO是一个基于Node.js的库，它利用WebSocket和其他多种降级技术，为浏览器和服务器提供了实时双向通信。然而，在实际部署中，由于WebSocket与HTTP协议的差异，我们往往需要借助像Nginx这样的反向代理服务器来...
前端学习笔记-Node.js
05-26
Node.js是一种基于Chrome V8引擎的JavaScript运行环境，它让JavaScript得以在服务器端执行，开启了前后端同语言的时代。Node.js利用非阻塞I/O和事件驱动模型，使其在处理高并发场景时表现出高效性能。在黑马程序员的...
jsIRC:IRC 2.0（基于 JSON 的 Web IRC）实现，使用 Node.js、Socket.io、Extjs、Phantomjs 和 jQuery
06-05
jsIRC IRC 2.0（基于 Json 的 Web IRC）实现，使用 Node.js、Socket.io、Extjs、Phantomjs 和 jQuery。 基于 RFC2812： ://tools.ietf.org/html/rfc2812。安装 IRC Web/TCP 服务器安装sudo npm install -g 永远安装 ...
详解nginx代理socket.io服务踩坑
01-20
nginx代理了两台socket.io服务器。socket.io的工作模式是polling升级到websocket 现象 通过nginx请求服务时，出现了大量的400错误，有时候能升级到websocket，有时候会一直报错。但是直接通过 ip+端口 访问时，100%能成功。 分析 sid sid是我们这个问题的关键。在初始创建连接时（polling模式就是在模拟一个长连接），客户端会发起这样的请求： https://***/?EIO=3&transport=polling&t=1540820717277-0 服务端收到后会创建一个对象，绑定在这个连接上，同时返回一个sid（session i
simple-sse-nodejs-setup:使用NodeJS的HTTP模块进行简单的SSE设置-服务器+客户端
04-27
简单的sse-nodejs设置 使用NodeJS的HTTP模块进行简单的SSE设置-服务器+客户端+ polyfill 安装 只需克隆/下载软件包即可。 跑步 您需要 在项目运行的文件夹中： npm run start 。 在您喜欢的浏览器中打开client.html文件（不需要Web服务器）。 玩得开心 ：）
nginx怎么控制socket链接转发到某台服务器_基于nginx搭建SocketIO集群
weixin_39716105的博客
12-05 578
在SocketIO：服务端推送就是这么简单！这篇文章中，我们介绍了SocketIO这款消息推送利器。今天我们来聊下怎么搭建一个生产可用的SocketIO集群。由于单机资源的限制，一台机器能够支撑的tcp连接是有瓶颈的，而且也存在单点故障的弊端，所以在生产环境上使用SocketIO时，通常来讲，都是基于集群模式的。将服务器进行水平扩展，最简单的做法就是使用负载均衡技术如nginx来实现。本...
Ngnix+node.js+express+socket.io 配置websocket 集群
beautiful的博客
09-06 419
1.先说各组件版本 node:v7.8.0 pm2:2.6.1 nginx version: nginx/1.10.2 "socket.io": "^2.0.3", "express": "^4.15.4"2.修改bin/www，设置4个端口号 var port = normalizePort(process.env.PORT || '58686'); if(process.e
nginx代理socket链接集群后，频繁断开重连，报错信息：xxx is not registered. Closing connection
weixin_52116015的博客
09-12 1239
nginx代理socket链接集群后，频繁断开重连
nodejs搭建接口转发服务，nginx代理
唐坤林的播客
08-14 6949
运行环境ubuntu18.04 服务器环境装了lxd,起一个container环境，随便搞，崩了也不要紧，不喜欢删掉重起 后端使用java架构，提供基本接口服务，前端使用vue，node用来做中间层进行接口的整合处理工作，用nginx 处理静态资源服务，代理node接口服务，这样解决了跨域问题 1、nginx下载 sudo apt-get install nginx 2、启...
node项目部署以及搭建nginx服务器
ym深的博客
11-14 4863
因为阿里云的服务器就要到期，所以就需要重新购买服务器，考虑到服务器续费有点贵而又赶上腾讯云在搞周年庆的活动，所以这次就购买了腾讯云的服务器，也因为更换了服务器，所以就得重新部署博客项目 想查看更多文章，请访问：深的个人博客 博客项目技术栈 前端 vue全家桶 axios elementUI vue-socket.io echarts 后端 node (koa2) socket.io 数据库 mongodb 服务器 nginx 上线流程 服务器购买，域名购买，域名备案，公安备案 购买服务器的流
nginx配置nodejs的socketio
d81895606的博客
04-06 580
location / {#访问socket client_max_body_size 2000m; root html; index index.html index.htm; proxy_pass http://127.0.0.1:3002; proxy_redirec...
nginx支持websocket
☆→紾ゞ的博客
08-18 2131
1、修改配置文件nginx.conf fastcgi_intercept_errors on; map $http_upgrade $connection_upgrade {         default upgrade;         ''      close;     }      upstream tomcat.apps {         server 127
nginx 配置node socket.io+vue的负载均衡
05-04
要实现nginx配置node socket.io vue的负载均衡，需要先安装nginx和node.js以及socket.io。 以下是简单的步骤： 1. 安装nginx 使用以下命令安装nginx： ``` sudo apt-get update sudo apt-get install nginx ``` 2. 配置nginx 在 /etc/nginx/conf.d/ 目录下创建一个新的配置文件，例如 socketio.conf，将以下内容粘贴到文件中： ``` upstream socketio_backend { ip_hash; server node1:3000; server node2:3000; } server { listen 80; server_name yourdomain.com; location / { proxy_pass http://socketio_backend; proxy_http_version 1.1; proxy_set_header Upgrade $http_upgrade; proxy_set_header Connection "upgrade"; } } ``` 这个配置文件设置了一个名为 socketio_backend 的负载均衡器，它将请求转发到两个不同的Node.js服务器，分别是 node1 和 node2，它们都运行在3000端口上。 3. 安装Node.js和socket.io 在 node1 和 node2 服务器上安装 Node.js 和 socket.io，使用以下命令： ``` sudo apt-get update sudo apt-get install nodejs sudo apt-get install npm sudo npm install socket.io ``` 4. 在Node.js中使用socket.io 在 Node.js 应用程序中使用以下代码启动 socket.io： ``` var io = require('socket.io')(3000); io.on('connection', function (socket) { console.log('a user connected'); }); ``` 这段代码启动了一个 socket.io 实例，并监听在3000端口上，当有一个新的客户端连接时，会在控制台输出“a user connected”。 在Vue.js中使用socket.io 在Vue.js应用程序中使用以下代码连接到socket.io： ``` import io from 'socket.io-client'; const socket = io('http://yourdomain.com'); ``` 这段代码连接到运行在yourdomain.com的socket.io服务器。 至此，你就可以在Vue.js应用程序中使用socket.io了，并且通过nginx实现了负载均衡。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值