fastadmin后台使用websocket

直接使用gatewayworker。
在这里插入图片描述

在backend-init.js中:
断线重连、心跳检测

define(['backend'], function (Backend) {
    var socket; //websocket的实例
    var lockReconnect = false; //避免重复连接
    reconnect();
    function getwebsocket() { //新建websocket的函数 页面初始化 断开连接时重新调用
        var wsUrl = 'ws://47.56.127.188:8384';
        socket = new WebSocket(wsUrl);
        socket.onerror = function(event) {
            //console.log('websocket服务出错了');
            reconnect(wsUrl);
        };
        socket.onclose = function(event) {
            //console.log('websocket服务关闭了');
            reconnect(wsUrl);
        };
        socket.onopen = function(event) {
            heartCheck.reset().start(); //传递信息
        };
        socket.onmessage = function(event) {
            //如果获取到消息,心跳检测重置
            //拿到任何消息都说明当前连接是正常的
            //接受消息后的UI变化
            var tmp = eval('(' + event.data + ')');
            var type = tmp.type;
            var action = tmp.action;
            //最新通知推送(给所有在线用户推送的)
            if (type == 'notice' && action == 'withdraw') {
                var alertSound = new Audio('/public/assets/audio/withdraw.mp3');
                alertSound.play();
            }
            if (type == 'notice' && action == 'recharge') {
                var alertSound = new Audio('/public/assets/audio/recharge.mp3');
                alertSound.play();
            }
            heartCheck.reset().start();
        };
    }

    function reconnect(url) {
        if (lockReconnect) return;
        lockReconnect = true;
        //没连接上会一直重连,设置延迟避免请求过多
        setTimeout(function() {
            getwebsocket();
            lockReconnect = false;
        }, 2000);
    }
    //心跳检测
    var heartCheck = {
        timeout: 60000, //60秒
        timeoutObj: null,
        serverTimeoutObj: null,
        reset: function() {
            clearTimeout(this.timeoutObj);
            clearTimeout(this.serverTimeoutObj);
            return this;
        },
        start: function() {
            var self = this;
            this.timeoutObj = setTimeout(function() {
                //这里发送一个心跳,后端收到后,返回一个心跳消息,
                //onmessage拿到返回的心跳就说明连接正常
                socket.send("心跳测试");
                self.serverTimeoutObj = setTimeout(function() { //如果超过一定时间还没重置,说明后端主动断开了
                    socket.close(); //如果onclose会执行reconnect,我们执行ws.close()就行了.如果直接执行reconnect 会触发onclose导致重连两次
                }, self.timeout);
            }, this.timeout);
        }
    };
});
  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
要在 FastAPI 中使用 WebSocket,需要使用 FastAPI 的 WebSocketEndpoint 类,该类是 WebSocket 协议的一个实现。以下是一个使用 FastAPI WebSocket 的简单示例: ```python from fastapi import FastAPI, WebSocket app = FastAPI() @app.websocket("/ws") async def websocket_endpoint(websocket: WebSocket): await websocket.accept() while True: data = await websocket.receive_text() await websocket.send_text(f"You said: {data}") ``` 在上面的代码中,定义了一个 WebSocket 端点 `/ws`,并使用 `async def` 定义了一个异步函数 `websocket_endpoint`。该函数的形参是一个 WebSocket,它将在连接建立时自动创建。 使用 `await websocket.accept()` 方法来接受 WebSocket 的连接请求,并在之后的循环中等待从客户端接收到的数据。使用 `await websocket.receive_text()` 方法接收数据,并使用 `await websocket.send_text()` 方法向客户端发送响应。 可以使用 Python 的 WebSocket 客户端来测试这个 WebSocket 端点,比如使用 `websockets` 库: ```python import asyncio import websockets async def send_message(): async with websockets.connect('ws://localhost:8000/ws') as websocket: await websocket.send('Hello') response = await websocket.recv() print(response) asyncio.get_event_loop().run_until_complete(send_message()) ``` 在上面的代码中,使用 `websockets.connect()` 方法连接到 WebSocket 端点,发送一个消息,并等待回复。最后,使用 `print()` 方法打印回复。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

玉阳软件yuyangdev_cn

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值