nodejs搭建web服务

安装nodejsnpm

安装成功之后,使用命令测试是否成功:

1
2
3
4
$ node -v
v6.10.2
1
2
3
4
$ npm -v
5.3.0

初始化项目配置

chat文件夹下执行初始化命令来获取package.json文件,如果你自己能记住也是可以手写的

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
$ npm init
package name: (20171022)
version: (1.0.0)
description:
entry point: (index.js)
test command:
git repository:
keywords:
author:
license: (ISC)
About to write to C:\Users\Administrator\Desktop\20171022\package.json:
{
"name": "20171022",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC"
}

web服务需要引用的模块

http模块(http协议)

1
2
$ npm install http --save-dev
1
2
var url = require('http');

Node中提供了http模块,其中封装了高效的http服务器和http客户端
http.server是一个基于事件的HTTP服务器,内部是由c++实现的,接口由JavaScript封装
http.request是一个HTTP客户端工具。用户向服务器发送数据。

url模块(url解析)

1
2
$ npm install url --save-dev
1
var url = require('url');

This module has utilities for URL resolution and parsing meant to have feature parity with node.js core url module.

fs模块(文件系统)

1
2
$ npm install fs --save-dev
1
var fs = require("fs");

Node.js 文件系统封装在 fs 模块是中,它提供了文件的读取、写入、更名、删除、遍历目录、链接等POSIX 文件系统操作。

与其他模块不同的是,fs 模块中所有的操作都提供了异步的和 同步的两个版本,例如读取文件内容的函数有异步的 fs.readFile() 和同步的 fs.readFileSync()。我们以几个函数为代表,介绍 fs 常用的功能,并列出 fs 所有函数 的定义和功能。

path模块(路径解析)

1
2
$ npm install path --save-dev
1
var path = require("path");

This is an exact copy of the NodeJS ’path’ module published to the NPM registry.

构建一个基于nodejs的web服务器

新建一个index.html

1
2
3
4
5
6
7
8
9
<html>
<head>
<title>Sample Page</title>
</head>
<body>
Hello World!
</body>
</html>

新建一个webserver.js

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

安装用到的模块到本地项目中:

1
2
3
4
5
6
7
8
$ npm install path --save-dev
$ npm install fs --save-dev
$ npm install http --save-dev
$ npm install url --save-dev

安装成功之后执行命令

1
2
$ node webserver

在浏览器起中打开:http://127.0.0.1:8081/ 即可查看效果:

Express

Express is a minimal and flexible Node.js web application framework that provides a robust set of features for web and mobile applications.

express API地址:http://www.expressjs.com.cn/4x/api.html

创建一个文件夹express+nodejs,执行初始化项目操作,在项目上安装express

1
2
$ npm install express --save

并且新建index.jsindex.html文件

1
2
3
4
5
6
7
8
9
var express = require('express');
var app = express();
app.get('/', function(req, res){
res.send('hello world2');
});
app.listen(3000);
1
2
3
4
5
6
7
8
9
<html>
<head>
<title>Sample Page</title>
</head>
<body>
Hello World!
</body>
</html>

在命令行中执行:

1
2
$ node index

如果提示listen EADDRINUSE :::3000就说明端口被占用了,可以换成其他端口

1
2
3
4
5
6
7
8
9
10
11
12
Error: listen EADDRINUSE :::3000
at Object.exports._errnoException (util.js:1018:11)
at exports._exceptionWithHostPort (util.js:1041:20)
at Server._listen2 (net.js:1262:14)
at listen (net.js:1298:10)
at Server.listen (net.js:1394:5)
at EventEmitter.listen (E:\工作\workpace\Express\node_modules\express\lib\application.js:618:24)
at Object.<anonymous> (E:\工作\workpace\Express\index.js:8:5)
at Module._compile (module.js:570:32)
at Object.Module._extensions..js (module.js:579:10)
at Module.load (module.js:487:32)

在浏览器中打开 http://localhost:3000/

使用Express加载模版并输出数据

未完待续……

------ 本文结束 ------

  • 本文作者: Xu Layen
  • 版权声明: 本博客所有文章除特别声明外,转载请注明出处!