服务器端渲染程序 demo 图床

留言

服务器端渲染程序 demo 图床

Github: https://github.com/yunqiangwu/jj-image-bed.git

基于Webpack工程化解决方案easywebpack构建项目
基于 Egg + React + Webpack3 + 七牛云存储 单页面服务端渲染同构工程图床Demo项目

  • Egg 版本： ^2.x.x
  • Node 版本: Node ^8.x.x+
  • Webpack 版本: ^3.10.0, 对应 easywebpack-react 版本为 3.6.0
  • React 版本: ^15.0.0, ^16.0.0,
  • qiniu 版本: 7.1.7

特性

  • 基于 React 单页面服务端客户端同构实现

  • 支持服务端渲染 render 和纯前端渲染 renderClient

  • 支持 react-router, react-redux 服务端/客户端单页面渲染

  • Node 8 版本的 async 和 await 特性, Controller 采用 class 方式编写

  • 图片保存到七牛云

  • 拖拽上传图片

依赖

使用

Clone 项目
1
git clone https://github.com/yunqiangwu/jj-image-bed.git
安装依赖
1
2
npm install
npm start
启动应用
1
npm start

应用访问: http://127.0.0.1:7001

项目构建
1
2
3
4
5
// 直接运行(编译文件全部在内存里面,本地开发使用)
npm start

// 编译文件到磁盘打包使用(发布正式环境)
npm run build 或者 easywebpack build prod
项目截图

TODO

  • 拖拽上传
  • 粘贴图片
  • 相册管理

License

MIT