摘要: 基于webapi的websocket聊天室(番外一) 上一篇我已经实现了聊天室,并且在协议中实现了4种类型的消息传输。其实还可以添加video,audio,live等等类型。 不过假如把目前的协议看作RCP1.0版的话,这个版本就只支持有限的4种消息。精力有限啊。也许RCP2.0就可以把video,audio类型加进去? 这不是这篇番外考虑的。而是我在 阅读全文
posted @ 2024-05-21 22:54 ggtc 阅读(437) 评论(3) 推荐(0) 编辑
摘要: 如果在使用defineExpose({exposeMethod,perperty1})前,在setup中有异步方法调用awite mehtod()。那么{exposeMethod,perperty1}是暴露不出来的,需要把defineExpose({exposeMethod,perperty1})放 阅读全文
posted @ 2024-05-21 14:15 ggtc 阅读(47) 评论(0) 推荐(0) 编辑
摘要: 基于webapi的websocket聊天室(四) 上一篇实现了多聊天室。这一片要继续改进的是实现收发文件,以及图片显示。 效果 问题 websocket本身就是二进制传输。文件刚好也是二进制存储的。 文件本身的传输问题不太,但是需要传输文件元数据,比如文件名和扩展名之类的。这很必要,如果我们想知道怎么展示这个文件的话。比如这个文件是图片还是word 阅读全文
posted @ 2024-05-19 19:18 ggtc 阅读(381) 评论(2) 推荐(3) 编辑
摘要: 如果添加第一行或第二行就很慢,那么这个不是row-key的原因。 很有可能是nuxt的调试工具监控组件原因,可以试着把工具关了看看 devtools: { enabled: false }, 发布后不存在调试工具,所以是这个原因的话,就不要理会。 阅读全文
posted @ 2024-05-16 11:25 ggtc 阅读(14) 评论(0) 推荐(0) 编辑
摘要: 上一篇处理了超长消息的问题。我们的应用到目前为止还是单聊天室,这一篇就要处理的多聊天室的问题。 思路 第一个问题,怎么访问不同聊天室 这个可以采用路由参数来解决。我把路由设计成这样/chat/{room}。访问不同路径就代表进入不同聊天室。 第二个问题,怎么创建不同的聊天室 原来的聊天室是单例注入到 阅读全文
posted @ 2024-05-12 14:13 ggtc 阅读(44) 评论(0) 推荐(0) 编辑
摘要: 上一篇 - 基于webapi的websocket聊天室(一) 消息超传缓冲区的问题 在上一篇中我们定义了一个聊天室WebSocketChatRoom。但是每个游客只分配了400个字节的发言缓冲区,大概100字。 如果需要发送更多内容呢?难道直接增大缓冲区? 这是一个办法。但还有其他办法。 多次接受消 阅读全文
posted @ 2024-05-12 10:45 ggtc 阅读(52) 评论(0) 推荐(0) 编辑
摘要: 上一次我已经讲了在webapi主机上面加入websocket中间件。 这次就更进一步,搭建一个websocket局域网聊天室。 传送门-->webapi添加添加websocket中间件 下一篇 - 基于webapi的websocket聊天室(二) 聊天室 websocket通信其实和win32api 阅读全文
posted @ 2024-05-11 22:06 ggtc 阅读(258) 评论(0) 推荐(0) 编辑
摘要: 正常的思维 做多vue页面应用,我们的第一反应是配置多个入口点,多个vue应用,编译成多个HTML文件,由服务器来决定路由。这是正常的思维。 但谁知道单页面应用也能做到类似的效果呢。单页面不过是服务器路由变成了客户端路由,但通过一些技巧,也能实现类似服务器多页面路由的效果。 客户端路由多页面的实现方 阅读全文
posted @ 2024-05-09 21:50 ggtc 阅读(25) 评论(0) 推荐(0) 编辑
摘要: 多页面应用本身和单页面应用没什么差别,无非是多了几个入口点。 入口点多的话,还可以写个函数扫描路径取添加入口点。 比较让人好奇的是路径的问题。我们要开发的时候要体现目录层级接口,所以入口文件是一层套一层的。但是部署后访问路径应该很短才行,最好是顶级路径。但这又只能改目录层级结构。 实际上这个功能是w 阅读全文
posted @ 2024-05-08 08:52 ggtc 阅读(43) 评论(0) 推荐(0) 编辑
摘要: KeepAlive可以缓存组件,在不使用include时没有任何问题,可以正常缓存。 但是一旦使用了include,如果动态组件中没有导入ref函数,缓存功能就消失了 比如 editcom.vue <template> <input > </template> <script setup> impo 阅读全文
posted @ 2024-05-06 21:28 ggtc 阅读(13) 评论(0) 推荐(0) 编辑
//右下角目录