最近写一些很菜的项目写的头皮发麻,于是利用闲下来的时间写个Express的基础教程(该教程仅限于入门了解Express)。
介绍下该后台系统用到的技术栈:Express+mongodb(mongodb用mongoose来管理)
1. 什么是Express
Express是基于 Node.js 平台,快速、开放、极简的 web 开发框架。
详细资料(传送门):http://www.expressjs.com.cn/
2. 快速开始
Express我们使用npm来进行安装管理,但是由于墙的问题,npm直接使用的话,网速相当的龟速。这里我是将npm的源切换到淘宝提供的服务上(即用cnpm来替代npm)
具体如何切换到cnpm,我这里不做详细说明,传送门:http://npm.taobao.org/ (官方这里已经说的很详细,很麻瓜了)
切换到cnpm后我们使用 命令 在我们指定的项目根目录安装express
cnpm install express --save-dev
在使用完以上命令后,我们发现更目录下多了一个node_modules文件夹和package.json文件。
package.json:是一个配置文件,里面记录你安装插件/框架用save命令后保存的信息
node_modules:存放下载来的插件/框架
当然你也可能会对 --save 和 --save-dev 产生疑问,这些参数的具体释义如下:
-S, --save: Package will appear in your dependencies.
-D, --save-dev: Package will appear in your devDependencies.
-O, --save-optional: Package will appear in your optionalDependencies.
在完成了基础配置后,我们发现除了一个package.json和node_modules,里面什么都没有了,显然这不够麻瓜化。为了使我们配置项目更加麻瓜,我们再安装一个express的生成器来重新生成一个项目,安装生成器命令如下
cnpm install express-generator -g
安装完成后,使用以下命令,查看具体使用方法
express -h
现在我们用express生成器来重新麻瓜化我们第一个应用目录,输入命令
express myApp
命令执行完成后,我们会发现多了一个文件夹myApp,里面有很多生成的默认文件和文件夹,这就是生成器为我们生成的新的项目目录,打开package.json会发现多了很多新的配置,所以我们要在该package.json的所在路径下再次使用npm来安装这些新的东西。
使用命令进行安装(因为我之前切换到了cnpm,我后面都用cnpm来做说明)
cnpm install
完成安装后,我们进入app.js文件,给他加上监听服务的代码(默认3000,我3000开着服务就改到4000了)
var server = app.listen(4000, function () {
var host = server.address().address;
var port = server.address().port;
console.log('Example app listening at http://%s:%s', host, port);
});
到这里基础的配置就已经完成了。
Welcome to Express
接下来就是见证我们成功基础配置的决定性一步。
使用命令:
node app.js
然后会在命令行端发现:
Example app listening at http://:::4000
GET / 200 1051.706 ms - 170
GET /stylesheets/style.css 200 6.651 ms - 111
GET /favicon.ico 404 36.268 ms - 1037
然后进入浏览器输入:127.0.0.1:4000,出现如下页面
到这里我们Express的基础配置就完工了。
总结一下,可以发现Express的配置还是十分简单的:
安装生成器->使用生成器->安装配置文件->添加服务器监听代码->完成配置
希望这篇文章能帮助到那些对express感兴趣,又在基础配置上有疑惑的人。
点击查看 <a href="https://github.com/yuanhaoyu/Learn-Express">项目demo</a>