用mongols轻松打造websocket应用-低调大师

用mongols轻松打造websocket应用

2018-07-23 722

用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

集成富文本编辑器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);

    });

微信关注我们

原文链接：https://yq.aliyun.com/articles/684933

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

0308-变量声明提前

变量会先声明后赋值 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script type="text/javascript"> test(); function test() { console.log('a:',a); // 不会报错，因为变量a提前声明了 } var a = 20; </script> // 上面的代码等同于下面的代码 <script type="text/javascript"> var a; function test() { console.log('a:',a); } test(); a = 20; </script> </body> </html>

2018-07-24

534

1. 创建Android 项目打开Android Studio 创建一个空的Android项目打开Android虚拟机，这里使用的是Genymotion 2. 添加webview 清空layout内容，添加WebView控件 <WebView android:id="@+id/web" android:layout_width="match_parent" android:layout_height="match_parent"/> 在MainActivity中创建引入webview @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); WebView mweb = findViewById(R.id.web); mweb.loadUrl("http://www.baidu.com"); } 此时运行项目，发现android安装成功，webview也...

2018-07-24

590

资源下载

更多资源

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

Spring

Spring框架（Spring Framework）是由Rod Johnson于2002年提出的开源Java企业级应用框架，旨在通过使用JavaBean替代传统EJB实现方式降低企业级编程开发的复杂性。该框架基于简单性、可测试性和松耦合性设计理念，提供核心容器、应用上下文、数据访问集成等模块，支持整合Hibernate、Struts等第三方框架，其适用范围不仅限于服务器端开发，绝大多数Java应用均可从中受益。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。