nodejs教程之环境安装及运行_node.js

让nodeJS跑起来

第一步当然是安装nodeJS环境了，现在windows安装nodeJS比较快了，直接下载即可：

http://www.nodejs.org/download/

这里根据需要下载，下载完成后直接下一步下一步即可，完了我们就具有nodeJS环境了

第二步，为了方便我们后面操作，我们直接在D盘见了一个文件夹blog

然后打开windows命令行工具，进入d盘，输入：

复制代码代码如下:

express -e blog

然后里面可能有依赖包，我们需要进入blog目录安装（安装的配置由package.json提供）：

复制代码代码如下:

npm install

这个样子，我们依赖包就下载下来了，其中依赖包与java的包文件，.net的bll文件应该是一个概念

这个时候，我们的程序已经可以运行了：

复制代码代码如下:

node app

复制代码代码如下:

D:/blog>node appExpress server listening on port 3000

这个时候打开浏览器就有反应了：

这里我们使用的是express（一个流行的nodeJSweb开发框架），并且使用了ejs模板引擎

文件结构

初始化文件目录结构如下：

app.js 为入口文件

package.json 为模块依赖文件，我们使用npm install时候他会以其配置在网上下载相关包

node_modules 为下载下来的模块文件（package.json）

public 存放静态资源文件

routes 存放路由文件

views 存放相关视图模板文件

这个样子，我们基本目录结构就出来了，我们这里先简单说下node_modules这个目录

node_modules/ejs

我们刚刚说了，这里面存放着下载下来的模块，说白了就是js文件集合

复制代码代码如下:

var parse = exports.parse = function(str, options){
var options = options || {}
    , open = options.open || exports.open || '<%'
    , close = options.close || exports.close || '%>'
    , filename = options.filename
    , compileDebug = options.compileDebug !== false
    , buf = "";

buf += 'var buf = [];';
if (false !== options._with) buf += '/nwith (locals || {}) { (function(){ ';
buf += '/n buf.push(/'';

var lineno = 1;

var consumeEOL = false;
for (var i = 0, len = str.length; i < len; ++i) {
    var stri = str[i];
    if (str.slice(i, open.length + i) == open) {
      i += open.length

      var prefix, postfix, line = (compileDebug ? '__stack.lineno=' : '') + lineno;
      switch (str[i]) {
        case '=':
          prefix = "', escape((" + line + ', ';
          postfix = ")), '";
          ++i;
          break;
        case '-':
          prefix = "', (" + line + ', ';
          postfix = "), '";
          ++i;
          break;
        default:
          prefix = "');" + line + ';';
          postfix = "; buf.push('";
      }

      var end = str.indexOf(close, i)
        , js = str.substring(i, end)
        , start = i
        , include = null
        , n = 0;

      if ('-' == js[js.length-1]){
        js = js.substring(0, js.length - 2);
        consumeEOL = true;
      }

      if (0 == js.trim().indexOf('include')) {
        var name = js.trim().slice(7).trim();
        if (!filename) throw new Error('filename option is required for includes');
        var path = resolveInclude(name, filename);
        include = read(path, 'utf8');
        include = exports.parse(include, { filename: path, _with: false, open: open, close: close, compileDebug: compileDebug });
        buf += "' + (function(){" + include + "})() + '";
        js = '';
      }

      while (~(n = js.indexOf("/n", n))) n++, lineno++;
      if (js.substr(0, 1) == ':') js = filtered(js);
      if (js) {
        if (js.lastIndexOf('//') > js.lastIndexOf('/n')) js += '/n';
        buf += prefix;
        buf += js;
        buf += postfix;
      }
      i += end - start + close.length - 1;

    } else if (stri == "//") {
      buf += "////";
    } else if (stri == "'") {
      buf += "//'";
    } else if (stri == "/r") {
      // ignore
    } else if (stri == "/n") {
      if (consumeEOL) {
        consumeEOL = false;
      } else {
        buf += "//n";
        lineno++;
      }
    } else {
      buf += stri;
    }
}

if (false !== options._with) buf += "'); })();/n} /nreturn buf.join('');";
else buf += "');/nreturn buf.join('');";
return buf;
};

就如，我们这里使用到的ejs模板以及express模块，然后我们好奇的走进了ejs的程序看看究竟有何不同

打开，ejs.js后，我们抽一点代码出来看：这段代码我们比较熟悉，他与underscore的模板引擎代码思想一致，都是将模板解析为字符串

然后通过eval或者new Function的方法将之转换为函数，并且传入自己的数据对象好解析

至于具体工作流程，现在我们还不知道，只能放到后面点研究了，好了我们现在进入其他模块

app.js

作为入口文件，app.js扮演着举足轻重的角色：

复制代码代码如下:

/**
* Module dependencies.
*/

var express = require('express');
var routes = require('./routes');
var user = require('./routes/user');
var http = require('http');
var path = require('path');

var app = express();

// all environments
app.set('port', process.env.PORT || 3000);
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');
app.use(express.favicon());
app.use(express.logger('dev'));
app.use(express.json());
app.use(express.urlencoded());
app.use(express.methodOverride());
app.use(app.router);
app.use(express.static(path.join(__dirname, 'public')));

// development only
if ('development' == app.get('env')) {
app.use(express.errorHandler());
}

app.get('/', routes.index);
app.get('/users', user.list);

http.createServer(app).listen(app.get('port'), function(){
console.log('Express server listening on port ' + app.get('port'));
});

我们通过require()命令加载express、http模块，并且会加载routes目录下index user等模板文件

app.set('port', process.env.PORT || 3000)为设置启动时候的端口

app.set('views', __dirname + '/views')为设置存放模板文件的路径，其中__dirname为全局变量，存放当前脚本所在目录，我们这样可以查看：

复制代码代码如下:

7R7HTML5中文学习网 - HTML5先行者学习网
console.log(__dirname);//index.js加入以下代码7R7HTML5中文学习网 - HTML5先行者学习网
/**7R7HTML5中文学习网 - HTML5先行者学习网
D:/blog>node app7R7HTML5中文学习网 - HTML5先行者学习网
Express server li7R7HTML5中文学习网 - HTML5先行者学习网
D:/blog/routes7R7HTML5中文学习网 - HTML5先行者学习网
*/7R7HTML5中文学习网 - HTML5先行者学习网

至于这个__dirname是如何获得的，我们暂时也不需要关注

app.set('view engine', 'ejs') 为设置模板引擎为ejs

app.use(express.favicon())是设置图标想修改的话就自己去搞public下面的images文件

app.use(express.logger('dev')); express依赖于connect这里就内建中间件会输出一些日志

app.use(express.json()); 用以解析请求体，这里就会把字符串动态转换为json对象

app.use(express.methodOverride()); connect内建中间件，用以处理post请求，并可以伪装put等http方法

app.use(app.router); 调用路由器解析规则

app.use(express.static(path.join(__dirname, 'public'))); connect内建中间件，设置根目录下的public存放静态文件

复制代码代码如下:

7R7HTML5中文学习网 - HTML5先行者学习网
if ('development' == app.get('env')) {7R7HTML5中文学习网 - HTML5先行者学习网
  app.use(express.errorHandler());7R7HTML5中文学习网 - HTML5先行者学习网
}7R7HTML5中文学习网 - HTML5先行者学习网

这句话意思是开发状况下要输出错误信息

复制代码代码如下:

7R7HTML5中文学习网 - HTML5先行者学习网
app.get('/', routes.index);7R7HTML5中文学习网 - HTML5先行者学习网
app.get('/users', user.list);7R7HTML5中文学习网 - HTML5先行者学习网

这两句都是访问时刻具体的处理文件了，比如这里直接访问时默认访问的是routes.index

然后其内部才真正解析模板数据：

复制代码代码如下:

7R7HTML5中文学习网 - HTML5先行者学习网
exports.index = function (req, res) {7R7HTML5中文学习网 - HTML5先行者学习网
  console.log(__dirname);7R7HTML5中文学习网 - HTML5先行者学习网
  res.render('index', { title: 'Express' });7R7HTML5中文学习网 - HTML5先行者学习网
};7R7HTML5中文学习网 - HTML5先行者学习网

最后会调用上述代码创建http服务器并监听3000端口，成功后便可在网页上访问了

路由

前面我们使用这个方法构建路由

复制代码代码如下:

app.get('/', routes.index);

上面代码可以使用这个代码取代（写在app里面）

复制代码代码如下:

7R7HTML5中文学习网 - HTML5先行者学习网
app.get('/', function (req, res) {7R7HTML5中文学习网 - HTML5先行者学习网
  res.render('index', { title: 'Express' });7R7HTML5中文学习网 - HTML5先行者学习网
});7R7HTML5中文学习网 - HTML5先行者学习网

这段代码的意思是访问主页时，调用ejs模板引擎，来渲染index.ejs模板文件

现在再做一点修改，以上代码实现了路由功能，但是我们不能将路由相关代码放到app中，路由多了后app就会变得臃肿，所以我们将相关配置放入index中

所以删除app中相关路由功能，在app结尾加入代码：

复制代码代码如下:

routes(app);

然后修改index.js

复制代码代码如下:

7R7HTML5中文学习网 - HTML5先行者学习网
module.exports = function(app) {7R7HTML5中文学习网 - HTML5先行者学习网
  app.get('/', function (req, res) {7R7HTML5中文学习网 - HTML5先行者学习网
    res.render('index', { title: 'Express' });7R7HTML5中文学习网 - HTML5先行者学习网
  });7R7HTML5中文学习网 - HTML5先行者学习网
};7R7HTML5中文学习网 - HTML5先行者学习网

这个代码是怎么组织的现在还不清楚，也不去关注了，我们后面慢慢看

路由规则

express封装了多种http请求，我们一般使用get/post两种

复制代码代码如下:

7R7HTML5中文学习网 - HTML5先行者学习网
app.get();7R7HTML5中文学习网 - HTML5先行者学习网
app.post();7R7HTML5中文学习网 - HTML5先行者学习网

第一个参数为请求路径，第二个参数为回调函数，还是两个参数为request与response

然后，对于req（request）又有以下规则

req.query 处理get请求，获取get请求参数

req.params 处理/:xxx形式的get或者post请求

req.body 处理post请求，获取post请求体

req.params 处理get和post请求，但查找优先级为req.params->req.body->req.query

路径规则还支持正则，具体我们以后再说......

添加路由规则

当我们访问不存在的链接时：

因为不存在/y的路由规则，他也不说public下的文件，所以就404了

现在我们在index.js中添加相关路由：

复制代码代码如下:

7R7HTML5中文学习网 - HTML5先行者学习网
module.exports = function (app) {7R7HTML5中文学习网 - HTML5先行者学习网
  app.get('/', function (req, res) {7R7HTML5中文学习网 - HTML5先行者学习网
    res.render('index', { title: 'Express' });7R7HTML5中文学习网 - HTML5先行者学习网
  });7R7HTML5中文学习网 - HTML5先行者学习网
  app.get('/y', function (req, res) {7R7HTML5中文学习网 - HTML5先行者学习网
    res.send('叶小钗');7R7HTML5中文学习网 - HTML5先行者学习网
  });7R7HTML5中文学习网 - HTML5先行者学习网
};7R7HTML5中文学习网 - HTML5先行者学习网

这里我页面乱码了：

原因是下载下来后，我的文件是gbk的编码，我们要将他改成utf-8就可以了，模板引擎这块我们就不管他了，我们进入下一节

注册功能

这里我们跟着原博主一起做一个注册的简单功能，这里使用mongo db作为数据库，后面我们再依次完善功能

新建一个register路由，并且为其新建register模板，于是我们开始吧

① 在index中新建路由

复制代码代码如下:

7R7HTML5中文学习网 - HTML5先行者学习网
app.get('/register', function (req, res) {7R7HTML5中文学习网 - HTML5先行者学习网
  res.render('index', { title: '注册页面' });7R7HTML5中文学习网 - HTML5先行者学习网
});7R7HTML5中文学习网 - HTML5先行者学习网

复制代码代码如下:

module.exports = function (app) {
app.get('/', function (req, res) {
res.render('index', { title: 'Express' });
});

app.get('/y', function (req, res) {
res.send('叶小钗');
});

app.get('/register', function (req, res) {
res.render('register', { title: '注册页面' });

});

复制代码代码如下:

7R7HTML5中文学习网 - HTML5先行者学习网
<!DOCTYPE html>7R7HTML5中文学习网 - HTML5先行者学习网
<html>7R7HTML5中文学习网 - HTML5先行者学习网
  <head>7R7HTML5中文学习网 - HTML5先行者学习网
    <title><%= title %></title>7R7HTML5中文学习网 - HTML5先行者学习网
    <link rel='stylesheet' href='/stylesheets/style.css' />7R7HTML5中文学习网 - HTML5先行者学习网
  </head>7R7HTML5中文学习网 - HTML5先行者学习网
  <body>7R7HTML5中文学习网 - HTML5先行者学习网
    <h1><%= title %></h1>7R7HTML5中文学习网 - HTML5先行者学习网
    <form method="post">7R7HTML5中文学习网 - HTML5先行者学习网
        <div>用户名：<input type="text" name="name"/></div>7R7HTML5中文学习网 - HTML5先行者学习网
        <div>密码：<input type="password" name="password"/></div>7R7HTML5中文学习网 - HTML5先行者学习网
        <div><input type="submit" value="登陆"/></div>7R7HTML5中文学习网 - HTML5先行者学习网
    </form>7R7HTML5中文学习网 - HTML5先行者学习网
  </body>7R7HTML5中文学习网 - HTML5先行者学习网
</html>7R7HTML5中文学习网 - HTML5先行者学习网

这个样子，我们页面就形成了：

基本程序有了，我们现在需要数据库支持，于是我们要安装mongoDB环境

MongoDB

MongoDB是一个基于分布式文件存储的NoSQL的一种，由C++编写，MongoDB支持的数据结构松散，类似json，我们知道json可以支持任何类型，所以可以搞出很复杂的结构

复制代码代码如下:

7R7HTML5中文学习网 - HTML5先行者学习网
{7R7HTML5中文学习网 - HTML5先行者学习网
  id: 1,7R7HTML5中文学习网 - HTML5先行者学习网
  name: '叶小钗',7R7HTML5中文学习网 - HTML5先行者学习网
  frinds: [7R7HTML5中文学习网 - HTML5先行者学习网
  { id: 2, name: '素还真' },7R7HTML5中文学习网 - HTML5先行者学习网
  { id: 3, name: '一页书' }7R7HTML5中文学习网 - HTML5先行者学习网
  ]7R7HTML5中文学习网 - HTML5先行者学习网
}7R7HTML5中文学习网 - HTML5先行者学习网

安装MongoDB

首先去http://www.mongodb.org/downloads下载安装文件，然后将文件拷贝到D盘改名mongodb，然后在里面新建blog文件夹

然后打开命令行工具将目录切换至bin，输入：

复制代码代码如下:

mongod -dbpath d:/mongodb/blog

设置blog文件夹为工程目录并启动数据库，为了方便以后我们写一个命令以后直接点击就启动数据库了：

复制代码代码如下:

d:/mongodb/bin/mongod.exe -dbpath d:/mongodb/blog

链接MongoDB

数据库安装成功后，我们的程序还需要相关的“驱动”程序才能链接数据库，这个时候当然要下载包......

打开package.json在dependencies新加一行

复制代码代码如下:

7R7HTML5中文学习网 - HTML5先行者学习网
{7R7HTML5中文学习网 - HTML5先行者学习网
  "name": "application-name",7R7HTML5中文学习网 - HTML5先行者学习网
  "version": "0.0.1",7R7HTML5中文学习网 - HTML5先行者学习网
  "private": true,7R7HTML5中文学习网 - HTML5先行者学习网
  "scripts": {7R7HTML5中文学习网 - HTML5先行者学习网
    "start": "node app.js"7R7HTML5中文学习网 - HTML5先行者学习网
  },7R7HTML5中文学习网 - HTML5先行者学习网
  "dependencies": {7R7HTML5中文学习网 - HTML5先行者学习网
    "express": "3.4.8",7R7HTML5中文学习网 - HTML5先行者学习网
    "ejs": "*",7R7HTML5中文学习网 - HTML5先行者学习网
    "mongodb": "*"7R7HTML5中文学习网 - HTML5先行者学习网
  }7R7HTML5中文学习网 - HTML5先行者学习网
}7R7HTML5中文学习网 - HTML5先行者学习网

然后运行npm install下载新的依赖包，这个样子与mongoDB相关的驱动就有了，要链接mysql等数据库还需要其他依赖包

这时在根目录下创建setting.js文件，保存数据库连接信息

复制代码代码如下:

7R7HTML5中文学习网 - HTML5先行者学习网
module.exports = {7R7HTML5中文学习网 - HTML5先行者学习网
  cookieSecret: 'myblog',7R7HTML5中文学习网 - HTML5先行者学习网
  db: 'blog',7R7HTML5中文学习网 - HTML5先行者学习网
  host: 'localhost'7R7HTML5中文学习网 - HTML5先行者学习网
}; 7R7HTML5中文学习网 - HTML5先行者学习网

db是数据库名称，host是数据库地址，cookieSecret用于cookie加密与数据库无关

接下来根目录下新建models文件夹，并在models文件夹下新建db.js

复制代码代码如下:

7R7HTML5中文学习网 - HTML5先行者学习网
var settings = require('../settings'),7R7HTML5中文学习网 - HTML5先行者学习网
    Db = require('mongodb').Db,7R7HTML5中文学习网 - HTML5先行者学习网
    Connection = require('mongodb').Connection,7R7HTML5中文学习网 - HTML5先行者学习网
    Server = require('mongodb').Server;7R7HTML5中文学习网 - HTML5先行者学习网
module.exports = new Db(settings.db, new Server(settings.host, Connection.DEFAULT_PORT), {safe: true});7R7HTML5中文学习网 - HTML5先行者学习网

复制代码代码如下:

new Db(settings.db, new Server(settings.host, Connection.DEFAULT_PORT), { safe: true });

设置数据库名，数据库地址和数据库端口创建一个数据库实例，并通过module.exports导出实例，这样就可以通过require对数据库进行读写

需要成功写入数据库，服务器端程序就需要处理post信息，于是我们在models文件夹下新建user.js

复制代码代码如下:

var mongodb = require('./db');

function User(user) {
this.name = user.name;
this.password = user.password;
};

module.exports = User;

//存储用户信息
User.prototype.save = function (callback) {
//要存入数据库的用户文档
var user = {
    name: this.name,
    password: this.password
};
//打开数据库
mongodb.open(function (err, db) {
    if (err) {
      return callback(err); //错误，返回 err 信息
    }
    //读取 users 集合
    db.collection('users', function (err, collection) {
      if (err) {
        mongodb.close();
        return callback(err); //错误，返回 err 信息
      }
      //将用户数据插入 users 集合
      collection.insert(user, {
        safe: true
      }, function (err, user) {
        mongodb.close();
        if (err) {
          return callback(err); //错误，返回 err 信息
        }
        callback(null, user[0]); //成功！err 为 null，并返回存储后的用户文档
      });
    });
});
};

复制代码代码如下:

7R7HTML5中文学习网 - HTML5先行者学习网
//读取用户信息7R7HTML5中文学习网 - HTML5先行者学习网
User.get = function(name, callback) {7R7HTML5中文学习网 - HTML5先行者学习网
  //打开数据库7R7HTML5中文学习网 - HTML5先行者学习网
  mongodb.open(function (err, db) {7R7HTML5中文学习网 - HTML5先行者学习网
    if (err) {7R7HTML5中文学习网 - HTML5先行者学习网
      return callback(err);//错误，返回 err 信息7R7HTML5中文学习网 - HTML5先行者学习网
    }7R7HTML5中文学习网 - HTML5先行者学习网
    //读取 users 集合7R7HTML5中文学习网 - HTML5先行者学习网
    db.collection('users', function (err, collection) {7R7HTML5中文学习网 - HTML5先行者学习网
      if (err) {7R7HTML5中文学习网 - HTML5先行者学习网
        mongodb.close();7R7HTML5中文学习网 - HTML5先行者学习网
        return callback(err);//错误，返回 err 信息7R7HTML5中文学习网 - HTML5先行者学习网
      }7R7HTML5中文学习网 - HTML5先行者学习网
      //查找用户名（name键）值为 name 一个文档7R7HTML5中文学习网 - HTML5先行者学习网
      collection.findOne({7R7HTML5中文学习网 - HTML5先行者学习网
        name: name7R7HTML5中文学习网 - HTML5先行者学习网
      }, function (err, user) {7R7HTML5中文学习网 - HTML5先行者学习网
        mongodb.close();7R7HTML5中文学习网 - HTML5先行者学习网
        if (err) {7R7HTML5中文学习网 - HTML5先行者学习网
          return callback(err);//失败！返回 err 信息7R7HTML5中文学习网 - HTML5先行者学习网
        }7R7HTML5中文学习网 - HTML5先行者学习网
        callback(null, user);//成功！返回查询的用户信息7R7HTML5中文学习网 - HTML5先行者学习网
      });7R7HTML5中文学习网 - HTML5先行者学习网
    });7R7HTML5中文学习网 - HTML5先行者学习网
  });7R7HTML5中文学习网 - HTML5先行者学习网
};7R7HTML5中文学习网 - HTML5先行者学习网

这里一个写数据，一个读数据，处理程序有了，现在需要在index.js前面加上如下程序

复制代码代码如下:

var User = require('../models/user.js');

再修改其中的app.post('/register')

复制代码代码如下:

7R7HTML5中文学习网 - HTML5先行者学习网
app.post('/register', function (req, res) {7R7HTML5中文学习网 - HTML5先行者学习网
  var name = req.body.name;7R7HTML5中文学习网 - HTML5先行者学习网
  var pwd = req.body.password;7R7HTML5中文学习网 - HTML5先行者学习网
  var newUser = new User({7R7HTML5中文学习网 - HTML5先行者学习网
    name: name,7R7HTML5中文学习网 - HTML5先行者学习网
    password: pwd7R7HTML5中文学习网 - HTML5先行者学习网
  });7R7HTML5中文学习网 - HTML5先行者学习网
  newUser.save(function (err, user) {7R7HTML5中文学习网 - HTML5先行者学习网
    //相关操作，写入session7R7HTML5中文学习网 - HTML5先行者学习网
    res.send(user);7R7HTML5中文学习网 - HTML5先行者学习网
  });7R7HTML5中文学习网 - HTML5先行者学习网
});7R7HTML5中文学习网 - HTML5先行者学习网