WebSocket使用（JS）

1：
//引入websocket模块
npm i nodejs-websocket --sava

//nodejs-websocket 的简单用法和安装
自行百度

2：
npm install socket.io --save

服务器端

npm install -g ws //全局安装WS  npm指令自行学习constValue.js
exports.config = {"host":"192.168.5.178",//服务器端口 此为我的电脑IP cmd -》 ipconfig"port":3000,
},exports.protocol={login:101,hallLogin:201,
}app.js
var constValue = require("./hall/constValue");var ws = require("ws").Server;
const connect = new ws({port:constValue.config.port
});connect.on("listening",function(){console.log("服务器开启监听！！！");
})connect.on("connection",function(ws,req){console.log(ws);console.log("有刺客——————>"+ req.connection.remoteAddress);ws.on("message",function(packet){let msg = JSON.parse(packet);if(msg.cmd == constValue.protocol.login){login(msg)}else if(msg.cmd == constValue.protocol.hallLogin){hallLogin(msg)}});ws.on("close",function(msg){console.log("有玩家关闭了连接");console.log(msg);});ws.on("ping",function(msg){console.log("ping",msg);});ws.on("error",function(msg){console.log("error",msg);})login = function(msg){console.log(msg);ws.send("来了老弟！");};hallLogin = function(msg){console.log(msg);ws.send('进入大厅');};});connect.on("headers",function(msg,data){console.log(msg);console.log(data);
})console.log(constValue.config);

//项目初始化
npm init

package.json配置

//test:“node app.js”
//启用包配置之后
启动服务器可以为
1-> node app.js
2-> npm test

服务器启动

Ctrl + c 关闭服务器

在html中使用

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Document</title>
</head>
<body><script>let ws = new WebSocket('ws://192.168.5.178:3000');ws.onopen = function (params) {console.log('客户端连接成功')// 向服务器发送消息let data ={cmd:101,msg:"haha"}ws.send(JSON.stringify(data))};ws.onmessage = function (e) {console.log('收到服务器响应', e.data)};</script>
</body>
</html>

在cocos creator中使用同理

let ws = new WebSocket('ws://192.168.5.178:3000');ws.onopen = function (params) {console.log('客户端连接成功')// 向服务器发送消息let data ={cmd:101,msg:"haha"}ws.send(JSON.stringify(data))};ws.onmessage = function (e) {console.log('收到服务器响应', e.data)};

仓库地址

WebSocket使用（JS）相关推荐

WebSocket之JS发送二进制
WebSocket之JS发送二进制老鼠AI大米_Java全栈原文:WebSocket之JS发送二进制 - 简书 (jianshu.com) 大家都知道使用socket通信都是二进制,通信框架多是使 ...
javascript python 通信_Python通过websocket与js客户端通信示例分析
具体的 websocket 介绍可见 http://zh.wikipedia.org/wiki/WebSocket 这里,介绍如何使用 Python 与前端 js 进行通信. websocket 使用 ...
websocket + node.js聊天系统
转:http://www.cnblogs.com/Wayou/p/hichat_built_with_nodejs_socket.html 前端一直是一块充满惊喜的土地,不仅是那些富有创造性的页面,还 ...
JS逆向：【硬干货】手把手实战某条_signature参数破解（下）——WebSocket与JS函数
本文仅供学习交流使用,请勿用于商业用途或不正当行为如果侵犯到贵公司的隐私或权益,请联系我立即删除前两篇文章: js逆向:[硬干货]手把手实战某条_signature参数破解(上) js逆向:[硬干 ...
springboot+websocket+stomp.js
前端通过websocket订阅后台实时发送消息 1.引入stomp.min.js,源码地址:https://www.bootcdn.cn/stomp.js/ // Generated by Coffe ...
beego + websocket + jexcel.js 实现在线表格（腾讯文档）
beego之websocket使用 beego搭建websocket服务 go语言安装websocket beego中代码使用前端代码示例 beego搭建websocket服务 go语言安装web ...
3w字带你揭开WebSocket的神秘面纱~
目录一. WebSocket 简介 WebSocket 是一种基于 TCP 的网络协议.在 2009 年诞生,于 2011 年被 IETF 定为标准 RFC 6455 通信标准,并由 RFC7936 ...
WebSocket相关
原文:http://www.cnblogs.com/jinjiangongzuoshi/p/5062092.html 前言今天看了一些资料,记录一下心得.websocket是html5引入的一个新特 ...
js前面代码出错继续运行_Node.JS实战41：让命令行变的五颜六色
通常情况下,命令行文字都是黑底白色的: 想不想来点改变? 给文字换个颜色:给背景换个颜色. 先来看段代码: console.log('[31m Hello www.JShaman.com [0m'); ...
python socketio_flask-socketio实现WebSocket的方法
[flask-socektio] 之前不知道在哪个场合下提到过如何从web后台向前台推送消息.听闻了反向ajax技术这种模式之后,大呼神奇,试了一下之后发现也确实可以用.不过,反向ajax的代价也很明 ...

WebSocket使用（JS）

WebSocket使用（JS）相关推荐

最新文章

热门文章