用NodeJS+Express开发WEB应用

 

用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排版更好，阅读体验更佳有木有！~~~小僧真的很贴心有木有！~~~）