フロントエンド開発環境の構築---expressを使用してPOSTドメイン間要求を処理する

レビュー

前回の記事では,開発環境の簡単なjsonp処理を実現したが,GETリクエストしか処理できず,POSTリクエストはサポートされていない.シミュレーションの効果をより良くするために、POSTドメイン間リクエストも処理できます.

CORSによるドメイン間処理

expressでCORSを実現する方法は以下の通りである:

app.use(function(req, res, next) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
  next();
});

expressでPOST要求を処理するには、次のようなミドルウェアが必要である:

var bodyParser = require('body-parser');
app.use(bodyParser.json()); // support json encoded bodies
app.use(bodyParser.urlencoded({ extended: true })); // support encoded bodies

ちゃんとした栗を挙げる

var express = require('express');

var app = express();

var bodyParser = require('body-parser');
app.use(bodyParser.json()); // support json encoded bodies
app.use(bodyParser.urlencoded({ extended: true })); // support encoded bodies

app.use(function(req, res, next) {
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
  next();
});

app.post('/login.json', function(req, res, next) {

    //    req.body      post       
    console.log(req.body.name);
    //      json   
    var obj = {
        "success": false,
        "error_code":"NOT_LOGIN"
    }


    res.json(obj);
});

app.listen(4100);