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 相关文章推荐
JavaScript获取和设置CheckBox状态的简单方法
Jul 05 Javascript
Ajax请求在数据量大的时候出现超时的解决方法
Feb 27 Javascript
node.js中的fs.readlinkSync方法使用说明
Dec 17 Javascript
JS实现点击按钮获取页面高度的方法
Nov 02 Javascript
简单实现jQuery级联菜单
Jan 09 Javascript
jQuery实现获取h1-h6标题元素值的方法
Mar 06 Javascript
iview给radio按钮组件加点击事件的实例
Sep 30 Javascript
AngularJS中的作用域实例分析
May 16 Javascript
react build 后打包发布总结
Aug 24 Javascript
详解JavaScript 新语法之Class 的私有属性与私有方法
Apr 23 Javascript
Vue+ElementUI使用vue-pdf实现预览功能
Nov 26 Javascript
JavaScript实现简单的计算器
Jan 16 Javascript
JavaScript嵌入百度地图API的最详细方法
用javascript制作qq注册动态页面
利用javaScript处理常用事件详解
Apr 14 #Javascript
带你彻底理解JavaScript中的原型对象
Apr 14 #Javascript
游戏开发中如何使用CocosCreator进行音效处理
详解CocosCreator项目结构机制
如何使用CocosCreator对象池
Apr 14 #Javascript
You might like
虹吸式咖啡探讨–研磨
2021/03/03 冲泡冲煮
PHP中Date()时间日期函数的使用方法小结
2011/04/20 PHP
新手菜鸟必读:session与cookie的区别
2013/08/22 PHP
php+Mysqli利用事务处理转账问题实例
2015/02/11 PHP
php实现登陆模块功能示例
2016/10/20 PHP
强悍无比的WEB开发好助手FireBug(Firefox Plugin)
2007/01/16 Javascript
js压缩利器
2007/02/20 Javascript
用JavaScript实现仿Windows关机效果
2007/03/10 Javascript
向fckeditor编辑器插入指定代码的方法
2007/05/25 Javascript
JQuery Highcharts 动态生成图表的方法
2013/11/15 Javascript
ajax请求乱码的解决方法(中文乱码)
2014/04/10 Javascript
js读取csv文件并使用json显示出来
2015/01/09 Javascript
js限制文本框只能输入整数或者带小数点的数字
2015/04/27 Javascript
js闭包引起的事件注册问题介绍
2016/03/29 Javascript
原生js实现鼠标跟随效果
2017/02/28 Javascript
微信小程序实战之上拉(分页加载)效果(2)
2017/04/17 Javascript
简单谈谈关于 npm 5.0 的新坑
2017/06/08 Javascript
微信小程序使用radio显示单选项功能【附源码下载】
2017/12/11 Javascript
解决vue中修改了数据但视图无法更新的情况
2018/08/27 Javascript
javascript对HTML字符转义与反转义
2018/12/13 Javascript
微信小程序地图(map)组件点击(tap)获取经纬度的方法
2019/01/10 Javascript
详解如何使用webpack打包多页jquery项目
2019/02/01 jQuery
30分钟精通React今年最劲爆的新特性——React Hooks
2019/03/11 Javascript
微信小程序开发注意指南和优化实践(小结)
2019/06/21 Javascript
如何在微信小程序中存setStorage
2019/12/13 Javascript
Python 字符串换行的多种方式
2018/09/06 Python
python 解压pkl文件的方法
2018/10/25 Python
Python函数定义及传参方式详解(4种)
2019/03/18 Python
Python基础之变量基本用法与进阶详解
2020/01/03 Python
python 安装impala包步骤
2020/03/28 Python
FC-Moto西班牙:摩托车手最大的购物场所之一
2019/04/11 全球购物
英国顶级水晶珠宝零售商之一:Tresor Paris
2019/04/27 全球购物
澳洲CFL商城:CHEMIST FOR LESS(中文)
2021/02/28 全球购物
高考自主招生自荐信
2013/10/20 职场文书
地心历险记观后感
2015/06/15 职场文书
谢师宴家长致辞
2015/07/27 职场文书