连续两天在看pinus,然后自己根据项目要求结合ChatRoom示例,在项目中加入了聊天功能。现已初步实现

今日完成:登录界面、聊天界面

附上效果图:
登录界面,网上随便找的图,后期再美化
在这里插入图片描述
聊天界面:
在这里插入图片描述

经验总结:
一路遇到的坑比较多,除了前一篇文章介绍的,又出现了一些新的。
列举出来:
1、关于服务器的新增:
有三个地方需要定义:adminServer.json、Servers.json、app.ts,以chat为例:
adminServer.json在这里插入图片描述
Servers.json
在这里插入图片描述
app.ts
在这里插入图片描述

2、connector与逻辑服务器使用rpc通信,所以对于新建的逻辑服务器需要***Remote脚本中定义用户自定义rpc,以供前端服务器使用,这样做前端不用暴露逻辑服务器配置信息,websocket链接成功后,交互的数据由connector服务器上下转发。
以chat为例:
在chatRemote.ts中自定义Rpc

在这里插入图片描述
供给connector的enterHandler.ts调用
在这里插入图片描述
后期准备添加内容:
之前单机版的配置、永久保存数据、部分资源 移到服务器端,如关卡、装备、技能、商店、角色信息等

运行效果:
太卡了,下次再传。大致就是在登录之后Loading->主页面->底部菜单栏->聊天室->多用户聊天

更多推荐