
websocket聊天室
xyphf_和派孔明
全栈工程师,熟悉原生JavaScript、TypeScript、ES6、Webpack、VUE全家桶、JAVA SSM框架、Spring boot 、Spring cloud、MySql、Oracle、Linux等,可独立构建多页面、单页面应用项目。
展开
-
WebSocket简介
WebSocket协议是基于TCP的一种新的网络协议。它实现了浏览器与服务器全双工(full-duplex)通信——允许服务器主动发送信息给客户端。WebSocket通信协议于2011年被IETF定为标准RFC 6455,并被RFC7936所补充规范。我们此前客户端与服务端进行交互通信,我们一般都是使用HTTP这个协议,而WebSocket是基于TCP的一种新的网络协议。在以前客户端和...原创 2018-08-02 16:28:49 · 340 阅读 · 0 评论 -
2、建立WebSocket连接
1、安装WebSocket安装包npm i nodejs-websocket --save2、创建如下目录app.js/** * 服务端 *//** * 1 将nodejs-websock包引进来 */var ws = require('nodejs-websocket');/** * 2 创建一个WebSocket服务,建立TCP连接, * c...原创 2018-08-02 17:22:37 · 6064 阅读 · 0 评论 -
3、客户端给服务端发消息和服务端主动推送消息
index.html<!-- 客户端 --><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=de原创 2018-08-17 10:04:36 · 4546 阅读 · 0 评论 -
4、客户端给服务端发消息,服务端回复
app.js 服务端/** * 服务端 *//** * 1 将nodejs-websock包引进来 */var ws = require('nodejs-websocket');/** * 2 创建一个WebSocket服务,建立TCP连接, * conn就是连进来的连接 * server 监听2333端口 */var server = ws.createS...原创 2018-08-17 11:53:29 · 1661 阅读 · 0 评论 -
5、websocket聊天室DEMO之广播
index.html<!-- 客户端 --><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=de原创 2018-08-17 13:01:22 · 494 阅读 · 0 评论 -
6、用户加入房间、离开房间提示
app.js/** * 服务端 *//** * 1 将nodejs-websock包引进来 */var ws = require("nodejs-websocket");/** * 2 创建一个WebSocket服务,建立TCP连接, * conn就是连进来的连接 * server 监听2333端口 */var server = ws .createSer...原创 2018-08-17 15:04:17 · 1359 阅读 · 2 评论 -
VUE 客服IM聊天组件
https://github.com/Coffcer/vue-chat https://github.com/microzz/vue-chat 参考项目 https://www.v2ex.com/t/369449原创 2018-08-20 10:58:22 · 33715 阅读 · 5 评论 -
Java使用Websocket向客户端推送消息
需求:外卖平台收到订单后,向商家推送消息,有新订单了,并播放音频。客户端 list.ftl<html><#include "../common/header.ftl"><body><div id="wrapper" class="toggled"> <#--边栏sidebar-->原创 2018-12-20 06:49:35 · 5480 阅读 · 1 评论