之前一直執(zhí)著于前端開(kāi)發(fā)，最近幾天，開(kāi)始學(xué)起了nodejs。作為一名前端開(kāi)發(fā)者，見(jiàn)到這樣一門(mén)用javascript寫(xiě)的后臺(tái)自然是很激動(dòng)的。但是，后臺(tái)畢竟不同于前端，在學(xué)習(xí)的過(guò)程中，還是會(huì)遇到不少問(wèn)題。

為了開(kāi)始學(xué)習(xí)nodejs，一開(kāi)始選擇了《深入淺出nodejs》這本書(shū)，看了幾章之后，得出一個(gè)結(jié)論是：真是一本好書(shū)，但是還是不會(huì)寫(xiě)nodejs！然后選擇了另外一本教材《nodejs開(kāi)發(fā)指南》，由于看過(guò)了《深入淺出nodejs》，直接跳過(guò)了這本書(shū)的前幾章，寫(xiě)起了該書(shū)第五章的微博實(shí)例。作為一個(gè)新手，在寫(xiě)的過(guò)程中，才逐漸發(fā)現(xiàn)因?yàn)閑xpress版本升級(jí)的原因，書(shū)中的代碼很多已經(jīng)不能用了，這對(duì)于新手來(lái)講，真是痛苦的經(jīng)歷??！本著分享和學(xué)習(xí)的精神，特此奉上《nodejs開(kāi)發(fā)指南》微博實(shí)例express4.x版本源碼和編寫(xiě)過(guò)程中需要注意的問(wèn)題。

首先我們看看當(dāng)前express的版本：

這和書(shū)本所用的express2.x版本已經(jīng)有了很大的變化。對(duì)于express4版本的新特性，可以看看這個(gè)：http://scotch.io/bar-talk/expressjs-4-0-new-features-and-upgrading-from-3-0

話(huà)不多說(shuō)，我們開(kāi)始我們創(chuàng)建項(xiàng)目之旅。

首先我們新建一個(gè)文件夾，用cmd進(jìn)入文件夾，準(zhǔn)備創(chuàng)建項(xiàng)目。按照書(shū)中提到的，創(chuàng)建項(xiàng)目的命令應(yīng)該是：

  express -t ejs microblog

問(wèn)題是express -t參數(shù)已經(jīng)失效，最新的express版本的默認(rèn)模板引擎是jade，所以為了使用ejs，我們需要像下面這樣創(chuàng)建項(xiàng)目：

  express -e ejs microblog

按照書(shū)中所說(shuō)的，我們直接運(yùn)行代碼：

  supervisor app.js

并且在瀏覽器中輸入http://localhost:3000/，并不能看到書(shū)中需要的效果，而是需要在app.js中app.use('/', routes);后面添加：

   app.listen(3000);
     Console.log(something happening);

按照書(shū)中的步驟往下走，我們會(huì)發(fā)現(xiàn)一個(gè)問(wèn)題，因?yàn)樵趘iews文件夾里面不是layout.ejs和index.ejs,這是因?yàn)?，最新版本的express不支持ejs模塊的partials方法，所以需要自己額外安裝模塊：

  npm install express-partials

然后在app.js中添加：

  var partials = require('express-partials');
  app.use(partials());

需要注意的是，這一行要添加到app.set('view engine', 'ejs');后面，如果添加到app.use('/', routes);后面，會(huì)出現(xiàn)css引用失敗的現(xiàn)象，博主還不明白原因。

這時(shí)候就可以在views中新建文件layout.ejs,然后復(fù)制書(shū)中112頁(yè)的layout.ejs代碼到我們新建的文件上面。然后運(yùn)行代碼，就能看到下面的效果了：

以上的步驟都不算什么問(wèn)題，問(wèn)題就出在連接數(shù)據(jù)庫(kù)的一系列問(wèn)題！如下所述：

為了執(zhí)行下面的操作，我們首先需要安裝MongoDB數(shù)據(jù)庫(kù)，博主推薦這篇博客：http://be-evil.org/install-mongodb-on-windows7.html

看了不少安裝MongoDB的博客，這個(gè)是博主見(jiàn)過(guò)最有效的。

　　對(duì)于新版本的express，按照書(shū)本上那樣連接數(shù)據(jù)庫(kù)會(huì)報(bào)錯(cuò)，連接數(shù)據(jù)庫(kù)需要的文件時(shí)settings.js,這個(gè)按照書(shū)上的來(lái)沒(méi)有問(wèn)題，但是models中的db.js需要做一些改動(dòng)。如果按照書(shū)中的代碼：

  var settings = require('../settings');
  var Db = require('mongodb').Db;
  var Connection = require('mongodb').Connection;
  var Server = require('mongodb').Server;
  module.exports = new Db(settings.db, new Server(settings.host, Connection.DEFAULT_  PORT, {}));

可能會(huì)出現(xiàn)下面的問(wèn)題：

博主google之后，才發(fā)現(xiàn)需要按照下面的格式書(shū)寫(xiě)：

   var settings = require('../settings'),
     Db = require('mongodb').Db,
     Connection = require('mongodb').Connection,
     Server = require('mongodb').Server;
   module.exports = new Db(settings.db, new Server(settings.host, Connection.DEFAULT_PORT, {}), {safe: true});

在引用settings模塊的時(shí)候，如果按照書(shū)中的：

  var settings = require('../settings');

會(huì)出現(xiàn):

這是因?yàn)樽钚碌膃xpress版本中需要這樣引用這個(gè)模塊：

  var settings = require('./settings');

但是解決了這個(gè)問(wèn)題之后，相繼出現(xiàn)了下面這個(gè)令人蛋疼的情況：

一開(kāi)始我也是琢磨不透，但是google的時(shí)候，有一個(gè)哥們做了很好的解答：

http://www.cnblogs.com/yumianhu/p/3709558.html

也就是說(shuō),在express4中我們需要自己安裝express-session包，然后添加引用：

  var session  = require('express-session');

原來(lái)的數(shù)據(jù)庫(kù)引用也需要改成：

  var MongoStore = require('connect-mongo')(session);

而這些代碼：

  app.use(express.session({
  secret: settings.cookie_secret,
  store:new MongoStore({
   db: settings.db
  })}));

就需要改寫(xiě)成：

  app.use(session({
    secret: settings.cookie_secret,
    store: newMongoStore({
     db : settings.db,
    })
   }));

對(duì)于書(shū)中提到的視圖交互，原本的代碼是：

  app.dynamicHelpers({
    user: function(req, res) {
      return req.session.user;
    },
    error: function(req, res) {
      var err = req.flash('error');
      if (err.length)
        return err;
      else
        return null;
    },
    success: function(req, res) {
      var succ = req.flash('success');
      if (succ.length)
        return succ;
      else
        return null;
    },
  });

在最新版本的express中需要改成：

  app.use(function(req, res, next){
   console.log("app.usr local");
   res.locals.user = req.session.user;
   res.locals.post = req.session.post;
   var error = req.flash('error');
   res.locals.error = error.length ? error : null;
   var success = req.flash('success');
   res.locals.success = success.length ? success : null;
   next();
  });

注冊(cè)頁(yè)面中用到了flash，但是最新版本的express已經(jīng)不支持flash了，你需要先使用npm install connect-flash。然后在app.js中添加如下代碼:

  app.use(flash());

接下來(lái)按照書(shū)上的步驟走，基本不會(huì)出問(wèn)題了，最后我們就能得到我們想要的效果啦~：

需要說(shuō)明一下的是，跟著書(shū)本寫(xiě)這個(gè)小應(yīng)用的時(shí)候，出現(xiàn)了很多問(wèn)題，也就是上面遇到的很多問(wèn)題，但是博主都是本著自主研究的精神不斷google，終于跳出神坑，得到了最后的效果，希望看到這篇博客的朋友好好研讀，也好好看看下面的鏈接，里面很可能也是你遇到的問(wèn)題，如果你在跟著書(shū)本編寫(xiě)代碼的過(guò)程中遇到了問(wèn)題，歡迎一起交流~

以上就是本文的全部?jī)?nèi)容了，請(qǐng)您花一點(diǎn)時(shí)間將文章分享給您的朋友或者留下評(píng)論。我們將會(huì)由衷感謝您的支持！

最新評(píng)論