CocosCreator入門教程之網(wǎng)絡(luò)通信
網(wǎng)絡(luò)通信概況
開發(fā)一個網(wǎng)絡(luò)游戲,難免要處理網(wǎng)絡(luò)通信。有幾點問題需要注意:
1.服務(wù)端為了快速開發(fā)可能前期使用http通信,后面再改成websocket/socket。
2.同時存在http和websocket/socket通信
3.通信數(shù)據(jù)格式可能需要隨時替換為json或protocol buffer,可能需要添加額外頭部。
4.在新手引導里使用本地數(shù)據(jù)做模擬,請求不需要發(fā)送給后端。
5.重連后數(shù)據(jù)簡單同步
具體實施
針對第一、二個問題,我在設(shè)計通信模塊時會考慮將通信盡量抽象為統(tǒng)一的對外接口,在游戲啟動時通過不同的驅(qū)動器創(chuàng)建實例(如果只使用一種通信方式,使用單一實例)。
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ù)據(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ā)送沒有收到響應的包,后端根據(jù)序列號決定是否處理。
這里沒有對推送的處理,實際上推送是接收到服務(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 {}
針對第三個問題,需要定義一些預處理器,在發(fā)送數(shù)據(jù)前和接收到數(shù)據(jù)后,做攔截預處理。
/**
* 網(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 {}
針對第四個問題,同樣是增加一個特殊的攔截器,在請求發(fā)送前對其處理,如果攔截器能處理,就不再發(fā)送給后端。
/**
* 模擬服務(wù)器接口
*/
export interface SimServer {
handleRequest(data: NetData): NetData;
}
對外提供設(shè)置接口
public setSimServer(server: SimServer): void {}
針對第五個問題,所有數(shù)據(jù)請求都有序列號,對請求進行記錄,沒有響應的請求包放到一個隊列里,重連后重發(fā)這些包給后端處理
public resendNotRecv(): void {}
以上就是CocosCreator入門教程之網(wǎng)絡(luò)通信的詳細內(nèi)容,更多關(guān)于CocosCreator網(wǎng)絡(luò)通信的資料請關(guān)注腳本之家其它相關(guān)文章!
- Cocos2d-x 3.x入門教程(二):Node節(jié)點類
- Cocos2d-x 3.x入門教程(一):基礎(chǔ)概念
- Cocos2d-x入門教程(詳細的實例和講解)
- 詳解CocosCreator制作射擊游戲
- 如何在CocosCreator里畫個炫酷的雷達圖
- 詳解CocosCreator MVC架構(gòu)
- 詳解CocosCreator消息分發(fā)機制
- 如何用CocosCreator制作微信小游戲
- 詳解CocosCreator系統(tǒng)事件是怎么產(chǎn)生及觸發(fā)的
- 怎樣在CocosCreator中使用游戲手柄
- 詳解CocosCreator華容道數(shù)字拼盤
- CocosCreator入門教程之用TS制作第一個游戲
相關(guān)文章
通過js動態(tài)操作table(新增,刪除相關(guān)列信息)
通過js動態(tài)操作table(新增,刪除相關(guān)列信息)的實現(xiàn)代碼,需要的朋友可以參考下2012-05-05
JS攜帶參數(shù)實現(xiàn)頁面跳轉(zhuǎn)功能
這篇文章主要介紹了js攜帶參數(shù)實現(xiàn)頁面跳轉(zhuǎn),實現(xiàn)方法也很簡單,方式一是跳轉(zhuǎn)路徑攜帶參數(shù),第二種方法是通過sessionStorage傳遞,需要的朋友可以參考下2022-11-11
Three.js物理引擎Cannon.js創(chuàng)建簡單應用程序
這篇文章主要為大家介紹了Three.js物理引擎Cannon.js創(chuàng)建簡單應用程序詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-04-04
小議Function.apply() 之一------(函數(shù)的劫持與對象的復制)
小議Function.apply() 之一------(函數(shù)的劫持與對象的復制)...2006-11-11

