webSocket应用demo

最新推荐文章于 2024-03-18 17:22:16 发布

小白变怪兽

最新推荐文章于 2024-03-18 17:22:16 发布

阅读量1.2k

点赞数

分类专栏： javascript 文章标签： webSocket

本文链接：https://blog.csdn.net/u013558749/article/details/81085299

版权

javascript 专栏收录该内容

38 篇文章 0 订阅

订阅专栏

很多项目中都有涉及实时通信的需求，比如：页面中有一栏未读消息个数，就需要后台实时的将对应消息的个数反馈给前端

下面我们就以一个简单的demo来了解一下webSocket：

1.安装websocketd ,brew install websocketd(以MAC为例)

2.新建gree.sh文件：每隔一秒返回一个数据


#!/bin/bash

for ((COUNT = 1; COUNT <= 10; COUNT++)); do
  echo $COUNT
  sleep 1
done

3.打开控制台进入项目所在目录执行：websocketd –port=8080 bash ./gree.sh

4.新建gree.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <script type="text/javascript">
            var ws = new WebSocket('ws://localhost:8080/'); 
            ws.onopen = function(){
                console.log('open');
            };

            ws.onclose = function(){
                console.log('onclose');
            };

            ws.onmessage = function(event){
                console.log('event,',event.data); //拿到的返回数据
            }
        </script>
    </body>
</html>

5.打开项目直接双击打开，或者用json-server，查看控制台

这里写图片描述

参考资料：

WebSocket 教程

小白变怪兽

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
webSocket应用demo

很多项目中都有涉及实时通信的需求，比如：页面中有一栏未读消息个数，就需要后台实时的将对应消息的个数反馈给前端下面我们就以一个简单的demo来了解一下webSocket：1.安装websocketd ,brew install websocketd(以MAC为例)2.新建gree.sh文件：每隔一秒返回一个数据#!/bin/bashfor ((COUNT = 1; COUNT ...
复制链接

扫一扫