huahuibao/app-hd/views/main/index.php

<butto onclick="openMsg()">打开系统</butto>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script>
    var clientId;
    var ws;
    function openMsg() {
        ws = new WebSocket("ws://<?= Yii::$app->params['hdShortHost'] ?>:8282");
        //服务端主动推送消息时会触发这里
        ws.onmessage = function (e) {
            var data = eval("(" + e.data + ")");
            var type = data.type || '';
            switch (type) {
                case 'init':
                    clientId = data.client_id;
                    //当前发起的会话与平台绑定关系
                    $.post('<?= Yii::$app->params['hdHost'] ?>/chat/bind-console', {clientId: clientId}, function (data) {
                    }, 'json');
                case 'newMessage':
                    if (data.status == 1) {
                        console.log('您有新消息，请注意查收');
                    } else {
                        console.log('消息已读');
                    }
                    break;
                default :
            }
        };
    }

</script>