python与html5搭建聊天室_python与html5 websocket开发聊天对话窗

1.下载必须的包 https://github.com/Pithikos/python-websocket-server，解压缩并把文件夹名‘python-websocket-server-master’ 改为‘websocket’

2.websocket文件夹内只保留websocket_server文件夹和server.py

3.稍微修改server.py的源码

1 from websocket_server importWebsocketServer2

3 #Called for every client connecting (after handshake)

4 defnew_client(client, server):5 print("New client connected and was given id %d" % client['id'])6 #server.send_message_to_all("a new client...")

7 server.send_message(client,"请问有什么可以帮到您？")8

9

10 #Called for every client disconnecting

11 defclient_left(client, server):12 print("Client(%d) disconnected" % client['id'])13

14

15 #Called when a client sends a message

16 defmessage_received(client, server, message):17 if len(message) > 200:18 message = message[:200]+'..'

19 print("Client(%d)_address%s said: %s" % (client['id'],client['address'], message))20 server.send_message(client,'用户编号'+str(client['id'])+':'+message)21

22

23 PORT=9001

24 server = WebsocketServer(PORT,host="192.168.150.128")25 server.set_fn_new_client(new_client)26 server.set_fn_client_left(client_left)27 server.set_fn_message_received(message_received)28 server.run_forever()

4.编辑client.html

1

2

3

4

5

html5 websocket特性

6

7 body{

8 overflow:hidden;

9 }

10 h2{

11 margin-top:30px;

12 text-align:center;

13 background-color:#393D49;

14 color:#fff;

15 font-weight:normal;

16 padding:15px 017 }

18 #chat{

19 text-align:center;

20

21 }

22 #win{

23 margin-top:20px;

24 text-align:center;

25 }

26 #sse{

27 margin-top:10px;

28 text-align:center;

29 }

30 #sse button{

31 background-color:#009688;

32 color:#fff;

33 height:40px;

34 border:0;

35 border-radius:3px 3px;

36 padding-left:10px;

37 padding-right:10px;

38 cursor:pointer;

39 }

40

41

42

43

44

聊天室

45

46

47