一 Web应用程序是什么
Web应用程序是一种可以通过Web访问的应用程序,程序的最大好处是用户很容易访问应用程序,用户只需要有浏览器即可,不需要再安装其他软件
应用程序有两种模式C/S、B/S。C/S是客户端/服务器端程序,也就是说这类程序一般独立运行。而B/S就是浏览器端/服务器端应用程序,这类应用程序一般借助IE等浏览器来运行。WEB应用程序一般是B/S模式。Web应用程序首先是“应用程序”,和用标准的程序语言,如C、C++等编写出来的程序没有什么本质上的不同。然而Web应用程序又有自己独特的地方,就是它是基于Web的,而不是采用传统方法运行的。换句话说,它是典型的浏览器/服务器架构的产物。
Web应用程序的优点
-
网络应用程序不需要任何复杂的“展开”过程,你所需要的只是一个适用的浏览器;
-
网络应用程序通常耗费很少的用户硬盘空间,或者一点都不耗费;
-
它们不需要更新,因为所有新的特性都在服务器上执行,从而自动传达到用户端;
-
网络应用程序和服务器端的网络产品都很容易结合,如email功能和搜索功能;
-
因为它们在网络浏览器窗口中运行,所以大多数情况下它们是通过跨平台使用的 (例如Windows,Mac,Linux等等)
Web应用程序的缺点
- 网络应用程序强调浏览器的适用性。如果浏览器方没有提供特定的功能,或者弃用特定的平台或操作系统版本(导致不适用),就会影响大量用户;
- 网络应用依靠互联网远程服务器端的应用文件。因此,当连接出问题时,应用将不能正常使用。
- 许多网络应用程序不是开源的,只能依赖第三方提供的服务,因此不能针对用户定制化、个性化,而且大多数情况下用户不能离线使用,因而损失了很多灵活性;
- 它们完全依赖应用服务商的可及性。如果公司倒闭,服务器停止使用,用户也无法追索以前的资料。对比而看,即使软件制造商倒闭了,传统的安装软件也可以继续运行,尽管不能再更新或有其他用户服务;
- 相似地,提供方公司对软件和其功能有了更大的控制权。只要他们愿意就能为软件添加新特性,即使用户想等bugs先被解决再更新。跳过较差的软件版本也不可能了。公司可以强加不受欢迎的特性给用户,也可以随意减少带宽来削减开支。
- 公司理论上可以检索任何的用户行为。这有可能引起隐私安全问题。
B/S架构优点
浏览器/服务器架构(Browser/Server,简称B/S)能够很好地应用在广域网上,成为越来越多的企业的选择。浏览器/服务器架构相对于其他几种应用程序体系结构,有如下3方面的优点:
- 这种架构采用Internet上标准的通信协议(通常是TCP/IP协议)作为客户机同服务器通信的协议。这样可以使位于Internet任意位置的人都能够正常访问服务器。对于服务器来说,通过相应的Web服务和数据库服务可以对数据进行处理。对外采用标准的通信协议,以便共享数据。
- 在服务器上对数据进行处理,就处理的结果生成网页,以方便客户端直接下载。
- 在客户机上对数据的处理被进一步简化,将浏览器作为客户端的应用程序,以实现对数据的显示。不再需要为客户端单独编写和安装其他类型的应用程序。这样,在客户端只需要安装一套内置浏览器的操作系统,直接安装一套浏览器,就可以实现服务器上数据的访问。而浏览器是计算机的标准设备
总结一下,本质上:浏览器是一个socket客户端,服务器是一个socket服务端
二 基于SOCKET写一个web应用
myweb.py文件
import socket soc=socket.socket() soc.bind(('127.0.0.1',8001)) soc.listen(5) while True: print('监听8001端口') conn,addr=soc.accept() data=conn.recv(1024) # 转换成str类型 data=str(data,encoding='utf-8') print(data) resquest_list=data.split('\r\n') #将请求响应的内容进行切分,切分成一个列表 first_list=resquest_list[0].split(' ') #取列表中的第一条,按空格进行切分:['GET', '/', 'HTTP/1.1'] # print(first_list) conn.send(b'HTTP/1.1 200 OK\r\nContent-Type:text/html\r\n\r\n') if first_list[1]=='/index': # conn.send('<h1>index</h1><img src="https://gss0.bdstatic.com/-4o3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike92%2C5%2C5%2C92%2C30/sign=775f519ac08065386fe7ac41f6b4ca21/fd039245d688d43f63d84526771ed21b0ff43bf5.jpg">'.encode('utf-8')) with open('templates/index.html','rb')as f: #index.html中的内容就是上面注释的内容,只不过将该内容写到了一个文件中,这样更方面我们新型修改 data=f.read() conn.send(data) elif first_list[1]=='/index1': #右边就是我们在浏览器中国输入的请求地址,也就是跟在ip和端口后面的内容 with open('templates/index1.html','r',encoding='utf-8')as f: #我们在浏览器中请求一次,服务端就响应一次 data=f.read() import datetime now=datetime.datetime.now().strftime('%Y-%m-%d %X') #拿到当前时间的一个返回值 data=data.replace('@@time@@',now) #将two.html中body标签中的@@time@@替换成now,在网页中就可以显示出一个最简单的动态网站了 conn.send(data.encode('utf-8')) #将响应的结果发送客户端即浏览器 else: conn.send(b'404') #当ip和端口后面跟的不是上面两种请求地址时,浏览器就会报404请求错误 # print(data) # # conn.send(b'HTTP/1.1 200 OK \r\n\r\nhello web') conn.close() ''' 下面是浏览器发送请求响应的内容: # 请求首行:请求类型 请求地址 请求协议(请求行分三部分) GET /index HTTP/1.1\r\n # 请求头 Host: 127.0.0.1:8001\r\n Connection: keep-alive\r\n Cache-Control: max-age=0\r\n Upgrade-Insecure-Requests: 1\r\n User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.106 Safari/537.36\r\n Accept: text/html,application/xhtml+xml,application/xml;q=0.9,image/webp,image/apng,*/*;q=0.8\r\n Accept-Encoding: gzip, deflate, br\r\n Accept-Language: zh-CN,zh;q=0.9\r\n\r\n' # 请求体(get请求,请求体为空) 。。。。 '''
index.html文件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <img src="http://i1.umei.cc/uploads/tu/201808/9999/24044d1fa8.jpg"> </body> </html>
index1文件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> @@time@@ </body> </html>