网页版长链接对话

最新推荐文章于 2022-11-11 11:29:52 发布

Are you ready

最新推荐文章于 2022-11-11 11:29:52 发布

阅读量163

点赞数

分类专栏： tornado框架文章标签： tornado websocket实现长链接会话

tornado框架专栏收录该内容

1 篇文章 0 订阅

订阅专栏

websocket初级示例


import json
import os
from typing import Union
from tornado.web import url
import tornado.websocket
import tornado.web
import tornado.ioloop
import requests


class Client(tornado.web.RequestHandler):
    def get(self):
        return self.render('index.html')


class ServerHandle(tornado.websocket.WebSocketHandler):
    web_client = set()



    def open(self, *args: str, **kwargs: str):
        self.web_client.add(self)

    # 接受客户端信息
    def on_message(self, message: Union[str, bytes]):
        print(message)
        # 图灵机器人示例
        req = requests.post(url='请求地址',json={
            '请求参数(userinfo 必须有  perception 请求的问题)'
        })


        print(req.text)
        resdict = json.loads(req.text)
        print(resdict['results'][0]['values']['text'])
        # 返回信息给客户端,写进p标签
        self.write_message(resdict['results'][0]['values']['text'])

        # self.write('你好')
        

    def on_close(self):
        self.web_client.remove(self)

def main():
    app = tornado.web.Application(handlers=[
        url(r'/$',Client,name='index'),
        url(r'/ws/$',ServerHandle,name='ws'),
    ],
        debug=True,
        autoreload=True,
        template_path = os.path.join(os.path.dirname(__file__),'templates')
    )
    app.listen(8000)
    tornado.ioloop.IOLoop.current().start()

if __name__ == "__main__":
    main()

前端简单展示及jquery请求

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>联通</title>
</head>
<body>

<input type="text" name="message" id="content">
<input type="button" value="发送">

<hr>

<p id="result">

</p>
</body>
</html>
<!--引入js样式-->
<script src="********">

</script>

<script>

    var ws =new WebSocket('ws://localhost:8000/ws/')
//    接受服务器返回的信息(谁发送谁就是服务器)
    ws.onmessage = function (ev) {
        console.log(ev.data)
        
//        得到相应
        $('#result').append("<p>"+ev.data+"</p>")
    }

//    发送
    $('input[type="button"]').click(function () {
        content = $('#content').val()
        ws.send(content)
        
//        提出问题
        $('#result').append("<p>"+content+"</p>")
    })
</script>