用mongols輕鬆打造websocket應用

用websocket做聊天系統是非常合適的。

mongols是一個運行於linux系統之上的開源c++庫，可輕鬆開啟一個websocket伺服器。

首先，build一個websocket伺服器。

#include <mongols/ws_server.hpp>
//websocket server
int main(int,char**){
	int port=9090;
	const char* host="127.0.0.1";
	mongols::ws_server server(host,port);
	server.run();
}

才幾行，這就成了嗎？沒錯！不信你用wsdump.py測試下。測了啊，怎麼一發送消息就關閉了連接？這是因為該伺服器只接受json字元串消息，並且規定了幾個必要field.否則只能接收消息，一發送就將關閉連接：

1. gid，預設0
2. uid，預設0
3. gfilter，預設空數組[]，表示轉發給任意gid用戶，非空則只發送給特定gid用戶
4. ufilter，預設空數組[]，表示轉發給任意uid用戶，非空則只發送給特定uid用戶

其他field為開發者自己決定。

因此，開發者只需在前端用javascript即可完成所有核心開發工作。

這裡有演示地址和全部開源代碼，包括前端和後端：

https://github.com/webcpp/fusheng

集成富文本編輯器quill，可發圖片，代碼，latex數學公式，純文本當然沒問題啦。

需要知道如何自定義圖片上傳的quill開發者，也可瞭解下。很簡單的：

   var quill = new Quill('#editor-container', {
        modules: {
            formula: true,
            syntax: true,
            toolbar: '#toolbar-container'
        },
        placeholder: 'To be a good man! The best brower is Chrome.',
        theme: 'snow',
    });
    var toolbar = quill.getModule('toolbar');
    toolbar.addHandler('image', function (e) {
        document.getElementById('get_file').click();
    });

    $('#get_file').change(function () {
        var upload_form = $('#upload_form');
        var options = {
            url: '/upload',
            type: 'post',
            success: function (ret) {
                if (ret.err == 0) {
                    var range = quill.getSelection();
                    quill.insertEmbed(range.index, 'image', ret.upload_path);
                    $('#get_file').val('');
                } else {
                    toast.show({

                        // 'error', 'warning', 'success'
                        // 'white', 'blue'
                        type: 'error',

                        // toast message
                        text: 'upload error',

                        // default: 3000
                        time: 3000 // 5 seconds

                    });
                }
            },
            error: function () {
                toast.show({
                    type: 'error', text: 'upload error or too big.', time: 3000
                });
            }

        }
        upload_form.ajaxSubmit(options);

    });