Nodejs express4.8之microblog学习笔记

Nodejs express4.8之microblog学习笔记

学习环境：

• nodejs: 4.4.3
• express: 4.13.4
• mongoDB: 3.2.4
• robomongo: 0.9.0-RC7

依赖

{
  "dependencies": {
    "express": "^4.13.4",
    "mongoose": "^4.4.18",
    "multer": "^1.1.0",
    "ejs": "^2.3.4",
    "connect-flash": "^0.1.1"
  }
}

学习例子：

• nswbmw 的 一个简单的博客

接下来，我将按照例子中的章节依次列出遇到的问题以及解决的方法。

第1章 一个简单的博客

1. 设置调试环境变量

   • 在 Windows 下使用 set DEBUG=express:* node ./bin/www 设置调试环境变量。如果觉得输出信息太多，可以使用 set DEBUG= 清除环境变量。
   • 示例代码：

     // bin/www
     var debug = require('debug')('myapp:server');
     var http = require('http');
     
     /**
      * Get port from environment and store in Express.
      */
     var port = normalizePort(process.env.PORT || '3000');
     app.set('port', port);
     
     /**
      * Create HTTP server.
      */
     var server = http.createServer(app);
     
     /**
      * Listen on provided port, on all network interfaces.
      */
     server.listen(port);
     server.on('error', onError);
     server.on('listening', () => {
       debug(`Listening on ${port}`);
       console.log(`Listening on ${port}`);
     });
     

2. 分离服务器创建逻辑

   • 不必将创建服务器的逻辑放入 app.js，而是保持在 bin/www 文件中。

3. 使用 nodemon 替代 supervisor

   • 使用 nodemon 来替代 supervisor，因为 nodemon 更简洁且更易于维护。
   • 安装 nodemon:

     npm install -g nodemon
     

   • 启动项目:

     nodemon ./bin/www
     

4. flash 中间件的使用顺序

   • 确保 app.use(flash()) 放在 app.use(session({})) 之前。
   • 示例代码：

     // app.js
     const express = require('express');
     const session = require('express-session');
     const flash = require('connect-flash');
     
     const app = express();
     
     app.use(session({
       secret: 'secret',
       resave: false,
       saveUninitialized: true
     }));
     app.use(flash());
     

5. 配置 express-session

   • 配置 express-session 时，最好设置 resave 和 saveUninitialized。
   • 示例代码：

     app.use(session({
       secret: 'secret',
       resave: false,
       saveUninitialized: true
     }));
     

6. 处理用户注册

   • 注册用户成功后，回调中的 user[0] 应改为 user.ops[0]。
   • 示例代码：

     User.findOne({ username: req.body.username }, function(err, user) {
       if (err) return next(err);
       if (user) {
         req.flash('error', '用户名已存在');
         res.redirect('/');
       } else {
         var newUser = new User(req.body.user);
         newUser.save(function(err) {
           if (err) return next(err);
           req.flash('success', '注册成功');
           res.redirect('/');
         });
       }
     });
     

第3章 增加文件上传功能

1. 配置 Multer

   • 使用 Multer 处理文件上传。
   • 示例代码：

     // index.js
     var multer  = require('multer');
     var storage = multer.diskStorage({
       destination: function (req, file, cb) {
         cb(null, './public/images');
       },
       filename: function (req, file, cb) {
         cb(null, file.fieldname + '-' + Date.now());
       }
     });
     
     var upload = multer({ storage: storage });
     
     app.post('/upload', checkLogin, upload.array('photos', 12), function (req, res) {
       req.flash('success', '文件上传成功!');
       res.redirect('/upload');
     });
     

2. 修改表单字段名

   • 所有 file 输入字段的 name 属性应改为 photos。
   • 示例代码：

     <!-- upload.ejs -->
     <input type="file" name="photos" multiple>
     

第14章 增加头像

• 如果 http://www.gravatar.com 被墙了，可以将其替换为 http://gravatar.duoshuo.com。

第15章 增加转载功能和转载统计

• 给转载链接注册路由响应时，不需要调用 Post.edit()。

我的 blog

• 你可以查看我的 blog 实现 这里。

koa2出了。。。最后一次更新