资讯专栏INFORMATION COLUMN

react全家桶+koa2实现一个多人博客~

mdluo / 2230人阅读

摘要:不断更新笔记效果有待进一步完善搭建一个基于的多人功能登录注册上传头像发表博文发表留言参考自前端部分以的脚手架搭起的全家桶后端采用开发环境开发环境要求以上目录结构如何运行后端默认配置在中请确保本地端口默认可用发布到目录中默

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单页重定向

笔记

网络请求

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/83312.html

相关文章

  • vue2全家+koa2+mongodb搭建一个简单伪全栈博客

    摘要:本来不想推的,看到上有个项目很简单,都有,推推看咯。虽然这个项目很简单,但是还蛮有趣,用来入门和以及再好不过了。 本来不想推的,看到github上有个项目很简单,都有300 star,推推看咯。虽然这个项目很简单,但是还蛮有趣,用来入门vue2和nodejs以及mongodb再好不过了。 等这几天把公司手头的事情忙完,再把vuex的部分强化下。 基于vue2/vuex/vue-rout...

    bitkylin 评论0 收藏0
  • 从segmentfault爬数据到 用koa2,vue全家,mongodb开发一个segmentf

    摘要:注意网站中用的所有技术可以交流学习不要以线上环境运行,因为源码中没有包含相关文件中的,授权登陆需要自己配置账号密码只有读取权限交流群 前言 线上环境小包总 showImg(https://segmentfault.com/img/bVTvhf?w=1297&h=763); 技术栈 服务器: node、koa2 客户端: vue、vuex、vue-router、Element-UI 数...

    ChristmasBoy 评论0 收藏0
  • 从segmentfault爬数据到 用koa2,vue全家,mongodb开发一个segmentf

    摘要:注意网站中用的所有技术可以交流学习不要以线上环境运行,因为源码中没有包含相关文件中的,授权登陆需要自己配置账号密码只有读取权限交流群 前言 线上环境小包总 showImg(https://segmentfault.com/img/bVTvhf?w=1297&h=763); 技术栈 服务器: node、koa2 客户端: vue、vuex、vue-router、Element-UI 数...

    aaron 评论0 收藏0

发表评论

0条评论

mdluo

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<