react百口桶+koa2完成一个多人博客~

2024年1月5日 114次阅读 来源: sunner

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 build
node scripts/publish ./server  //宣布到server目次中
cd ..
cd server/
npm install //or yarn install
node index //默许3305端口
//open localhost:3305/

调试设置

前后端星散设置(默许不须要设置)

(须要团体运转一下项目发生一下cookies)

前端修正

进入myblog目次进入config的env文件里修正

 'ORIGIN':'http://localhost:3005'
//修正一下当地主机

后端修正

进入server目次下

config/default.js//默许设置文件

修正cors,修正成前端运转的域名,默许指向3000端口

node index -c

整体使命

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

2前端->工程化的react.js

TODO

  • [ ] 重写规划css

  • [x] 2.1多页面实践(待更新/font)

  • [x] 2.2redux实践

  • [x] 2.3单页面实践

  • [ ] 2.4服务器同构

  • [ ] 2.5Immutable

  • [ ] 2.6react动画机制

express->koa2

现在进度

  • [x] 事情目次设定

  • [x] 依靠模块

  • [x] 设置文件

  • [x] 路由部份

  • [x] 数据库接见

  • [x] 处置惩罚react单页重定向

笔记

收集要求

    原文作者：sunner
    原文地址: https://segmentfault.com/a/1190000009647453
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞