CocosCreator入門教程之網(wǎng)絡(luò)通信
網(wǎng)絡(luò)通信概況
開發(fā)一個(gè)網(wǎng)絡(luò)游戲,難免要處理網(wǎng)絡(luò)通信。有幾點(diǎn)問題需要注意:
1.服務(wù)端為了快速開發(fā)可能前期使用http通信,后面再改成websocket/socket。
2.同時(shí)存在http和websocket/socket通信
3.通信數(shù)據(jù)格式可能需要隨時(shí)替換為json或protocol buffer,可能需要添加額外頭部。
4.在新手引導(dǎo)里使用本地?cái)?shù)據(jù)做模擬,請求不需要發(fā)送給后端。
5.重連后數(shù)據(jù)簡單同步
具體實(shí)施
針對第一、二個(gè)問題,我在設(shè)計(jì)通信模塊時(shí)會(huì)考慮將通信盡量抽象為統(tǒng)一的對外接口,在游戲啟動(dòng)時(shí)通過不同的驅(qū)動(dòng)器創(chuàng)建實(shí)例(如果只使用一種通信方式,使用單一實(shí)例)。
public constructor(driver: ConnectDriver) {
this._driver = driver;
}
先定義通用的網(wǎng)絡(luò)通信數(shù)據(jù)結(jié)構(gòu)。其中請求分為數(shù)據(jù)和控制兩種類型,用于區(qū)分心跳、登錄、重連
/**
* 請求類型
*/
export enum RequestType {
DATA = 1,
CTRL
}
/**
* 網(wǎng)絡(luò)通信數(shù)據(jù)結(jié)構(gòu)
*/
export interface NetData {
seq?: number; // 序列號
mod: number; // 模塊
cmd: number; // 命令
path?: string; // 路徑
data?: any; // 數(shù)據(jù)
tmpData?: any; // 數(shù)據(jù)處理器臨時(shí)數(shù)據(jù)
status?: number; //狀態(tài)碼
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用于重連后發(fā)送沒有收到響應(yīng)的包,后端根據(jù)序列號決定是否處理。
這里沒有對推送的處理,實(shí)際上推送是接收到服務(wù)端數(shù)據(jù)后,調(diào)用廣播給監(jiān)聽者。下面定義監(jiān)聽者
/**
* 網(wǎng)絡(luò)連接事件監(jiān)聽接口
*/
export interface ConnectEventListener {
onOpen(driver: ConnectDriver);
onClosed(driver: ConnectDriver);
onError(driver: ConnectDriver, msg: string);
onSendStart(driver: ConnectDriver);
onRecvEnd(driver: ConnectDriver);
}
/**
* 網(wǎng)絡(luò)事件監(jiān)聽接口
*/
export interface NetEventListener extends ConnectEventListener {
onPush(driver: ConnectDriver, data: NetData): void;
}
對外提供注冊和移除接口
public addEventListener(listener: NetEventListener): void {}
public removeEventListener(listener: NetEventListener): void {}
針對第三個(gè)問題,需要定義一些預(yù)處理器,在發(fā)送數(shù)據(jù)前和接收到數(shù)據(jù)后,做攔截預(yù)處理。
/**
* 網(wǎng)絡(luò)通信數(shù)據(jù)處理器接口
*/
export interface NetDataProcessor {
processReqData(data: any): any;
processRespData(data: any): any;
}
對外提供添加和移除接口,這樣就可以靈活定義通信數(shù)據(jù)格式
public addDataProcessor(processor: NetDataProcessor): void {}
public removeDataProcessor(processor: NetDataProcessor): void {}
針對第四個(gè)問題,同樣是增加一個(gè)特殊的攔截器,在請求發(fā)送前對其處理,如果攔截器能處理,就不再發(fā)送給后端。
/**
* 模擬服務(wù)器接口
*/
export interface SimServer {
handleRequest(data: NetData): NetData;
}
對外提供設(shè)置接口
public setSimServer(server: SimServer): void {}
針對第五個(gè)問題,所有數(shù)據(jù)請求都有序列號,對請求進(jìn)行記錄,沒有響應(yīng)的請求包放到一個(gè)隊(duì)列里,重連后重發(fā)這些包給后端處理
public resendNotRecv(): void {}
以上就是CocosCreator入門教程之網(wǎng)絡(luò)通信的詳細(xì)內(nèi)容,更多關(guān)于CocosCreator網(wǎng)絡(luò)通信的資料請關(guān)注腳本之家其它相關(guān)文章!
- Cocos2d-x 3.x入門教程(二):Node節(jié)點(diǎn)類
- Cocos2d-x 3.x入門教程(一):基礎(chǔ)概念
- Cocos2d-x入門教程(詳細(xì)的實(shí)例和講解)
- 詳解CocosCreator制作射擊游戲
- 如何在CocosCreator里畫個(gè)炫酷的雷達(dá)圖
- 詳解CocosCreator MVC架構(gòu)
- 詳解CocosCreator消息分發(fā)機(jī)制
- 如何用CocosCreator制作微信小游戲
- 詳解CocosCreator系統(tǒng)事件是怎么產(chǎn)生及觸發(fā)的
- 怎樣在CocosCreator中使用游戲手柄
- 詳解CocosCreator華容道數(shù)字拼盤
- CocosCreator入門教程之用TS制作第一個(gè)游戲
相關(guān)文章
關(guān)于javascript的一些知識以及循環(huán)詳解
下面小編就為大家?guī)硪黄P(guān)于javascript的一些知識以及循環(huán)詳解。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-09-09
淺談JavaScript中Date(日期對象),Math對象
這篇文章主要簡單介紹了JavaScript中Date(日期對象),Math對象的相關(guān)資料,需要的朋友可以參考下2015-02-02
videojs+swiper實(shí)現(xiàn)淘寶商品詳情輪播圖
這篇文章主要為大家詳細(xì)介紹了videojs+swiper實(shí)現(xiàn)淘寶商品詳情輪播圖,輪播翻動(dòng),視頻暫停,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2021-04-04
webpack自動(dòng)打包功能實(shí)現(xiàn)
webpack是前端項(xiàng)目構(gòu)建工具打包工具,本文通過實(shí)例代碼給大家介紹webpack自動(dòng)打包功能實(shí)現(xiàn),感興趣的朋友跟隨小編一起看看吧2023-02-02
JavaScript中實(shí)現(xiàn)最高效的數(shù)組亂序方法
這篇文章主要介紹了JavaScript中實(shí)現(xiàn)最高效的數(shù)組亂序方法,數(shù)組亂序的意思是,把數(shù)組內(nèi)的所有元素排列順序打亂,需要的朋友可以參考下2014-10-10
用showModalDialog彈出頁面后,提交表單總是彈出一個(gè)新窗口
用showModalDialog彈出頁面后,提交表單總是彈出一個(gè)新窗口,其實(shí)解決方法很簡單如下。2009-07-07
JS實(shí)現(xiàn)頁面數(shù)據(jù)懶加載
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)頁面數(shù)據(jù)懶加載,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-02-02

