手机版
网站地图
美文美图
最新动态
你好,欢迎访问
好美文阅读网
个性皮肤
搜索
网站首页
美文
文章
散文
日记
诗歌
小说
故事
句子
作文
签名
祝福语
情书
范文
读后感
文学百科
美文摘抄
节日文章
名家散文
网名大全
座右铭
口号大全
面试技巧
说说大全
阅读答案
诗词默写
流言蜚语
节日祝福
好句子
经典台词
谚语大全
亲情故事
友情故事
表白情书
工作报告
活动总结
心得体会
专题汇总
美文网首页
WEB前端程序开发
Web 前端开发
简易WebScoket学习(使用WS模块)
简易WebScoket学习(使用WS模块)
作者:
GeeFib
| 来源:发表于
2018-01-24 16:57 被阅读816次
实现功能:客户端与服务器建立socket后,服务器接收到客户端消息后返回给除自己外的其他客户端信息
1.需提前安装express
npm install express -a
2.服务端
var app = require('express')()
var server = require('http').Server(app)
var WebSocket = require('ws')
var wss = new WebSocket.Server({ port: 8080 })//
let arr =[] //建立数组存储所有接入client的信息
wss.on('connection', function connection(ws) {
console.log('server: receive connection.'+ws._ultron.id)
ws.on('message', function incoming(message) { //接收到消息
// console.log('client:'+ws._ultron.id+"send Info", message)// ws._ultron.id 相当于clientID
arr.push({client:ws._ultron.id,msg:message})
wss.clients.forEach(function(item){ //广播
if(item._ultron.id==ws._ultron.id){return}
// console.log(item._ultron)
item.send(JSON.stringify(arr))
})
})
ws.on('pong', () => { console.log('server: received pong from client'); })//ws是通过ping/pong 心跳维护连接的
//ws.send('world');
// setInterval(() => { // ws.ping('', false, true); // }, 2000); })
app.get('/', function (req, res) { res.sendfile(__dirname + '/index.html'); })
app.listen(3000)
3.web端
sendToServer var ws = new WebSocket('ws://localhost:8080')
ws.onopen = function () {
document.getElementById("bt1").onclick=function(e){
let info = document.getElementById("input1").value ws.send(info)
}
console.log('client: ws connection is open')
ws.send('hello') }
ws.onmessage = function (e) { console.log( e.data) }
相关文章
网友评论
WEB前端程序开发
Web 前端开发
本文标题:
简易WebScoket学习(使用WS模块)
本文链接:
https://www.haomeiwen.com/subject/roikuttx.html
延伸阅读
那年盛夏诗歌
环境监察队工作总结范文
优秀教师学习心得范文
华胥引的读后感300字
《Its red》教学反思范文
农资购销的合同范本
竞选中队委优秀演讲稿
辞金蹈海的成语解释
《世纪宝鼎》公开课教案设计
因为爱你,所以牵挂
今生今世红尘醉——美到
一个90后的内心独白
致已逝去的高中年华
深度阅读
您也可以注册成为美文阅读网的作者,发表您的原创作品、分享您的心情!
情人节
母亲节
重阳节
清明节
端午节
植树节
元宵节
妇女节
愚人节
圣诞节
父亲节
教师节
儿童节
劳动节
青年节
建军节
万圣节
平安夜
光棍节
中秋节
国庆节
感恩节
腊八节
更多话题
栏目导航
WEB前端程序开发
Web 前端开发
摄影
故事
互联网
读书
旅行
热点阅读
Swift字典
阴雨天和半夜
這是我們記錄青春的方式
#30天专注橙长计划#Day5 教师资格证考试备考冲刺
单机应用架构的一般性设计
hanzai二三事
放棄一個暗戀很久的人,是是一種什麼感覺
#30天专注橙长计划#自我管理DAY6
早睡早起
[Unity]控制EditorWindow的下拉样式
WEB前端程序开发
聊聊前端面试那点事儿
学习ES6看这个视频就够了
Vue.js入门教程
如何面试前端工程师:Github很重要
【简明教程】JSON
5分钟 搭建免费个人博客
免费自建一个酷炫的博客
区分数组的splice,split,slice方法
编写高质量的 HTML 代码
F8App-ReactNative项目源码分析1-初体验
Web 前端开发
JS 文档生成工具:JSDoc 介绍
Web存储(Web Storage)介绍
Web Workers 介绍
JavaScript 正则表达式介绍
淘宝前端工程师:国内WEB前端开发十日谈
Gulp挑战Grunt,背后的哲学
超简单组织AngularJS模块
CSS hack总结
前端工程师需要明白的「像素」
如何提升 CSS 选择器性能
网友评论