前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >实现web智能机器人对话

实现web智能机器人对话

作者头像
吾爱小白
发布2020-07-07 17:52:55
4.8K0
发布2020-07-07 17:52:55
举报
文章被收录于专栏:小白技术社小白技术社

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

想去体验的朋友可以用电脑打开http://180.76.55.160/ 体验哦 必须电脑 ,手机有问题的

先来看图

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

代码语言:python
复制
@require_websocketdef send(request):
   for message in request.websocket:
   request.websocket.send(这里要String类型)  # 发送消息到客户端

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

看一下前段js

代码语言:html
复制
<!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>我这里后台是直接将图灵机器人的回复发送到前台,就是这边就是只要解析一下就行 

这样就可以基本实现。

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2018-05-24,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 小白技术社 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档