cocos creator 1.不销毁节点 2.加锁解决网络消息没监听的问题

最新推荐文章于 2025-09-13 11:32:22 发布

原创最新推荐文章于 2025-09-13 11:32:22 发布 · 1.6k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #node.js #vue.js

思考专栏收录该内容

38 篇文章

订阅专栏

本文详细介绍了一种使用WebSocket进行实时通信的方案在游戏开发中的具体实现，包括连接管理、消息队列处理、服务端响应处理及场景切换时的锁机制优化等关键环节。

1)代码

let websocket = cc.Class({
    extends: cc.Component,

    properties: {
        _sock: null,
        _services_handler: null,
        _msg_queue: [],

        is_lock: false,
    },

    onLoad: function () {

    },

    onDestroy: function () {
        console.log("onDestroy");
    },

    lock: function () {
        this.is_lock = true;
    },

    unlock: function () {
        this.is_lock = false;
    },

    update: function () {
        if (this.is_lock) {
            return;
        }

        if (this._msg_queue.length > 0) {
            // 从消息队列中取得一个消息
            let obj_data = this._msg_queue.shift();

            let ctype = obj_data.ctype;
            let body = obj_data.body;
            console.log("[", ctype, "]", body);
            if (this._services_handler[ctype]) {
                this._services_handler[ctype](ctype, body);
            } else {
                console.warn(ctype, "客户端没有注册!!!");
            }
        }
    },

    on_open: function () {
        console.log("连接服务器成功!!!");
    },

    on_message: function (event) {
        if (!this._services_handler) {
            return;
        }

        let obj_data = JSON.parse(event.data);
        this._msg_queue.push(obj_data);
    },

    on_close: function () {
        console.log("on_close!!!");
        this.close();
    },

    // 比如没有连上
    on_error: function () {
        console.log("on_error!!!");
        this.close();
    },

    close: function () {
        if (this._sock) {
            this._sock.close();
            this._sock = null;
        }
    },

    connect: function (url) {
        this._sock = new WebSocket(url);

        this._sock.binaryType = "arraybuffer";

        this._sock.onopen = this.on_open.bind(this);
        this._sock.onmessage = this.on_message.bind(this);
        this._sock.onclose = this.on_close.bind(this);
        this._sock.onerror = this.on_error.bind(this);
    },

    send_data: function (obj_data) {
        if (!this._sock || this._sock.readyState != WebSocket.OPEN) {
            console.error("尚未连接服务器!!!");
            return;
        }
        let json_data = JSON.stringify(obj_data);
        this._sock.send(json_data);
    },

    register_services_handler: function (services_handler) {
        this._services_handler = services_handler;
    },

    remove_services_handler: function () {
        this._services_handler = null;
    }
});

websocket._instance = null;
websocket.getInstance = function () {
    if (!websocket._instance) {
        let node = new cc.Node();
        websocket._instance = node.addComponent(websocket);
        cc.game.addPersistRootNode(node);
    }

    return websocket._instance;
};

module.exports = websocket;

 onLoad: function () {
        let services_handler = {};
        services_handler[cmd.NICKNAME_LOGIN_RES] = this.on_nickname_login_server_return.bind(this);
        websocket.getInstance().register_services_handler(services_handler);
    },

    onDestroy: function () {
        websocket.getInstance().remove_services_handler();
    },

    on_nickname_login_server_return: function (ctype, body) {
        if (body.errormsg) {
            return;
        }

        let nickname = body.nickname;

        // 暂存下玩家名字
        ugame.nickname = nickname;

        util.load_scene("main_scene");
    },

直接切换。在game_scene中监听，发现丢一条

预加载场景则没问题(但是万一场景很大,所以不保险)

加锁，则没问题(推荐)

let websocket = require("websocket");

let util = {
    load_scene: function (scene_name) {
        websocket.getInstance().lock();
        cc.director.loadScene(scene_name, function () {
            websocket.getInstance().unlock();
        });
    },
};

module.exports = util;