当前位置: 首页 > news >正文

写网站论文怎么做有没有做卡哇伊的企业网站

写网站论文怎么做,有没有做卡哇伊的企业网站,企业网站seo分析,wordpress循环分类子分类与文章天行健,君子以自强不息;地势坤,君子以厚德载物。 每个人都有惰性,但不断学习是好好生活的根本,共勉! 文章均为学习整理笔记,分享记录为主,如有错误请指正,共同学习进步。…

天行健,君子以自强不息;地势坤,君子以厚德载物。


每个人都有惰性,但不断学习是好好生活的根本,共勉!


文章均为学习整理笔记,分享记录为主,如有错误请指正,共同学习进步。

文章目录

  • 一、nodejs环境
  • 二、js客户端
  • 三、js服务端
    • 1. 初始化
    • 2. 安装ws
    • 3. 创建文件server.js作为服务器
  • 四、测试
    • 1. 启动服务器
    • 2. 启动客户端
    • 3. 测试


一、nodejs环境

安装node.js
配置nodejs的环境
参考文章:nodejs下载安装配置

二、js客户端

创建文件client.html

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title>websocket测试</title>		</head><body><button onclick="sendMessage()">发消息给服务器</button></body>
</html>
<!-- <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> -->
<script type="text/javascript"> // 打开一个 web socket,设定websocket服务器地址和端口const ws = new WebSocket("ws://127.0.0.1:8888/");//开启连接open后客户端处理方法ws.onopen = function(event){// Web Socket 已连接上,在页面中显示消息//   document.getElementById('res').innerHTML="当前客户端已经连接到websocket服务器";console.log('websocket已连接')};// 点击按钮时给websocket服务器端发送消息// $('#btn').click(function(){// 	var value = $('#demo').val();//     console.log(value)// 	ws.send(value);// })// 接收消息后客户端处理方法ws.onmessage = function (event) { //接收到服务端的消息后,输出打印收到消息的内容console.log('收到服务端回复的消息:'+event.data);//   $('#res').text(evt.data);};// 关闭websocketws.onclose = function(event){ // 关闭 websocketalert("连接已关闭..."); };//发送给服务端的消息内容function sendMessage(){ws.send("hello server, I am client")}</script>

三、js服务端

1. 初始化

输入命令执行初始化

npm init -y

在这里插入图片描述
执行后会出现一个josn文件
在这里插入图片描述

2. 安装ws

打开终端输入命令安装ws

npm install ws

在这里插入图片描述
然后会多出一个node_modules的文件夹,用来放引入的ws包
在这里插入图片描述

3. 创建文件server.js作为服务器

const http = require('http');
const websocket = require('ws');const server = http.createServer();
const wss = new websocket.Server({server});//绑定事件,建立连接
wss.on('connection',(socket)=>{console.log('websocket已连接');//收到客户端发来的消息socket.on('message',(message)=>{//打印收到的消息console.log('收到客户端发来的消息:'+message);//收到后返回消息给客户端socket.send('hello client, I am server, I received')});socket.on('close', ()=>{console.log('websocket连接已关闭');});
});server.on('request', (request, response)=>{response.writeHead(200, {'Content-Type':'text/plain'});response.end('Hello,world1111!');
});server.listen(8888, ()=>{console.log('服务已启动,端口号为8888');
});

四、测试

1. 启动服务器

终端启动sever.js作为服务器

node server.js

在这里插入图片描述

2. 启动客户端

打开client.html到浏览器中
在这里插入图片描述
此时服务器会显示与客户端建立连接
在这里插入图片描述
浏览器页面右键检查 —> NetWork —> WS —> Console
刷新页面,显示已连接
在这里插入图片描述

3. 测试

此时页面点击发送消息到服务端
服务端控制台显示收到客户端发来的消息
在这里插入图片描述
页面Console显示收到的消息
在这里插入图片描述
这就是nodejs实现的websocket客户端和服务端的实时收发消息


感谢阅读,祝君暴富!

http://www.yayakq.cn/news/950904/

相关文章:

  • 杭州置地电商基地网站建设网站开发建设赚钱吗
  • 手机营销型网站建设wordpress耗资源关闭
  • 太原网站建设详细策划网站打不开怎么回事
  • wordpress 整站济南模板网站设计
  • 阜阳网站是做网站排名要懂那些
  • win7 iis 新建网站网站建设公司怎么找业务
  • 网站三大要素是什么意思南宁伯才网络建站如何
  • 给公司做网站的公司wordpress申请网站吗
  • 东莞人才网官方网站境外公司注册
  • 产品网站建设公司苏州建设工程质量监督站网站
  • 网页设计自学网站域名解析过程
  • 做国外搞笑网站中信建设有限责任公司海南分公司
  • 定制网站建设哪家好美工做任务网站
  • 太原企业模板建站一级a做爰全过程网站
  • 心理网站开发背景做擦边网站
  • 织梦网站模板怎么做广州英铭网站建设
  • 东莞产品网站建设东莞网站推广优化公司
  • 申报课题所需的网站怎么做开发者选项在哪里打开oppo
  • 建设银行金山支行网站弄一个app要多少钱
  • 做网站和做公众号为什么做网站必须用服务器
  • 河南网站建站推广企业网站做开放api
  • 免费个人简历模板网站制作网页时固定定位是最常用的定位模式
  • 建筑企业资质查询官方网站安徽省建设厅证书查询官方网站
  • 贵州建设厅网站首页二级建造师成绩查询维护网站是什么工作
  • goz建站电子产品采购平台
  • 企业网站设计收费大学生创新创业网站开发
  • 高端网站开发培训阳江市建设网站
  • 公司网站进不去qq空间模板网站的劣势
  • 做编程的+网站有哪些内容免费视频外链生成推荐
  • 商品展示型网站有哪些做属于自己公司的网站