react全家桶+koa2實現一個多人博客~

mdluo 發布于2019-08-20 17:00 / 2309人閱讀

摘要：不斷更新筆記效果有待進一步完善搭建一個基于的多人功能登錄注冊上傳頭像發表博文發表留言參考自前端部分以的腳手架搭起的全家桶后端采用開發環境開發環境要求以上目錄結構如何運行后端默認配置在中請確保本地端口默認可用發布到目錄中默

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單頁重定向

筆記

網絡請求

GPU云服務器云服務器多人個人博客云服務器 react實現輪播圖 webrtc多人實現 webrtc 多人實現

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/83312.html

vue2全家桶+koa2+mongodb搭建一個簡單偽全棧博客

摘要：本來不想推的，看到上有個項目很簡單，都有，推推看咯。雖然這個項目很簡單，但是還蠻有趣，用來入門和以及再好不過了。本來不想推的，看到github上有個項目很簡單，都有300 star，推推看咯。雖然這個項目很簡單，但是還蠻有趣，用來入門vue2和nodejs以及mongodb再好不過了。等這幾天把公司手頭的事情忙完，再把vuex的部分強化下。基于vue2/vuex/vue-rout...

bitkylin 2019-08-21 17:19 評論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 2019-08-20 18:52 評論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 2019-08-29 13:14 評論0 收藏0