Web服务器一般指网站服务器,是指驻留于因特网上某种类型计算机的程序,Web服务器的基本功能就是提供Web信息浏览服务。它只需支持HTTP协议、HTML文档格式及URL,与客户端的网络浏览器配合。 大多数 web 服务器都支持服务端的脚本语言(php、python、ruby)等,并通过脚本语言从数据库获取数据,将结果返回给客户端浏览器。 目前最主流的三个Web服务器是Apache、Nginx、IIS。

Web 应用架构

Node.js Web 模块 - 图1

  • Client: 客户端,一般指浏览器,浏览器可以通过 HTTP 协议向服务器请求数据。
  • Server: 服务端,一般指 Web 服务器,可以接收客户端请求,并向客户端发送响应数据。
  • Business: 业务层, 通过 Web 服务器处理应用程序,如与数据库交互,逻辑运算,调用外部程序等。
  • Data: 数据层,一般由数据库组成。

使用 Node 创建 Web 服务器

Node.js 提供了 http 模块,http 模块主要用于搭建 HTTP 服务端和客户端,使用 HTTP 服务器或客户端功能必须调用 http 模块,代码如下:

  1. var http =require('http');

以下是演示一个最基本的 HTTP 服务器架构(使用 8080 端口),创建 server.js 文件,代码如下所示:

  1. var http = require('http')
  2. var fs = require('fs')
  3. var url = require('url')
  4. // 创建服务器
  5. http.createServer(function (request, response) {
  6. // 解析请求,包括文件名
  7. var pathname = url.parse(request.url).pathname
  8. // 输出请求的文件名
  9. console.log("Request for " + pathname + " received.")
  10. // 从文件系统中读取请求的文件内容
  11. fs.readFile(pathname.substr(1), function (err, data) {
  12. if (err) {
  13. console.log(err)
  14. // HTTP 状态码: 404 : NOT FOUND, Content Type: text/html
  15. response.writeHead(404, { 'Content-Type': 'text/html' })
  16. } else {
  17. // HTTP 状态码: 200 : OK ,Content Type: text/html
  18. response.writeHead(200, { 'Content-Type': 'text/html' })
  19. response.write(data.toString()) // 响应文件内容
  20. }
  21. response.end() // 发送响应数据
  22. })
  23. }).listen(8080)
  24. // 控制台会输出以下信息
  25. console.log('Server running at http://127.0.0.1:8080/')

接下来我们在该目录下创建一个 index.html 文件,代码如下:

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>一缕清风</title>
  6. </head>
  7. <body>
  8. <h1>我的第一个标题</h1>
  9. <p>我的第一个段落。</p>
  10. </body>
  11. </html>

接着我们在浏览器中打开地址:http://127.0.0.1:8080/index.html,显示如下图所示:
image.png

  1. Server running at http://127.0.0.1:8080/
  2. Request for /index.html received. # 客户端请求信息

使用 Node 创建 Web 客户端

Node 创建 Web 客户端需要引入 http 模块,创建 client.js 文件,代码如下所示:

  1. var http = require('http')
  2. // 用于请求的选项
  3. var options = {
  4. host: 'localhost',
  5. port: '8080',
  6. path: '/index.html'
  7. }
  8. // 向服务端发送请求
  9. var req = http.request(options, function (response) {
  10. // 不断更新数据
  11. var body = ''
  12. response.on('data', function (data) {
  13. body += data
  14. })
  15. response.on('end', function () {
  16. // 数据接收完成
  17. console.log(body)
  18. })
  19. })
  20. req.end()

新开一个终端,执行 client.js 文件,输出结果如下:
image.png
执行 server.js 的控制台输出信息如下:

  1. Server running at http://127.0.0.1:8080/
  2. Request for /index.html received. # 客户端请求信息