CocosCreator入门教程之网络通信


Posted in Javascript onApril 16, 2021

网络通信概况

开发一个网络游戏,难免要处理网络通信。有几点问题需要注意:

1.服务端为了快速开发可能前期使用http通信,后面再改成websocket/socket。

2.同时存在http和websocket/socket通信

3.通信数据格式可能需要随时替换为json或protocol buffer,可能需要添加额外头部。

4.在新手引导里使用本地数据做模拟,请求不需要发送给后端。

5.重连后数据简单同步

具体实施

针对第一、二个问题,我在设计通信模块时会考虑将通信尽量抽象为统一的对外接口,在游戏启动时通过不同的驱动器创建实例(如果只使用一种通信方式,使用单一实例)。

public constructor(driver: ConnectDriver) {
        this._driver = driver;
}

先定义通用的网络通信数据结构。其中请求分为数据和控制两种类型,用于区分心跳、登录、重连

/**
 * 请求类型
 */
export enum RequestType {
    DATA = 1,
    CTRL
}
 
/**
 * 网络通信数据结构
 */
export interface NetData {
    seq?: number; // 序列号
    mod: number; // 模块
    cmd: number; // 命令
    path?: string; // 路径
    data?: any; // 数据
    tmpData?: any; // 数据处理器临时数据
    status?: number; //状态码
    type?: RequestType;  //请求类型
}

然后定义通用的对外接口

public open(url: string, port: number, isBinary: boolean, timeout: number, retryCount: number, params: any, cb: (succ: boolean) => void): void {}
 
public close(): number {}
 
public reopen(cb: (succ: boolean) => void): void {}
 
public sendData(data: NetData, params: HttpReq | any, succCb: (data: NetData) => void, failedCb: (code: number, reason: string) => void): void {}
 
public resendNotRecv(): void {}

其中resendNotRecv用于重连后发送没有收到响应的包,后端根据序列号决定是否处理。

这里没有对推送的处理,实际上推送是接收到服务端数据后,调用广播给监听者。下面定义监听者

/**
 * 网络连接事件监听接口
 */
export interface ConnectEventListener {
    onOpen(driver: ConnectDriver);
    onClosed(driver: ConnectDriver);
    onError(driver: ConnectDriver, msg: string);
    onSendStart(driver: ConnectDriver);
    onRecvEnd(driver: ConnectDriver);
}
 
/**
 * 网络事件监听接口
 */
export interface NetEventListener extends ConnectEventListener {
    onPush(driver: ConnectDriver, data: NetData): void;
}

对外提供注册和移除接口

public addEventListener(listener: NetEventListener): void {}
 
public removeEventListener(listener: NetEventListener): void {}

针对第三个问题,需要定义一些预处理器,在发送数据前和接收到数据后,做拦截预处理。

/**
 * 网络通信数据处理器接口
 */
export interface NetDataProcessor {
    processReqData(data: any): any;
    processRespData(data: any): any;
}

对外提供添加和移除接口,这样就可以灵活定义通信数据格式

public addDataProcessor(processor: NetDataProcessor): void {}
 
public removeDataProcessor(processor: NetDataProcessor): void {}

针对第四个问题,同样是增加一个特殊的拦截器,在请求发送前对其处理,如果拦截器能处理,就不再发送给后端。

/**
 * 模拟服务器接口
 */
export interface SimServer {
    handleRequest(data: NetData): NetData;
}

对外提供设置接口

public setSimServer(server: SimServer): void {}

针对第五个问题,所有数据请求都有序列号,对请求进行记录,没有响应的请求包放到一个队列里,重连后重发这些包给后端处理

public resendNotRecv(): void {}

以上就是CocosCreator入门教程之网络通信的详细内容,更多关于CocosCreator网络通信的资料请关注三水点靠木其它相关文章!

Javascript 相关文章推荐
js类中获取外部函数名的方法
Aug 19 Javascript
jQuery控制输入框只能输入数值的小例子
Mar 20 Javascript
jquery实现图片等比例缩放以及max-width在ie中不兼容解决
Mar 21 Javascript
Javascript中arguments和arguments.callee的区别浅析
Apr 24 Javascript
创建你的第一个AngularJS应用的方法
Jun 16 Javascript
老生常谈angularjs中的$state.go
Apr 24 Javascript
node.js平台下利用cookie实现记住密码登陆(Express+Ejs+Mysql)
Apr 26 Javascript
Vee-validate 父组件获取子组件表单校验结果的实例代码
May 20 Javascript
微信小程序中如何计算距离某个节日还有多少天
Jul 15 Javascript
基于js实现复制内容到操作系统粘贴板过程解析
Oct 11 Javascript
JavaScript eval()函数定义及使用方法详解
Jul 07 Javascript
webpack+vue-cil 中proxyTable配置接口地址代理操作
Jul 18 Javascript
JavaScript嵌入百度地图API的最详细方法
用javascript制作qq注册动态页面
利用javaScript处理常用事件详解
Apr 14 #Javascript
带你彻底理解JavaScript中的原型对象
Apr 14 #Javascript
游戏开发中如何使用CocosCreator进行音效处理
详解CocosCreator项目结构机制
如何使用CocosCreator对象池
Apr 14 #Javascript
You might like
菜鸟学PHP之Smarty入门
2007/01/04 PHP
PHP无敌近乎加密方式!
2010/07/17 PHP
学习php设计模式 php实现模板方法模式
2015/12/08 PHP
WordPress的文章自动添加关键词及关键词的SEO优化
2016/03/01 PHP
PHP 序列化和反序列化函数实例详解
2020/07/18 PHP
php魔法函数与魔法常量使用介绍
2017/07/23 PHP
PHP操作XML中XPath的应用示例
2019/07/04 PHP
JavaScript 捕获窗口关闭事件
2009/07/26 Javascript
精通Javascript系列之数据类型 字符串
2011/06/08 Javascript
js的参数有长度限制吗?发现不能超过2083个字符
2014/04/20 Javascript
React Native 自定义下拉刷新上拉加载的列表的示例
2018/03/01 Javascript
node.js环境搭建图文详解
2018/09/19 Javascript
JS实现求5的阶乘示例
2019/01/21 Javascript
Postman动态获取返回值过程详解
2020/06/30 Javascript
如何在Vue中使localStorage具有响应式(思想实验)
2020/07/14 Javascript
[42:32]DOTA2上海特级锦标赛B组资格赛#2 Fnatic VS Spirit第二局
2016/02/27 DOTA
[32:36]完美世界DOTA2联赛PWL S3 LBZS vs CPG 第二场 12.12
2020/12/16 DOTA
python执行子进程实现进程间通信的方法
2015/06/02 Python
python3抓取中文网页的方法
2015/07/28 Python
Python tkinter模块弹出窗口及传值回到主窗口操作详解
2017/07/28 Python
基于python select.select模块通信的实例讲解
2017/09/21 Python
Python OpenCV处理图像之图像像素点操作
2018/07/10 Python
一百行python代码将图片转成字符画
2021/02/19 Python
python GUI库图形界面开发之PyQt5访问系统剪切板QClipboard类详细使用方法与实例
2020/02/27 Python
css3教程之倾斜页面
2014/01/27 HTML / CSS
CSS3实现线性渐变用法示例代码详解
2020/08/07 HTML / CSS
CHARLES & KEITH澳大利亚官网:新加坡时尚品牌
2019/01/22 全球购物
一套带网友答案的.NET笔试题
2016/12/06 面试题
简单说下OSPF的操作过程
2014/08/13 面试题
师范生教师实习自我鉴定
2013/09/27 职场文书
个人简历自我评价
2014/01/06 职场文书
运动会入场词200字
2014/02/15 职场文书
小学生操行评语大全
2014/04/22 职场文书
祖国在我心中演讲稿600字
2014/09/23 职场文书
政府会议通知范文
2015/04/15 职场文书
高三物理教学反思
2016/02/20 职场文书