Sunshine168 / Full-stack-Blog

font by react + router +redux and server by koa2

Full-stack-blog(不断更新笔记)

效果Demo (有待进一步完善,组件之间功能划分应该明确,希望不断学习进步！) 搭建一个基于Koa2的多人blog 功能(登录注册上传头像,发表博文,发表留言) 参考自https://github.com/nswbmw/N-blog 前端部分以create-react-app的脚手架搭起react+react-router v4+redux的全家桶 后端采用koa2+mongodb

实践笔记

笔记目录

开发环境

开发环境(node要求 7.6以上) Nodejs:7.6.0 koa:2.0 MongoDB:3.2.10

目录结构

如何运行

后端默认配置在config/default.js中 请确保本地Mongodb 端口27017(默认)可用

git clone https://github.com/Sunshine168/Full-stack-Blog.git
cd Full-stack-Blog/myblog
npm install //or yarn install
npm run build //or yarn build
node publish  //发布到server目录中
cd ..
cd server/
npm install //or yarn install
npm run start or yarn start //默认3000端口
//open localhost:3000/

总体任务

1改写项目框架由express->Koa2

2前端->工程化的react项目

TODO

• 重写布局css
• 重写博文模块
• 升级依赖

---

express->koa2

目前进度

• 工作目录设定
• 依赖模块
• 配置文件
• 路由部分
• 数据库访问
• 处理react单页重定向
• 单元测试
• 重写博文模块