2015年10月11日 星期日

Step by Step develop Parse React Mobile Web 4 一個很簡單可以開始寫react的框架

server.js:
var http = require('http');
var fs = require('fs');

var html = fs.readFileSync(__dirname + '/index.html', 'utf8');
var css = fs.readFileSync(__dirname + '/css/style.css', 'utf8');
var js = fs.readFileSync(__dirname + '/js/bundle.js', 'utf8');

var server = http.createServer(function (req, res) {
  if (req.url === '/') {
    res.writeHead(200, { 'content-type': 'text/html' });
    res.end(html);
  } else if (req.url === '/css/style.css') {
    res.writeHead(200, { 'content-type': 'text/css' });
    res.end(css);
  } else if (req.url === '/js/bundle.js') {
    res.writeHead(200, { 'content-type': 'application/javascript' });
    res.end(js);
  }
});

server.listen(80, function () {
  console.log('Listening on http://localhost:' + server.address().port);
});


這樣就可以開始寫 REACT了。
後記:本來想要兩天搞定這個開發框(node server on AWS),不過卡了四天,主要原因是我跑去看絕地救援誤,node 的觀念,和以前LAMP差太多,如果有先入為主的觀念,一直想說Web Server不給個資料夾就好,不然要幹嘛,就大錯特錯不要來了。
node 是個開發什台,不只是可以用來架web server用。
因為我一開始的需求是寫parsereact,然後parse react都用node,所以就誤以為node是web server,因為一開始邏緝搞錯了,所以就陷入迷團之中。
總結:
node 有一個 npm,上
beginner guide
http://blog.reskill.me/node-js-tutorial/?utm_source=soical&utm_medium=gp&utm_campaign=udemy_node