XNL-React-Boilerplate

React前端项目解决方案，采用React和Redux架构，服务器端渲染，使用gulp和webpack进行构建。
笑年郎数字科技出品。

部署

部署到CentOS 6.5 x64

本地生成ssh keys并复制到目标服务器

ssh-keygen -t rsa
ssh-copy-id root@server.com
// 没有ssh-copy-id的话，请先 brew install ssh-copy-id

ssh到目标服务器, 之后的操作是在服务器上进行

ssh root@server.com

安装nvm（不建议单独安装node和npm，不方便升级和管理）

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.26.1/install.sh | bash
启用nvm
. ~/.nvm/nvm.sh

安装io.js-v2.1.0 （暂时只测试到这个版本，更高版本无法保证安装和运行正确）

nvm install iojs-v2.1
设置iojs为默认项 nvm alias default iojs-v2.1
启用iojs-v2.1 nvm use default

这个时候可以通过node -v，npm -v来检查是否安装正确

全局安装pm2, gulp

npm i -g pm2 gulp
启用pm2 pm2 startup centos

安装可能缺少的库

缺少该库会导致压缩图片无法正常运行 yum install libpng-devel

断开ssh，切换回本地，配置项目中的ecosystem.json5文件

根据不同项目，自行修改加了注释的参数

{
  apps: [
    {
      name: "template",// 项目名称
      script: "dist/framework/server/server.js",
      env: {
        NODE_ENV: "production"
      }
    },
  ],
  deploy : {
    production : {
      user : "root",// ssh 用户名
      host : "xiaonian.me",// 目标服务器
      ref  : "origin/master",
      repo : "https://github.com/MaxLee1994/XNL-React-Boilerplate.git",// git版本库
      path : "/usr/local/nginx/html/XNL-React-Boilerplate",// 项目在目标服务器上的地址
      "post-deploy" : "cd view && npm i && gulp && pm2 startOrRestart ecosystem.json5"
    }
  }
}

部署准备

进到ecosystem.json5同级目录 pm2 deploy ecosystem.json5 production setup

第一次部署

pm2 deploy production
第一次部署因为会下载全部的node_modules会花较长时间，之后增量部署时间就会大幅缩短

增量部署

假设现在有新的变更

git push origin master
pm2 deploy production // 一行代码搞定部署

ymaxli/XNL-React-Boilerplate

XNL-React-Boilerplate

目录

部署

部署到CentOS 6.5 x64