WebSocket 封装

main.socket = {
    ws:null,
    state:false,
    autoReConnnect:function(){
        if(!main.socket.state){
            setInterval(main.socket.connectSocketServer,10 * 60 * 1000);
        }
    },
    connectSocketServer:function(){

        var support = "MozWebSocket" in window ? 'MozWebSocket' : ("WebSocket" in window ? 'WebSocket' : null);
        if (support == null) {
            main.alert("您的手机不支持websocket!");
            return;
        }
        main.socket.ws = new window[support]('ws://'+ storage.get("service-ip") +':9876');
        main.socket.ws.onopen = function () {
            main.socket.state = true;
            var msg = main.socketModel;
            msg.Target = "SYSTEM";
            msg.From = storage.get("user-name");
            msg.Fromid = storage.get("user-id");
            msg.To = "";
            msg.Content = "ONOPEN";

            main.socket.ws.send(JSON.stringify(msg));
        };
        main.socket.ws.onmessage = function (evt) {
            var msg = JSON.parse(evt.data);
            if(msg && msg.FromId == "SYSTEM"){
                main.alert(msg.Time + ": "+msg.Content);
                return;
            }
            msg.Readed = false;
            main.socket.onMessage(msg);
        };
        main.socket.ws.onclose = function () {
            if( main.socket.state ){
                var msg = main.socketModel;
                msg.Target = "SYSTEM";
                msg.From = storage.get("user-name");
                msg.Fromid = storage.get("user-id");
                msg.To = "";
                msg.Content = "ONCLOSED";
                main.socket.ws.send(JSON.stringify(msg));
            }
            main.socket.state = false;
            //main.alert('服务器连接失败!');
            console.log("聊天服务器连接失败");

            main.socket.autoReConnnect();
        }


    },

    onMessage :function(msg){


    },

    sendToPersonal:function(msgcontent,to) {
        if (main.socket.ws) {
            var msg = main.socketModel;
            msg.Content = msgcontent;
            msg.Target = "PERSONAL";
            msg.From = storage.get("user-name");
            msg.To = to;
            main.socket.ws.send(JSON.stringify(msg));
        } else {
            main.alert("您的手机不支持websocket!");
        }
    }
}

### 实现 WebSocket 封装 为了简化 WebSocket 的开发流程并提高代码的可维护性和重用性,通常会创建一个 WebSocket 封装库。这种封装不仅限于简单的连接管理,还可能涉及消息处理、错误恢复机制等功能。 #### 创建自定义 WebSocket 封装库 以下是 Python 中基于 `websockets` 库的一个简单 WebSocket 客户端封装实例: ```python import asyncio import websockets class SimpleWebSocketClient: def __init__(self, uri): self.uri = uri self.connection = None async def connect(self): try: self.connection = await websockets.connect(self.uri) print(f"Connected to server at {self.uri}") except Exception as e: print(f"Failed to connect: {e}") async def send_message(self, message): if not self.connection or not self.connection.open: raise ConnectionError("Not connected.") await self.connection.send(message) async def receive_message(self): while True: try: response = await self.connection.recv() return response except websockets.ConnectionClosed: break async def close_connection(self): if self.connection and self.connection.open: await self.connection.close() async def main(): client = SimpleWebSocketClient('ws://localhost:8765') await client.connect() await client.send_message("Hello Server!") reply = await client.receive_message() print(f"Received from server: {reply}") await client.close_connection() if __name__ == "__main__": asyncio.run(main()) ``` 此代码展示了如何构建一个基本的 WebSocket 客户端类[^1],它能够执行连接服务器、发送和接收数据的操作,并妥善关闭连接。 对于更复杂的场景,比如需要支持多线程操作或是与其他框架集成,则建议考虑现有的成熟解决方案,如 Flask-SocketIO 提供了对 WebSockets 和 Socket.IO 协议的支持,在 Flask 应用中非常容易上手[^3]。 #### 使用现有 WebSocket 封装库 除了自行编写外,还有许多成熟的 WebSocket 封装库可供选择,这些库往往已经解决了大量实际应用中的难题,提供了丰富的特性集。例如: - **Flask-SocketIO**: 结合 Flask 框架使用的 WebSocket 扩展包,适用于构建实时网络应用程序。 - **AutobahnPython**: 支持 WAMP (Web Application Messaging Protocol) 的高级 WebSocket/WSGI/Twisted 库,适合复杂的企业级项目需求。 - **Tornado**: Tornado 是另一个流行的异步网络库,内置了对 WebSocket 的良好支持,非常适合高并发环境下的服务端编程。 综上所述,无论是自己动手还是借助第三方工具,都可以有效地完成 WebSocket 功能的封装工作,从而让开发者专注于业务逻辑本身而不是底层协议细节。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值