flutter 自定义websocket路由的实现
时间:2022-07-27
本文章向大家介绍flutter 自定义websocket路由的实现,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
在 flutter websocket 中 服务端推送数据给客户端后 很多人的处理居然都是 if / switch; 感觉这样的写法不咋好!
自己想的一个办法:
在 lib 目录下新建一个 socket 目录 里面创建两个文件main.dart和router.dart; main.dart : 主要控制websocket的连接 断开 和收到消息的处理; router.dart 则为websocket 服务端返回的消息做路由处理;
router.dart
import 'package:lee/logic/user.dart';
typedef void RouteHandle(Map params);
var wsRouter = new WsRouter();
class WsRouter {
static Map<String, RouteHandle _routers = new Map();
init() {
routers.forEach((route) {
route.forEach((name, value) {
this.add(name, value);
});
});
}
// 增加路由
void add(String name, RouteHandle handle) {
WsRouter._routers[name] = handle;
}
// 路由处理
Future<void handle(String name, Map params) async {
RouteHandle handle = WsRouter._routers[name];
if (handle == null) {
print("路由不存在");
return;
}
handle(params);
}
}
List<Map<String, RouteHandle routers = [
{"login": UserLogic.login},
{"kick": UserLogic.kick},
];
main.dart
import 'package:lee/socket/router.dart';
import 'package:web_socket_channel/io.dart';
import 'dart:convert';
var webSocket = new WebSocket();
class WebSocket {
// webSocket连接
IOWebSocketChannel webSocketChannel;
factory WebSocket() = _webSocket();
static WebSocket _instance;
// 构造函数
WebSocket._() {
// 初始化webSocket路由
wsRouter.init();
}
static WebSocket _webSocket() {
if (_instance == null) {
_instance = WebSocket._();
}
return _instance;
}
conn() {
IOWebSocketChannel channel = new IOWebSocketChannel.connect(
"ws://127.0.0.1:8080/ws",
pingInterval: Duration(milliseconds: 100));
channel.stream
.listen((data) = onMessage(data), onError: onError, onDone: onDone);
this.webSocketChannel = channel;
}
onMessage(response) async {
// 例如服务端返回的大概是这样一个json
// {"cmd":"kick","data":{}}
// {"cmd":"login","data":{}}
Map params = json.decode(response);
wsRouter.handle(params["cmd"], params["data"]);
}
onError(err) async {}
onDone() async {}
}
以上就是本文的全部内容,希望对大家的学习有所帮助。
- CSS 特殊属性介绍之 pointer-events
- 【java开发系列】—— 集合使用方法
- Elasticsearch安装
- 【java开发系列】—— 深克隆和浅克隆
- 【java开发系列】—— JDOM创建、修改、删除、读取XML文件
- AngularJs ng-route路由详解
- JAVA获取txt文件内容
- 关于 CSS 反射倒影的研究思考
- 【Javascript】—— 1 方法function的高级特性
- Oracle基础知识-SQL简单命令
- 【java开发系列】—— spring简单入门示例
- JavaMelody应用监控使用指南
- 记录安装oracle的那些事(四)之oracle 缺包安包
- 【面试虐菜】—— JAVA面试题(1)
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 【一天一大 lee】二叉树的后序遍历 (难度:中等) - Day20200929
- 一日一技:在Golang下如何相对简单地开发爬虫?
- 原创 | 一文读懂正态分布与贝塔分布
- 收款神器!解读聚合收款码背后的原理
- 短视频商城源码,滑动时渐变效果实现
- CICD实战——服务自动测试
- MySQL 案例:left join 与 BUG
- WordPress缩略图出现A TimThumb error has occured解决办法
- 2020-09-30:谈谈内存对齐。
- leetcode树之对称二叉树
- 【网络技术联盟站】网络安全 | 瑞哥带你全方位解读防火墙技术!
- 腾讯云服务器CVM+CentOS,部署LAMP环境快速搭建WordPress博客
- leetcode栈之有效的括号
- JSON Web Token 的结构是什么
- codeforces 1429E(dp)