Awesome

jackblog react 版

Jackblog 是使用 Node.js + MongoDB + 其它客户端框架开发的个人博客系统,前后端分离,仿简书模板.
服务端有: express 版 , koa 版
客户端有: angular1.x 版 , angular2.x 版 , react 版 , vue 版
移动端有: react native 版, ionic2.0 版

此为客户端react版, 需要配合服务端使用.

服务端任选一种, 请预先安装并启动服务端

开发

$ git clone git@github.com:jackhutu/jackblog-react.git
$ cd jackblog-react
$ npm install
$ npm run dev

在浏览中打开http://localhost:3000

调试

• redux-logger 默认开启, 关闭方法

webpack-> webpack.config.dev.client.js -> __DEVLOGGER__ : false

• redux-devtools 默认使用chrome扩展, Redux DevTools Chrome Extension , 网页方式默认关闭, 开启方法:

webpack-> webpack.config.dev.client.js -> __DEVTOOLS__ : true

目录结构

.
├── README.md           
├── dist                     // 项目build目录
├── logs                     // 生产环境日志目录
├── src                      // 生产目录
│   ├── actions              // redux action目录
│   ├── api                  // API 请求
│   ├── assets               // css 和图片资源
│   ├── components           // 组件
│   ├── reducers             // redux reducer目录
│   ├── store                // store配置
│   ├── util                 // 工具函数
│   └── client.js            // 客户端入口
│   └── config.js            // api url, cookie domain等配置文件
│   └── index.html           // 生产环境生成ejs文件
│   └── routes.js            // 路由配置
│   └── server.js            // 服务端渲染文件
├── webpack                  // Webpack配置目录
│   ├── webpack.config.dev.client.js        // 开发的客户端Webpack配置文件
│   ├── webpack.config.dev.server.js        // 开发的服务端渲染Webpack 配置文件
│   ├── webpack-config-prod.js              // 生产的Webpack 配置文件
├── History.md               // 更新日志
├── nodemon.json             // nodemon配置文件
├── process.json             // pm2配置文件
├── server.js                // 项目server入口文件
.

生产环境构建

$ npm run build 或 npm run start

线上布署

$ pm2 start process.json

License

MIT