web-dev-qa-db-ja.com

ノードエクスプレスに新しいルートを追加する

Expressアプリに新しいルートを追加しようとしていますが、サーバーを起動しようとするとエラーが発生し続けます。エラーは

C:\development\node\express_app\node_modules\express\lib\router\index.js:252
    throw new Error(msg);
          ^
Error: .get() requires callback functions but got a [object Undefined]

これが私のファイルです。ノードは初めてなので、重要なファイルを省略したかどうかをお知らせください

routes/furniture.js

exports.furniture = function(req, res){
   res.render('furniture', { title: '4\267pli' });
};

routes/index.js

/*
 * GET home page.
 */

exports.index = function(req, res){
  res.render('index', { title: '4\267pli' });
};

views/furniture.ejs

<!DOCTYPE html>
<html>
<head>
    <title>4&middot;pli -- architecture</title>
    <link rel='stylesheet' href='/stylesheets/style.css'/>
    <link href='http://fonts.googleapis.com/css?family=Didact+Gothic' rel='stylesheet' type='text/css'>
</head>
<body>
<div class="wrapper">
    <h1 class="logo"><%= title %></h1>
</div>
</body>
</html>

app.js

/**
 * Module dependencies.
 */

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

var app = express();

// all environments
app.set('port', process.env.PORT || 3000);
app.set('views', __dirname + '/views');
app.set('view engine', 'ejs');
app.use(express.favicon());
app.use(express.logger('dev'));
app.use(express.bodyParser());
app.use(express.methodOverride());
app.use(app.router);
  app.use(require('stylus').middleware(__dirname + '/public'));
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);
app.get('/furniture', routes.furniture);

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

問題は:

 routes = require('./routes'),
 user = require('./routes/user'),
 furniture = require('./routes/furniture'),

これらの3つは特定のファイルではなく、ルートフォルダーを設定しています。expressはindex.jsを探します(見つからない場合は->エラー)

これらのフォルダー内に、index.jsを次のものとともに配置する必要があります。

exports.xxxx =  function(req, res){
    res.render('xx', { foo: foo});
};

次に、プロジェクトのフォルダ構造は次のようになります。

routes/
  ├── index.js
  │
  ├── user/
  │     └── index.js (with a exports.user inside)
  │   
  └── fourniture/
        └── index.js (with a exports.furniture inside)

次のようなルートに複数のエクスポート関数を追加できます。

app.js

// a folder called routes with the index.js file inside
routes = require('./routes')

.
.
.

app.get('/', routes.main_function);  
app.get('/sec_route', routes.sec_function);
app.post('/other_route', routes.other_function);

/routes/index.js

exports.main_function =  function(req, res){
    res.render('template1', { foo: foo });
};

exports.sec_function =  function(req, res){
    res.render('template2', { bar: bar });
};

exports.other_function =  function(req, res){
    res.render('template1', { baz: baz });
};
26
jmingov

あなたのウェブサイトが非常に大きい場合、私は次のようなことをすることを好みます:

routes/furniture.js

module.exports = function(app)
{
    app.get("/furniture/", function(req, res) {
        res.render('furniture', { title: '4\267plieee' });
    });
}

そしてapp.js

require("./routes/furniture")(app);

主に同じですが、app.jsはよりクリーンになります。

6
fritsMaister

これは少し古いですが、私がこれを行う方法を共有しています。これは、コードをよりクリーンで簡単にルートを追加できるようにする別のアプローチです。

app.js

const app = express();
const routes = require('./routes');
app.use('/api', routes); //Main entry point

/ routes/index.js

const router = require('express').Router();
const user = require('./user');
const admin = require('./admin'); 

//This is a simple route
router.get('/health-check', (req, res) =>
    res.send('OK')
);

router.route('/users')
      .post(validate, user.createUser);

router.route('/users/:userId')
      .get(validateUser, user.getUser)  
      .patch(validateUser, user.updateUser)
      .delete(validateUser, user.deleteUser);

router.route('/admins/:adminId/dashboard')
      .get(validateAdmin,admin.getDashboard);

module.exports = router;

'validateUser'と 'validateAdmin'はカスタムミドルウェアであり、リクエストパラメータを検証したり、リクエストが実際のリクエストハンドラに到達する前に前処理を行ったりするために使用されます。これはオプションであり、複数のミドルウェア(カンマ区切り)も使用できます。

/ routes/user.js

module.exports = {
  createUser:function(req,res,next){

  },
  updateUser:function(req,res,next){

  },
  deleteUser:function(req,res,next){

  }
}

/ routes/admin.js

module.exports = {
  getDashboard:function(req,res,next){

  }
}
2
aravindaM