nodejs express开发

用NodeJS+Express开发WEB应用---第一篇

大漠穷秋2014-03-28

预热

为了对后面的内容理解更加透彻，推荐首先阅读下面这篇很好的文章：

http://www.nodebeginner.org/index-zh-cn.html

以上链接中的这种方式显然过于繁琐，一切都靠我们手动编码和组织。

我们知道，在Java或者其它语言下开发WEB应用有各种各样的框架可以支撑，理所当然，在NodeJS下也应该有这样的框架来支持我们的开发。

express就是这样一款框架，只不过它是基于NodeJS。

好吧，说直白一点儿，express只不过是数十万个node模块中的其中之一。

express的官方首页在这里： http://expressjs.com/

中文首页在这里： http://express.jsbin.cn/

很可惜，官方页面里面的文档组织得并不好，也没有对一些基本的问题做出解释。

所以，还是跟我来吧。

安装express

第一步：装好NodeJS。 http://nodejs.org/ ，这太简单了，没啥好说的。

第二步：用npm安装express

    npm install -g express

请注意，最好加上-g选项，因为这样npm会把express安装成一个全局模块。

小僧在用npm安装模块的时候一般都会加上-g选项，因为这样配置环境变量会比较省力。

全局node模块一般位于C盘的用户目录中，在我机器上是这样的：

    C:\Users\zhangxf10\AppData\Roaming\npm\node_modules

注意：由于功夫网的存在，npm安装express的过程可能会卡住，可以先ctrl+c强退一次，然后再来。当然你也可以使用代理进行安装，请查阅npm config指令进行代理配置。

第三步：配置环境变量

把以上路径配置到系统环境变量里面去，图示如下：

第四步：安装jade

这是一款模板框架，express默认会使用它，而且它的语法相当赞，写起HTML来非常爽，我们还是装上吧：

    npm install -g jade

开始动手

第一步：在任意目录下建一个文件夹，小僧本机新建了一个express文件夹。

第二步：从命令行cd到你新建的文件夹下，敲以下命令

    express test

注意：如果报找不到express模块啥的，说明你的环境变量没配置好，或者没有新起一个cmd黑窗口。怎么办你懂的，不解释。

第三步：通过以上命令，express就为你自动创建了test项目的目录结构，还有一些初始化文件。在我本机上是这样的：

其中，app.js就是我们的入口啦！

第四步：启动server

    node app

第五步：浏览器访问3000端口

第六步：测试其它路由

访问以下地址查看效果：

    http://localhost:3000/users

小结

好了，通过以上内容express就已经可用了。

简单来说，你可以把express看成是nodejs下的struts或者其它blabla框架就好了，它提供了基础的结构支持，让你不用啥都自己从头写。

接下来会详细介绍jade和express的更多用法。

（PS:这段时间比较忙，只能等周末写文章有木有！ ~~~ 求支持有木有！~~~求转发有木有！~~~附件里面的PDF排版更好，阅读体验更佳有木有！~~~小僧真的很贴心有木有！~~~）