概述
设计一个 web 小应用,展示静态文件服务、js 请求支持、模板输出、表单处理、Filter 中间件设计等方面的能力。(不需要数据库支持)
任务要求
- 支持静态文件服务
- 支持简单 js 访问
- 提交表单,并输出一个表格
- 对
/unknown
给出开发中的提示,返回码5xx
服务器的工作原理
- 一个Web服务器也被称为HTTP服务器,它通过HTTP协议与客户端通信。在实现一个服务器之前,我们首先要了解一下服务器的工作原理
参考老师博客Web服务的工作模式流程图
我们可以将一个web服务器的工作流程总结为下面的过程:
- 客户机通过TCP/IP协议建立到服务器的TCP连接
- 客户端向服务器发送HTTP协议请求包,请求服务器里的资源文档
- 服务器向客户机发送HTTP协议应答包,如果请求的资源包含有动态语言的内容,那么服务器会调用动态语言的解释引擎负责处理“动态内容”,并将处理得到的数据返回给客户端
- 客户机与服务器断开。由客户端解释文档,在客户端屏幕上渲染显示。
关于web工作模式更详细的介绍请点击这里
任务实现
搭建一个web服务器
- Go语言里面提供了一个完善的net/http包,通过http包可以很方便的搭建起来一个可以运行的Web服务。同时使用这个包能很简单地对Web的路由,静态文件,模版,cookie等数据进行设置和操作。
- 下面是实现的一个简单的web服务器。运行下面的代码,在浏览器中输入
http://localhost:9090/
就可以在网页上显示HelloWorld!
1 | package main |
- 针对上面的简单实现,我们会发现实现一个GO语言的服务器只需要几行代码,其中最关键的是包括一下两个部分
注册路由规则
http.HandleFunc
注册了请求的路由规则。如在原代码中,当请求uri为”/“,路由就会转到函数sayhelloName去执行。这在后面实现不同路径访问时是很重要的。其源码实现如下:
1 | // HandleFunc registers the handler function for the given pattern. |
根据源码我们可以看到,HandleFunc
将传入的处理响应函数与对应的path进行匹配,之后调用mux.Handle
对传入的路径进行解析,然后向ServeMux中添加路由规则。而其完整的参数传递过程为mux.ServerHTTP->mux.Handler->mux.handler->mux.match
。对于这部分实现有兴趣的同学,可以去阅读实现过程的源码。如果只需要使用,只要记住http.HandleFunc
就可以的参数传递,使用方式即可。
- 在本任务的实现中,我利用了改函数创建了静态文件、未知路径访问以及表单提交的不同路由规则,其源代码和实现过程如下:
1 | //对静态文件,js文件的请求路由规则 |
其实现效果如下:
设置监听函数
http.ListenAndServe
处设置服务器监听端口,利用这个接口,我们就可以简单的运行起一个服务器,开始监听请求信息,其实现的源代码如下:
1 | func ListenAndServe(addr string, handler Handler) error { |
在源代码中我们可以看到,该函数首先实例化了Server
,接着调用了Server.ListenAndServe()
,其源码如下:
1 | func (srv *Server) ListenAndServe() error { |
在其中,最重要的就是net.Listen("tcp",addr)
部分,和srv.Serve()
部分。这两个函数分别设置了该服务器的监听端口以及处理提交向服务器的请求。特别是srv.Serve()
,它的实现过程确保了每个请求都能保持独立,相互不会阻塞,以达到可以高效响应网络事件的目的
实现效果
访问静态文件
- 访问静态的图片
- 访问静态图标
- 访问静态网页(html+css+js)
访问js文件
提交表单,并输出表格
- 提交表单
- 输出表格