UDP通信+flask服务器

html的canvas控件绘图比较方便，但是做完动画才发现需要本地UDP通信，众所周知互联网都是TCP通信，搜集了大量方法包括开辟两个线程也无济于事，所以莫得办法，试了试缓存文件这招，在读写不频繁的状态下，大概率是可行的。

首先是UDP服务器与客户端，这很简单，把我们想要发送给html的数据写在缓存文件中：

#服务器端
import socket
BUFSIZE=1024#内容长度

server = socket.socket(socket.AF_INET, socket.SOCK_DGRAM)//UDP协议

server.bind(('127.0.0.1', 9999))

file =open("你的缓存文件路径",'w',encoding='gbk').close()//每次开启服务器，重置缓存文件
while True:
        data,client_addr = server.recvfrom(BUFSIZE)
        data=data.decode('utf-8')        
#-----------
此处可以添加处理函数
#------------
        with open("你的缓存文件路径",'a',encoding='gbk') as f:
            f.writelines(str(data)+'\n')
server.close()

#客户端
import socket
BUFSIZE = 1024
client = socket.socket(socket.AF_INET,socket.SOCK_DGRAM)
while True:
    msg = input(">> ")#获取用户输入内容发送。
    ip_port = ('127.0.0.1', 9999)
    client.sendto(msg.encode('utf-8'),ip_port)#发送给服务端 
client.close()

重点来了，html以及JS都不能直接读取本地文件，但我们可以通过服务器给他们传过去，就写在html里面。

#flask服务器端
from flask import Flask
from flask import render_template
app=Flask(__name__)

@app.route('/')
def animation():
#引用全局变量
    global timeLast,timeNew;
    #读取缓存变量
    with open("./static/case/!case.txt",encoding='gbk') as f:
        data=f.read()
    f.close()
#渲染html
    return render_template('myweb.html',data=data,time=timeLast)

if __name__=='__main__':
#可在此处定义全局变量，来判定缓存文件是否读取
    timeLast=0
    timeNew=0
    app.run(host='0.0.0.0',port=5000)

最后，html两个变量两句搞定

 <p style="display:none;" id="pyHtml">{{data}}</p>
 <p style="display:none;" id="pyHtmlTime">{{time}}</p>

首先开启UDP服务器，然后开启flask服务器，就可以通过UDP接收报文，写入缓存文件再由flask服务器读取上传至网页端了。