webSocket

WebSocket介绍、使用

webSocket是一种新的传输协议,HTML5新增的协议,相较于http协议,webSocket更像是一台对讲机,可以实现实时通信,双向传输,即服务器也可以主动发送请求到前端,打破了以往只能前端发送请求,然后服务器被动响应的传统方式

node.js

socket.io

socket.io是一个node.js平台上的webSocket封装框架,使用难度比较容易 在使用前必须先安装: npm|cnpm i socket.io -D

语法格式:

/*
socket.emit('name', 数据)  发送
socket.on(name,(data)=>{})    接收
发送的名字是什么接收的名字就是什么,参数的个数也一样
*/
//后端
const http =require("http");
const io = require("socket.io");
let server = http.createServer((req,res)=>{

}).listen(8080);
let wsServer = io.listen(server);
wsServer.on("connection",(socket)=>{
setInterval(()=>{
    socket.emit("time",new Date().getTime());
},1000)
})
//前端
//注意:必须在服务器里面成功导入此模块并且成功服务器开启后,方可引入soket.io.js
//本地安装位置:node_modules/socket.io-client\dist\soket.io.js
<script src="http://localhost:8080/socket.io/socket.io.js" charset="utf-8"></script>
    <script>
        let socket = io.connect("ws://localhost:8080/");
        socket.on("time",(data)=>{
            console.log(data);
        })
    </script>

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • ES6新特性

    由于ES6在一些低版本的浏览器上无法运行,需转成ES5之前的版本兼容,以下有几种方案可以自动转换

    jinghong
  • TypeScript

    lib用于指定要包含在编译中的库文件 “lib”:[ “es6”, “dom” ],

    jinghong
  • Nginx

    设想: 访问 http://localhost/music 代理到 http://music.jinghong.ml

    jinghong
  • koa+socket.io尝试简单的web动作同步

    尝试用过browser-sync辅助开发的前端同学,大概都会感到神奇:在多个端打开网页,网页的动作却是完全同步的。

    用户1394570
  • nginx配置文件结构

    全局参数 配置系统全局参数 如: worker_processes 工作子进程数量、 error_log 错误日志路径、 pid 进程ID Event 一般是配...

    dys
  • 18.6.30日报

    1,增加wkeInsertCSSByFrame等接口,适配electron的webview需要

    龙泉寺扫地僧
  • Flash/Flex学习笔记(7):FMS3.5基于IIS的安装

    一般来讲,在windows上安装软件从来都不是什么难事儿,但FMS却在安装过程中"充满"了误导(好吧,其实也就是夸张的说法而已) 1.下载FMS3.5 http...

    菩提树下的杨过
  • 干货 | 提升深度学习模型的表现,你需要这20个技巧(附论文)

    这是一个我常被问到的问题:「我该怎么提升准确度?」或者「如果我的神经网络表现很糟糕我该怎么办?」……

    AI算法与图像处理
  • PHP中系统函数http_build_query系统函数使用方法

    沈唁
  • [MarkDown] MarkDown语法小结

    HTML中 < 和 & 都要转码 但markdown不必,输入& 和 &amp; 都显示 &,< 也一样

    wOw

扫码关注云+社区

领取腾讯云代金券