3.3.3开发网络聊天系统-人教版高中信息技术必修二 课件.pptVIP

人教/中图版（2019）第三章3.3.3开发网络聊天系统使用网络中的一些聊天室时,只要在浏览器中输入聊天室的网址,根据提示登录后就可以聊天了。下面开发一个简易的文字型网络聊天系统,这个系统的客户端用浏览器来担当。要开发的信息系统功能很简单:客户端负责发送、接收信息,服务器负责把收到的信息转发给客户端。明确系统结构在本节的范例中,聊天系统将采用WebSocket协议进行通信,绝大多数浏览器都已经支持这种协议,因而开发过程相对简单。如果需要,也可以采用其他协议进行开发。明确系统结构随着浏览器的功能越来越强,很多信息系统的客户端都已借助浏览器来实现,编写客户端软件的过程类似于编写网页。通常,网页本身由HTML代码构成。HTML是hypertextmarkuplanguage的缩写,中文译为“超文本标记语言”。浏览网页时,浏览器软件根据代码进行布局图文、展示影像等操作。开发客户端软件项目实施编写客户端软件1.明确客户端软件应该具备的具体功能_连接服务器_输入信息_发送信息_接收信息_显示接收的信息2.参照下面的代码,用HTML编写或改写网页形式的客户端项目实施htmlinputid=hostvalve=127.0,0.1)/input#服务器地buttononc1ck-‘con()连接/buttonbr/br/inputid=‘msg’/input#输入聊天信息buttononclick-send()发送/buttondivid=output/divscriptfunctioncon()#建立连接{ws=newwebsocket(ws://+host.value+:8765/)项目实施ws,onopen=function(evt){writeToScreen(CONNECTED1)};Ws.onmessage-function(evt){writeToscreen(evt.data););}functionsend#发送信息{message=msg.value;Ws.send(message);f}functionwriteToscreen(message)#显示信息项目实施{varpre=document.createElement(p);Pre.innerHTML-message;outputappendchild(pre);}/script/html3.检查代码是否与书中一致,了解每段代码的功能,然后以client.html为名保存起来前面编写的网页文件中,在script和/script之间一段特殊的代码,编写这段代码使用的是Javascript编程语言。这种语言可用来控制浏览器完成多种复杂操作。具体来说,浏览器解析网页中的Javascrip代码时,就会采用WebSocket协议,连接服务器的8765端口.然后等待用户发出信息或等待接收服务器转发的信息。其中,定义变量ws的过程就是尝试建立连接的过程。Ws.onmessge表示成功建立了通信连接,writeToScreen表示收到了从服务器传来的消息,它们都调用writeToscreen方法把相关信息显示在网页上。代码中的send方法用于发送消息。开发服务器和客户墙软件时,常常会根据两者不同的行环境,采用不同的语言。下面以Python为例做介绍。开发服务器软件项目实施编写服务器软件1.明确聊天服务器的工作过程。服务器时刻不停地监听某个端口有信息传来时,就根信息做出相应的处理:或建立网络连接,或接收并转发传来的消息。2参照下面的代码,编写Phyon程序。#引入程库Importwebsocketsimportasyncio#保存客户端cs=set()项目实施asyncdeftalk(websocket,path);Try;whileTrue;if(notwebsocketincs)#新的访问申请cs.add(websocket)msg=‘欢迎：‘+str(websocket.renote_address#新的聊天消息Else;Msg=str(websocket,remoteaddress)+’说’+str(awaitwebsocketrecv())项目实施awaitasyncio.wait(ws,send(msg)forwsincs])#转发信息exceptExceptionaserr:cs.remove(websocket)#移除客户端连接#监听8765口start_server=websoc