zoukankan      html  css  js  c++  java
  • Django和layim实现websocket

    看到Django和layim实现websocketde资料很少,自己就琢磨了下,顺便搭建出来了。自己要去找闲心大神授权呀。
    先来看图

    这是初次搭建的,今天一天就搞定。我自己接入了图灵机器人。
    Python这需要安装Django和dwebsocket,安装之后现在Django的settings里面将WEBSOCKET_ACCEPT_ALL=True写进去

    @require_websocket
    def send(request):
        for message in request.websocket:
        request.websocket.send(这里要String类型)  # 发送消息到客户端
    

    这段代码是后台接受即时消息的,需要有注解。

    看一下前段js

    <!doctype html>
    <html>
    <head>
        <meta charset="utf-8">
        <title>LayIM测试</title>
        <link rel="stylesheet" href="../static/layui/css/layui.css" media="all">
    </head>
    <body>
    <script src="../static/layui/layui.js"></script>
    <script>
        layui.use('layim', function (layim) {
            var socket = new WebSocket('ws://localhost:8000/send');
            layim.config({
                init: {
                    url: "/main",
                    type: "get",
                    data: {}
                },
                members: {
                    url: "",
                    type: 'post',
                    data: {id: 1},
                }, isAudio: true
                , isVideo: true,
                right: "10px"
                //扩展工具栏
                , brief: false //是否简约模式(如果true则不显示主面板)
    
            });
            layim.on('sendMessage', function (res) {
                var mine = res.mine;
                socket.send(JSON.stringify({
                    type: 'chatMessage' //随便定义,用于在服务端区分消息类型
                    , data: res
                }));
    
            });
            socket.onmessage = function (res) {
                layim.getMessage({
                    username: "图灵机器人"
                    , avatar: "../static/img/100.jpg"
                    , id: "1"
                    , type: "friend"
                    , content: res.data
                    , cid: 0
                    , mine: false
                    , fromid: "1"
                });
            };
        });
    </script>
    </body>
    </html>

    我这里后台是直接将图灵机器人的回复发送到前台,就是这边就是只要解析一下就行
    这样就可以基本实现。
    更多资源,更多文章由吾爱小白提供(是我啦)

    小白技术社
  • 相关阅读:
    Git中使用.gitignore忽略文件的推送
    git stash详解
    Git撤销&回滚操作(git reset 和 get revert)
    git rebase和git merge的区别
    git撤销已经push到远程仓库上的代码
    Git Merge
    git cherry-pick 教程
    Failed to start LSB: Bring up/down错误解决方法
    linux centos7安装部署gitlab服务器
    CentOs7 HP找回root密码
  • 原文地址:https://www.cnblogs.com/xbjss/p/13326719.html
Copyright © 2011-2022 走看看