我们这一期做一个简易的http服务器。
先建一个文件夹,就算是一个空的项目了。然后新建app.js和package.json文件。
这样一个简易项目的基本文件就建好了。
通过命令行工具,在项目路径下输入:
E:\project\heron-lesson>npm install express --save
通过npm命令安装最新版的express。我现在的版本是
express@4.12.3
通过npm install express --save 命令安装的库。会在你的项目里的node_modules文件夹内。同时--save参数会保存项目依赖到package.json文件里。不要忽视package.json文件,他对文件管理起到重要的作用。
回到app.js文件,只需要三行代码,就能完成一个http服务器。
1 var express = require('express'); 2 var app = express(); 3 app.listen(3000); // 监听端口3000
推荐使用ide webstorm。授权问题自行百度,你懂的。
直接run app.js
现在这个http服务器占用3000端口,并没有任何的路由,这是我们打开 http://127.0.0.1:3000/ 页面。会看到
Cannot GET /
的提示。
然后我们来编写一个路由
1 var express = require('express'); 2 3 var app = express(); 4 app.listen(3000); // 监听端口3000 5 6 app.get('/', function (req, res) { 7 return res.send('hello world'); 8 });
rerun app.js
重新访问 http://127.0.0.1:3000/ 页面,就能看到hello world了。
到这里,get请求似乎没有什么问题了。但是如何访问一个页面呢?我们再写一个路由
新建index.html文件在项目根目录。
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>Index</title> </head> <body> <h2>Index</h2> </body> </html>