E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
vue-socket.io
Socket.IO 实现原理(一篇文章让你彻底弄懂即时聊天技术)
技术讨论群【522121825】前言虽然写了好几篇关于
vue-socket.io
的文章,但是也还是对底层实现原理模糊不清,甚至对Socket.io、
Vue-socket.io
、socket.io-client
~朴:shu
·
2024-01-24 09:23
Socket.io
即时通信技术
vue-socket.io
socket.io
socketIO-Client
vue3使用Socket.io
vue即时通信技术
socket通信技术
web
socket
Vue 使用
Vue-socket.io
实现即时聊天应用(Vue3连接原理分析)
它可以在每个平台、每个浏览器和每个设备上工作,可靠性和速度同样稳定,本文将详细介绍socket.io、socket.io-client、
vue-socket.io
三者的关系,Vue3中使用Socket.io-client
~朴:shu
·
2024-01-06 14:40
Socket.io
即时通信技术
node.js
vue3
vue-scoket.io
socketIO-client
socket即时通信
websocket
vue + koa2 + socket.io 实现简单聊天室
vue使用
vue-socket.io
,nodejs使用socket.io实现简单聊天室vue前端页面首先npminstallvue-socket.io-S下载组件//main.jsimportscoketfrom"
vue-socket.io
0000000asdasd
·
2023-11-22 12:00
Vue 使用
Vue-socket.io
实现即时聊天应用(实战篇 一)
目录1.项目说明:2.项目的创建:3.使用编辑器打开项目:4.下载ElementUI:5.使用elementUI搭建聊天应用主体框架:6.Footer的实现:7.Aside的实现7.1渲染用户列表;7.2个人信息:7.3搜索框实现8.vuex的设计:9.Header实现:10.Main的实现:11.总结:1.项目说明:技术讨论群【522121825】本项目基于vue2与cli3,使用vue-soc
~朴:shu
·
2023-11-07 15:33
vue-socket.io
vue.js
javascript
前端
Vue 使用
Vue-socket.io
实现即时聊天应用(实战篇 二)
Gitee源码:https://gitee.com/wfeng0/CSDNGitHub源码:GitHub-wf0/CSDN:
vue-socket.io
实现即时聊天视频介绍:
vue-socket.io
实现即时聊天
~朴:shu
·
2023-11-07 15:33
vue-socket.io
vue
elementui
vue.js
Vue 使用
Vue-socket.io
实现即时聊天应用(通讯篇)
技术讨论群【522121825】1.上次的博客已经讲述了如何建立服务器,如何建立客户端,并且与服务器进行连接,那么本文接着上次,讲述一下客户端与服务器端的通讯是如何实现的。PS:事件的发布与监听、广播事件、私聊事件、其他常用事件。2.事件的发布与监听:2.1emit()、on():在vue中,组件可以发布自定义事件,使用emit,其他地方直接使用on监听这个事件即可。而socket.io也是类似的
~朴:shu
·
2023-11-07 15:32
vue-socket.io
vue.js
服务器
前端
使用socket.io实现强制踢出其他在线账号
文章目录使用socket.io实现强制踢出其他在线账号Node使用`socket.io`Vue使用`
vue-socket.io
`参考使用socket.io实现强制踢出其他在线账号因为自己学习写的node
c.
·
2023-10-26 10:30
Vue.js
Node.js
其他
socket.io
Vue-Socket.io
源码阅读
因此,趁着这个重构的机会,将
vue-socket.io
引入,后端就用socket.io。
Juliiii
·
2023-10-24 13:37
vue-socket.io
的基本使用
第一步安装vue-socket.ionpminstallvue-socket.io--save第二步在main.js引入//vue-socket.IOimportVueSocketIOfrom'
vue-socket.io
诺小D
·
2023-07-28 07:10
vue.js
javascript
前端
Python3 flask-socketio 整合vue
1.前端说明前端追加了
vue-socket.io
的依赖更新package.json及package-lock.json后,需要补充库2.后端说明服务端需要安装的python包susepython3.6.12Flask_SocketIO
Take^that
·
2023-06-11 13:30
Python
flask
vue.js
python
websocket
socket 即时通讯(vue)
vue-socket.io
使用1.安装vue-socket.ionpminstallvue-socket.io--save2.获取socket地址url3.Vue使用Vue.use(newVueSocketIo
姀影
·
2023-03-30 18:15
配置vue-socket 遇到的问题
importVueSocketIOfrom'
vue-socket.io
'//vue-socket配置Vue.use(newVueSocketIO({//debugdebug:true,connection
牛奶ban
·
2023-01-26 17:40
vue中使用
vue-socket.io
的一些心得、踩坑记录
前言vue项目中有使用到socket长连接,之前一直都是都是使用vue-socke.io[github地址],但最近在使用时,出了一些莫名奇妙的bug,也是为此掉了不少头发,最后还是解决了。关于socket相关内容介绍以及使用场景,这里不会做太多介绍(主要是懒),可以翻看其他文章。本文主要介绍如何使用,以及再使用时需要注意一些什么。关于文章中使用的代码,我放上github地址。前端小鸟一枚,立誓要
·
2022-09-13 10:37
vue.jssocket前端
详解
vue-socket.io
使用教程与踩坑记录
目录前言我遇到的问题使用教程安装引入(main.js)使用(Page.vue)解决方案结合connect事件+store+路由守卫实现拦截请先允许我狠狠吐个槽:
vue-socket.io
相关中文博客实在太少太少
·
2022-07-29 13:51
vue中websocket用法及封装
cnpminstallvue-socket.io--save-dev2.在src文件夹里面新建lib文件夹,在lib文件夹里面新建socket.jsimportVuefrom'vue'importVueSocketIOfrom'
vue-socket.io
'importaxiosfrom'axios
一只正在成长的程序猿
·
2021-06-25 03:38
vue中使用websocket/
vue-socket.io
/socket.io-client
前言因为项目需要在vue用到websocket所以找了很多帖子与资料,但是原生的需要封装逻辑比较复杂,对于仅仅是使用学习成本比较大,第三方插件的话我找的有
vue-socket.io
、socket.io、
·
2021-03-24 00:34
web-msg-sender
vue-socket.io
客户端:https://www.npmjs.com/package/
vue-socket.io
后端:web-msg-sender前端代码main.jsimportVueSocketIOfrom'
vue-socket.io
'Vue.use
Dog_Food
·
2020-09-13 22:05
vue
socketio
关于
vue-socket.io
中的 sockets 不执行的问题
订阅后台socket中的消息,使用this.sockets.listener.subscribe代码示例:exportdefault{name:'test',data(){return{}},created(){//监听后台事件this.sockets.listener.subscribe('socket_server',(data)=>{console.log(data)//能执行})},//s
zorro1x1
·
2020-09-12 18:18
vue
socketio在vue中的使用
在vue中的使用下载依赖项npminstallvue-socket.io引入importVueSocketiofrom'
vue-socket.io
'挂载(后面是服务器地址)Vue.use(VueSocketio
百里挑单
·
2020-08-25 11:29
socketio
Vue中作为客户端使用
vue-socket.io
vue-socket.iosocket.io简介及使用1.安装依赖npminstallvue-socket.io2.在main.js中引入importVuefrom'vue';importVueSocketIOfrom'
vue-socket.io
浪客行1213
·
2020-08-22 01:37
vue-socket.io3.08,3.09有bug接收不到数据
最近公司的一个vue项目用到了
vue-socket.io
来处理socket数据传输,之前用过socket.io-client,现在知道
vue-socket.io
是基于socket.io-client的一层封装
wkArtist
·
2020-08-21 15:52
vue-socket.io
socket.io
vue.js
前端
bug
vue中使用websocket/
vue-socket.io
/socket.io-client
前言因为项目需要在vue用到websocket所以找了很多帖子与资料,但是原生的需要封装逻辑比较复杂,对于仅仅是使用学习成本比较大,第三方插件的话我找的有
vue-socket.io
、socket.io、
Bill
·
2020-08-21 15:52
javascript
前端
vue.js
socket.io
vue实现websocket之
vue-socket.io
插件
吾乃世间远行客,幸得风雨同舟人安装插件npm install
vue-socket.io
--savemain.js中引入插件//引入socketimportVueSocketIOfrom'
vue-socket.io
张旭超
·
2020-08-21 15:41
vue.js
socket
socket.io
websocket
vue+express+socket.io实现前后端保持长连接
vuenpminstallvue-socket.io--save#nodenpminstallsocket.io--save2.在端项目中main.js引入依赖包//socket设置importVueSocketiofrom'
vue-socket.io
qindayong!
·
2020-08-21 06:29
NodeJs
vue
H-Chat: socket.io实现私聊,群聊,添加好友
工具客户端:
vue-socket.io
服务端:socket.io安装分别npm安装,配置代码看相应文档,文档很详细思路1.私聊每个用户登录成功后则将自己的用户名或ID总之是一个唯一的变量,作为socket
Homyee King
·
2020-08-21 06:52
node.js
uniapp
Vue.js
SpringMvc + socket.io + vue +
vue-socket.io
实例
SpringMvc部分实现1.所需依赖 com.corundumstudio.socketio netty-socketio 1.7.7其他相关依赖com.fasterxml.jackson.corejackson-core2.9.6org.slf4jslf4j-api${slf4j.version}org.slf4jlog4j-over-slf4j${s
weixin_30338743
·
2020-08-21 06:24
vue
vue-socket.io
模块
vue使用
vue-socket.io
开发地址:https://github.com/MetinSeylan/
Vue-Socket.io
配置:需要注意的是链接方式是http因为socket.io支持的是http
starwmx520
·
2020-08-21 05:33
vue
vue中
vue-socket.io
的使用
前言:前端与后端交互时,一般都采用ajax,单ajax无法实时获取更新的数据,采用轮询方式开销会非常大,且后端也无法主动推送数据给前端,vue提供了socket.io来解决这个问题,一旦数据进行更新,服务端可主动将数据推送至客户端,常用于消息推送,股票交易中,一,关于socket通信的简单说明:Socket是在应用层和传输层之间的一个抽象层,它把TCP/IP层复杂的操作抽象为几个简单的接口,供应用
r_17703772792
·
2020-08-21 05:06
node使用socket.io实现实时消息通知
前端使用vue框架1.引入
vue-socket.io
包在项目根目录运行,npm安装npm install
vue-socket.io
--save在vue项目文件main.js文件中增加以下代码//socket.io
屁三
·
2020-08-21 04:26
node
node.js
socket
Vue框架(使用vue-socket.io-extended实现聊天功能)
egg-socket.io建立即时通讯服务,实现聊天功能)1.安装插件npminstallsocket.io-clientnpminstallvue-socket.io-extended其实一开始我是用
vue-socket.io
逆风丶大魔王
·
2020-08-21 04:24
vue-socket.io
与vuex搭配使用
websocket的方式简单例子:服务端提供两个事件"USER_INFO"(前端接收数据)、"SET_USER_INFO"(前端上传数据)1.组件内使用:main.jsimportVueSocketIOfrom"
vue-socket.io
一抹斜阳暮色沉
·
2020-08-21 04:51
前端
vue
websocket
前端vue使用
vue-socket.io
与socket.io-client与后台使用netty-socketio建立实时通信
因为项目中需要用到socket实现端到端的实时通信对话网上的教程也多是后台使用node,笔者这里项目后台使用的是java,所以只能另辟蹊径话不多说开搞,这里记录一下搞得过程遇到的需要注意的问题Java后端1.在pom.xml添加netty-socketio的jar包com.corundumstudio.socketionetty-socketio1.7.72.添加socketIo辅助类packag
hardly555
·
2020-08-21 03:42
J2EE
socket
netty-socketio
vue-socket.io
Vue Node
vue-socket.io
联合使用 简易聊天程序
之前用goEasy写过聊天程序,现在想试试websocket来结合vue玩玩,所以有今天这个随笔安装必要包//node.jsnpmisocket.io--save//vuenpmivue-socket.io--savenpmisocket.io-client--save配置node.js创建目录/文件server/app.js新增packjson配置,配置后npmrunserver即可启动//如果
dengye7077
·
2020-08-21 03:31
vue中使用socket.io
安装npminstallvue-socket.io使用,在app.js中注册importVueSocketiofrom'
vue-socket.io
';Vue.use(VueSocketio,'http:
AdleyTales
·
2020-08-21 03:28
node+express(socket.io)+vue(
vue-socket.io
)实现私密聊天室
使用的技术有expresssocket.iovuexvue-routervue-socket.ioMUImint-ui连接服务端Vue.use(newVueSocketIO({//进入当前页面时注册socket//debug:true,//开启调试connection:'ws://127.0.0.1:3001',//服务端地址vuex:{//vuex存储store,actionPrefix:'SO
coderZT
·
2020-08-21 02:53
前端
vue和node进行通信(使用socket.io)
这是vue-cli搭建的前端框架前端Vuemain.jsimportVueSocketiofrom'
vue-socket.io
';importsocketiofrom'socket.io-client'
前端修仙
·
2020-08-19 00:06
node
socket.io
vue 中如何使用socket
vue中使用socket协议vue-cli脚手架目录结构1.参照
vue-socket.io
的git地址说明文档进行安装npminstallvue-socket.io2.main.js里面注册一下。
Young_Gao
·
2020-08-18 19:30
vue
vue.js socket.io的使用
安装依赖包npminstallvue-socket.io--savemain.js文件配置importVueSocketIOfrom'
vue-socket.io
'Vue.use(newVueSocketIO
毛没齐
·
2020-08-18 11:58
JavaScript
vue.js
websocket前后端分离demo(
vue-socket.io
+ flask-socketio + nginx)
2.1demo代码2.2启动3nginx配置4相关问题5参考文档基本demo,列出重要的一些问题1vue-socket.io配置1.1main.js文件...importVueSocketiofrom'
vue-socket.io
'Vue.use
子耶
·
2020-08-17 02:57
Web
Python
vue-socketio
1.配置,vue-cli裡面(因爲我之前用2.9几版本的發現引入
vue-socket.io
編譯會報錯,所以直接用vue-cli版本了)main.js文件importVuefrom'vue'importAppfrom
boboerer157
·
2020-08-05 18:54
前端
vue-socketio
Vue-Socket.io
的使用步骤
第一步安装依赖npminstallvue-socket.io--save第二步在main.js中引入importVueSocketIOfrom'
vue-socket.io
'Vue.use(newVueSocketIO
lily2016n
·
2020-08-05 10:42
vue学习
vue
socket.io
【socket.io跨域】关于socket.io nginx跨域问题
服务端:node.js前端环境:uni-app需要依赖:vue-socket.iosocket.io-client//main.jsimportVueSocketiofrom'
vue-socket.io
'importsocketiofrom'socket.io-client
SangHongxv
·
2020-08-02 22:34
奇技淫巧
socket
vue 使用socke报错
npminstallsocket.io-clientvue-socket.io@3.0.7-SimportSocketIOfrom'socket.io-client';importVueSocketIOfrom'
vue-socket.io
小能手
·
2020-08-01 14:34
web
vue.js
vue中使用socket.io踩坑篇
npminstallsocket.io-clientvue-socket.io-S//第二步引入一般在main.js中引入importVuefrom'vue'importSocketIOfrom'socket.io-client';importVueSocketIOfrom'
vue-socket.io
qq8344310
·
2020-07-11 15:30
vue使用
vue-socket.io
实现长链接
1.下载npminstallvue-socket.io--save2.在main.js中引入importVueSocketIOfrom"
vue-socket.io
";importSocketIOfrom"socket.io-client
无痕-范特西
·
2020-07-05 15:00
socket.io实时监控数据库,数据变化更新页面
socket.iocnpmintsallsocket.io-savecnpminstallvue-socket.io-save二、前端socket配置1、main.js引入socket,并连接3000端口importvue_socketfrom'
vue-socket.io
'Vue.use
MAYBE。。
·
2020-06-29 04:04
前端
后端
vue-socket.io
接收不到数据问题的解决方法
最近公司的一个vue项目用到了
vue-socket.io
来处理socket数据传输,之前用过socket.io-client,现在知道
vue-socket.io
是基于socket.io-client的一层封装
·
2020-06-22 08:12
vue中使用
vue-socket.io
的一些心得、踩坑记录
前言vue项目中有使用到socket长连接,之前一直都是都是使用vue-socke.io[github地址],但最近在使用时,出了一些莫名奇妙的bug,也是为此掉了不少头发,最后还是解决了。关于socket相关内容介绍以及使用场景,这里不会做太多介绍(主要是懒),可以翻看其他文章。本文主要介绍如何使用,以及再使用时需要注意一些什么。关于文章中使用的代码,我放上github地址。前端小鸟一枚,立誓要
隔壁老樊啊
·
2020-06-20 16:31
vue实现websocket之
vue-socket.io
插件
吾乃世间远行客,幸得风雨同舟人安装插件npm install
vue-socket.io
--savemain.js中引入插件//引入socketimportVueSocketIOfrom'
vue-socket.io
张旭超
·
2020-03-03 13:26
vue.js
socket
socket.io
websocket
在vue中使用socket.io
socket.io的github地址:https://github.com/MetinSeylan/
Vue-Socket.io
一、关于sock
银月silvermoon
·
2020-02-13 12:49
上一页
1
2
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他