从零构建部署Node.js+Express+Bootstrap Web应用

本文将包括以下内容:

• 创建一个Express应用
• 使用npm和package.json管理应用依赖
• 调整Express工程结构到MVC架构
• Route和Controller概念分离
• 创建新的Node模块(module)
• 使用Git在线部署Express应用到Heroku

在进行一切操作之前, 需要先安装好Node.js, 对于*nix用户来说, 直接下载解压, 并添加到环境变量中即可完成安装.

首先从Express着手, Express是构建在Node之上的web应用框架.

使用package.json定义依赖

每个Node应用的根目录都有一个文件叫做package.json, 用来记录Node应用的依赖, 例如:

{
   
  ...
  "depencencies": {
   
    "express": "~4.9.0"
    ...
  }
}

其中"~"表示使用最近的patch版本, 推荐使用.

使用npm安装Node依赖

工程范围的依赖

在和package.json相同的目录层级运行以下指令即可:

$ npm install

这会将所有的依赖(包括间接依赖)下载到node_modules文件夹内. 如果后期你想向工程中追加依赖, 只需要运行以下指令:

$ npm install <package-name> --save

以上指令完成了两步操作:

• 将指定package下载到node_modules文件夹;
• 将依赖条目追加到package.json文件内.

全局范围的依赖

一些通用的依赖需要安装成全局依赖, 例如express generator:

$ npm install -g express-generator

依赖会被安装到以下路径: ${NODE_HOME}/lib/node_modules/express-generator

创建并启动一个Express工程

1. 新建一个文件夹
2. 在文件夹内运行express
3. npm install按照package.json的定义安装所有依赖
4. npm start启动程序, 浏览器访问localhost:3000即可.

Express的用户请求处理逻辑

如下图所示

重启一个Node应用

如果你修改了服务端的Node代码, 那么需要停止应用运行, 编译并重新启动

重启应用的方法有两种, 一种是从启动应用的控制台ctrl+c, 然后npm start, 另一种方法是使用nodemon, nodemom是Node应用的监控程序, 能够简化Node应用的开发. 安装方法如下: