用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.否則隻能接收消息,一發送就将關閉連接配接:
- gid,預設0
- uid,預設0
- gfilter,預設空數組[],表示轉發給任意gid使用者,非空則隻發送給特定gid使用者
- ufilter,預設空數組[],表示轉發給任意uid使用者,非空則隻發送給特定uid使用者
其他field為開發者自己決定。
是以,開發者隻需在前端用javascript即可完成所有核心開發工作。
這裡有示範位址和全部開源代碼,包括前端和後端:
https://github.com/webcpp/fusheng![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiIn5GcukTM0IzN5czNxUTZmFGM2YmM3UmN1Y2YwEGZxQTNzIGNfdWbp9CXt92Yu4GZjlGbh5SZslmZxl3Lc9CX6MHc0RHaiojIsJye.png)
內建富文本編輯器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);
});