2017-01-13

node.js 部署网站代码的正确方式

文章导航

1. 项目结构示意图
2. node 网站部署
3. 开发环境本地
4. 打包后的正式发布代码预览

本文以前面vue1-0-x-仿照饿了么改写mvvm方式的基础上增加node.js 代码服务端自动部署方案,git仓库代码演示

项目结构示意图

在根目录下加入部署的脚本server.js，内容如下

//server.js
var http = require("http");
var fs = require("fs");
var path = require("path");
var mime = require("mime");

function send404(response) {
  response.writeHead(404, {"Content-type" : "text/plain"});
  response.write("Error 404: resource not found");
  response.end();
}

function sendFile(response, filePath, fileContents) {
  response.writeHead(200, {"Content-type" : mime.lookup(path.basename(filePath))});
  response.end(fileContents);
}

function serverWorking(response, absPath) {
  fs.exists(absPath, function(exists) {
    if (exists) {
      fs.readFile(absPath, function(err, data) {
        if (err) {
          send404(response)
        } else {
          sendFile(response, absPath, data);
        }
      });
    } else {
      send404(response);
    }
  });
}

var server = http.createServer(function(request, response) {
  var filePath = false;

  if (request.url == '/') {
    filePath = "dist/index.html";
  } else {
    filePath = "dist" + request.url;
  }

  var absPath = "./" + filePath;
  serverWorking(response, absPath);
});

var port_number = server.listen(process.env.PORT || 5000);

同时修改package.json 的npm 启动命令的依赖开发增加start”: “rimraf dist && node build/build.js && node server.js” 和依赖 “mime”: “^1.3.4”

//修改的地方如下

  "scripts": {
    "dev": "node build/dev-server.js",
    "build": "node build/build.js",
    "start": "rimraf dist && node build/build.js && node server.js" //删除部署重启
  },
  "dependencies": {
    "babel-runtime": "^6.0.0",
    "vue": "^1.0.21",
    "vue-resource": "^1.0.1",
    "vue-router": "^0.7.13",
    "better-scroll": "^0.1.7",
    "mime": "^1.3.4"
  }