一区二区三区在线-一区二区三区亚洲视频-一区二区三区亚洲-一区二区三区午夜-一区二区三区四区在线视频-一区二区三区四区在线免费观看

服務器之家:專注于服務器技術及軟件下載分享
分類導航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服務器之家 - 編程語言 - JavaScript - js教程 - CocosCreator入門教程之網絡通信

CocosCreator入門教程之網絡通信

2022-03-03 16:49houjia159 js教程

這篇文章主要介紹了CocosCreator的網絡通信,內容不多,涉及到的細節,讀者可以根據實際情況,自己去延申

網絡通信概況

開發一個網絡游戲,難免要處理網絡通信。有幾點問題需要注意:

1.服務端為了快速開發可能前期使用http通信,后面再改成websocket/socket。

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

3.通信數據格式可能需要隨時替換為json或protocol buffer,可能需要添加額外頭部。

4.在新手引導里使用本地數據做模擬,請求不需要發送給后端。

5.重連后數據簡單同步

具體實施

針對第一、二個問題,我在設計通信模塊時會考慮將通信盡量抽象為統一的對外接口,在游戲啟動時通過不同的驅動器創建實例(如果只使用一種通信方式,使用單一實例)。

?
1
2
3
public constructor(driver: ConnectDriver) {
        this._driver = driver;
}

先定義通用的網絡通信數據結構。其中請求分為數據和控制兩種類型,用于區分心跳、登錄、重連

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
/**
 * 請求類型
 */
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;  //請求類型
}

然后定義通用的對外接口

?
1
2
3
4
5
6
7
8
9
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用于重連后發送沒有收到響應的包,后端根據序列號決定是否處理。

這里沒有對推送的處理,實際上推送是接收到服務端數據后,調用廣播給監聽者。下面定義監聽者

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
/**
 * 網絡連接事件監聽接口
 */
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;
}

對外提供注冊和移除接口

?
1
2
3
public addEventListener(listener: NetEventListener): void {}
 
public removeEventListener(listener: NetEventListener): void {}

針對第三個問題,需要定義一些預處理器,在發送數據前和接收到數據后,做攔截預處理。

?
1
2
3
4
5
6
7
/**
 * 網絡通信數據處理器接口
 */
export interface NetDataProcessor {
    processReqData(data: any): any;
    processRespData(data: any): any;
}

對外提供添加和移除接口,這樣就可以靈活定義通信數據格式

?
1
2
3
public addDataProcessor(processor: NetDataProcessor): void {}
 
public removeDataProcessor(processor: NetDataProcessor): void {}

針對第四個問題,同樣是增加一個特殊的攔截器,在請求發送前對其處理,如果攔截器能處理,就不再發送給后端。

?
1
2
3
4
5
6
/**
 * 模擬服務器接口
 */
export interface SimServer {
    handleRequest(data: NetData): NetData;
}

對外提供設置接口

?
1
public setSimServer(server: SimServer): void {}

針對第五個問題,所有數據請求都有序列號,對請求進行記錄,沒有響應的請求包放到一個隊列里,重連后重發這些包給后端處理

?
1
public resendNotRecv(): void {}

以上就是CocosCreator入門教程之網絡通信的詳細內容,更多關于CocosCreator網絡通信的資料請關注服務器之家其它相關文章!

原文鏈接:https://blog.csdn.net/houjia159/article/details/108420231

延伸 · 閱讀

精彩推薦
  • js教程微信小程序實現登錄注冊功能

    微信小程序實現登錄注冊功能

    這篇文章主要介紹了微信小程序實現登錄注冊功能,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下...

    保護我方豆豆5512021-12-22
  • js教程原生js實現自定義難度的掃雷游戲

    原生js實現自定義難度的掃雷游戲

    這篇文章主要為大家詳細介紹了原生js實現自定義難度的掃雷游戲,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下...

    清歡灬6532022-01-06
  • js教程js面向對象方式實現拖拽效果

    js面向對象方式實現拖拽效果

    這篇文章主要為大家詳細介紹了js面向對象方式實現拖拽效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下...

    web前端的清流7332022-01-25
  • js教程詳解Typescript里的This的使用方法

    詳解Typescript里的This的使用方法

    這篇文章主要介紹了詳解Typescript里的This的使用方法,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們...

    hardfist7542021-12-28
  • js教程基于JS繪制2021的煙花效果 附源碼下載

    基于JS繪制2021的煙花效果 附源碼下載

    這篇文章主要介紹了基于JS繪制2021的煙花效果,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下...

    3512022-02-17
  • js教程微信小程序全局狀態的深入講解

    微信小程序全局狀態的深入講解

    這篇文章主要介紹了微信小程序全局狀態的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們...

    明月依舊9512022-02-17
  • js教程推薦!數據可視化的十種優秀JavaScript圖表庫

    推薦!數據可視化的十種優秀JavaScript圖表庫

    網上有許多具有不同特點的JavaScript圖表庫資源,本文列舉了十種能夠實現數據可視化最佳JS庫,供您參考。...

    51CTO3682022-03-02
  • js教程你不知道的 JS 沙箱隔離

    你不知道的 JS 沙箱隔離

    本文接下來的內容,將介紹我在探索基于 Web Worker 實現 JavaScript 沙箱隔離方案過程中的一些資料收集、理解以及我的踩坑和思考的過程。...

    前端大全10362021-12-29
主站蜘蛛池模板: 欧洲女同同性videos0 | 俄罗斯毛片免费大全 | 蛮荒的童话未删减在线观看 | 精品欧美小视频在线观看 | 娇小XXXXX第一次出血 | 色综合久久中文字幕综合网 | 无套暴躁白丝秘书 | 日本十大顶级绝伦推理片 | 久草高清在线 | 亚洲国产区中文在线观看 | 俄罗斯女人与公拘i交酡 | 色花堂中文字幕98堂网址 | 欧美四级无删版影片 | 狠狠色婷婷日日综合五月 | aⅴ导航站 | 99爱在线观看精品视频 | 成人国产在线播放 | 亚洲好骚综合 | 亚洲国产货青视觉盛宴 | 免费在线看a | 精品无人区乱码1区2区3区免费 | 99久久精品无码一区二区毛片 | 男女男精品网站免费观看 | 亚洲毛片免费看 | 国产精品毛片久久久久久久 | 包臀裙女教师波多野结衣 | 99re7在线精品免费视频 | 亚洲国产天堂 | 免费又爽又黄禁片视频在线播放 | 久久香蕉电影 | 国产区一二三四区2021 | 亚洲成年网站在线观看 | 国产日韩欧美精品在线 | 成人福利网 | 91精品婷婷国产综合久久8 | 办公室出轨秘书高h | 青青青手机视频 | 日本高清在线看免费观看 | 99久久精品99999久久 | 深夜国产在线 | 国产一级毛片外aaaa |