学习Nodejs：《Node.js开发指南》微博项目express2迁移至express4过程中填的坑

《Node.js开发指南》
项目地址
https://github.com/BYVoid/microblog
好不容易找到的基础版教程，但书中是基于express2的，而现在用的是express4了，本文主要介绍项目实现过程中遇到的各种问题及其解决方案；也是初学，所以有错的地方还望各位不吝指教，
项目基于express4，IDE用的是WebStorm，数据库是MongoDB，完全运行起来之后package.json中的dependencies如下：
"dependencies": {
"body-parser": "^1.18.3",
"connect": "^3.6.6",
"connect-mongo": "^2.0.1",
"connect-multiparty": "^2.1.1",
"connect-flash": "^0.1.1",
"cookie-parser": "~1.4.3",
"debug": "~2.6.9",
"ejs": "^2.5.9",
"express": "~4.16.0",
"express-ejs-layouts": "^2.5.0",
"express-session": "^1.15.6",
"express-partials": "^0.3.0",
"http-errors": "~1.6.2",
"mongoose": "^5.2.13",
"mongodb": "^2.2.33",
"morgan": "~1.9.0",
"moment": "^2.22.2",
"pug": "2.0.0-beta11",
"session": "^0.1.0"
app.js开头的引用部分是这样的：
var createError = require('http-errors');
var express = require('express');
var expressLayouts = require('express-ejs-layouts');
var path = require('path');
var cookieParser = require('cookie-parser');
var connect = require('connect');
var logger = require('morgan');
var session = require('express-session');
var MongoStore = require('connect-mongo')(session);
var settings = require('./settings');
var partials = require('express-partials');
var flash = require('connect-flash');
var multipart = require('connect-multiparty');
var multipartMiddleware = multipart();

1、Q:书中使用npm install ejs express的命令，装完之后并没有ejs，当时还以为express的问题，卸载全局又安装，然后npm install，还是没有ejs，
A:后来就直接单独安装了，或者直接在package.json中直接添加ejs，由系统自动匹配安装的，
2、Q:在npm install之后去node app.js时，命令行执行完就结束了，并没有运行系统，
A:要在项目根目录下命令行 npm start，当然为了避免每次改动之后手动重启，所以可以使用监控命令，让系统检测到代码变动之后自动重启：supervisor .\bin\www
supervisor 也是全局安装的，
3、Q:现版本的express4默认的模板引擎是app.set('view engine', 'pug');但书中用的是ejs，
A:修改app.js，改为app.set('view engine', 'ejs');,当时按照网友说的改为HTML模板的，但是后遇到莫名问题，遂直接用书中使用的ejs，
4、Q:Error: Failed to lookup view "error" in views directory，
A:此时你有可能设置的是使用HTML模板引擎，改为使用ejs模板，添加error.ejs，内容如下：
<h1><%= message %></h1>
<h2><%= error.status %></h2>
<pre><%= error.stack %></pre>
5、Q：页面上显示为：function(req, res) { var err = req.flash('error');if (err.length)return err;else return null;};或者function(req, res) { var succ = req.flash

('success'); if (succ.length) return succ; else return null; };这是因为express4中动态视图助手的写法不一样，
A: app.js
res.locals.user = req.session.user;
res.locals.post = req.session.post;
var error = req.flash('error');
res.locals.error = error.length ? error : null;

提供几个参考链接：

1、<%- partial('posts') %> 在posts.ejs 中获取不到posts参数
2、《Node.js 入门系列》—— 一些简单的排错方法(一)
3、express 4.x 获取post提交的数据
4、express 4.x 获取post提交的数据
5、《nodejs开发指南》微博实例express4.x版
6、《nodejs开发指南》microblog实例express4.15.x版
7、Express+MongoDB+Robomongo环境配置
8、node+express+mongodb初体验
9、Nodejs Express 连接Mongodb
10、迁移到 Express 4

11、使用 morgan 中间件记录日志

另外，可以使用console.log(req.body);在命令行输出值来调试程序，

最后，有问题欢迎发邮件至sdsfhtw@163.com一起讨论学习，O(∩_∩)O哈哈~

秒客网

学习Nodejs：《Node.js开发指南》微博项目express2迁移至express4过程中填的坑

相关文章