cocos_creator_framework/assets/Script/example/NetExample.ts

import { WebSock } from "../network/WebSock";
import { NetManager } from "../network/NetManager";
import { NetNode } from "../network/NetNode";
import { DefStringProtocol, NetData, INetworkTips } from "../network/NetInterface";
import { Component, Label, _decorator, view, director, Node, RichText } from "cc";

const { ccclass, property } = _decorator;

class NetTips implements INetworkTips {
    private getLabel(): Label {
        let label = null;
        let winSize = view.getCanvasSize();
        let scene = director.getScene();
        if (scene) {
            let node = scene.getChildByName("@net_tip_label");
            if (node) {
                label = node.getComponent(Label);
            } else {
                let node = new Node("@net_tip_label");
                label = node.addComponent(Label);
                node.setPosition(winSize.width / 2, winSize.height / 2);
            }    
        }
        return label!;
    }

    connectTips(isShow: boolean): void {
        if (isShow) {
            this.getLabel().string = "Connecting";
            this.getLabel().node.active = true;
        } else {
            this.getLabel().node.active = false;
        }
    }

    reconnectTips(isShow: boolean): void {
        if (isShow) {
            this.getLabel().string = "Reconnecting";
            this.getLabel().node.active = true;
        } else {
            this.getLabel().node.active = false;
        }
    }

    requestTips(isShow: boolean): void {
        if (isShow) {
            this.getLabel().string = "Requesting";
            this.getLabel().node.active = true;
        } else {
            this.getLabel().node.active = false;
        }
    }
}

@ccclass
export default class NetExample extends Component {
    @property(Label)
    textLabel: Label = null!;
    @property(Label)
    urlLabel: Label = null!;
    @property(RichText)
    msgLabel: RichText = null!;
    private lineCount: number = 0;

    onLoad() {
        let Node = new NetNode();
        Node.init(new WebSock(), new DefStringProtocol(), new NetTips());
        Node.setResponeHandler(0, (cmd: number, data: NetData) => {
            if (this.lineCount > 5) {
                let idx = this.msgLabel.string.search("\n");
                this.msgLabel.string = this.msgLabel.string.substr(idx + 1);
            }
            this.msgLabel.string += `${data}\n`;
            ++this.lineCount;
        });
        NetManager.getInstance().setNetNode(Node);
    }

    onConnectClick() {
        NetManager.getInstance().connect({ url: this.urlLabel.string });
    }

    onSendClick() {
        NetManager.getInstance().send(this.textLabel.string);
    }

    onDisconnectClick() {
        NetManager.getInstance().close();
    }

    // update (dt) {}
}