介紹
斷斷續續利用周末時間做了兩個月,基于react和express的一個小項目差不多做完了。所以想寫一系列文章來總結一下前后端用到技術及遇到的問題和解決方法
初衷是練習一下react相關的技術棧,但做的過程感覺對后端投入的熱情更大。。。
主要從下面幾點入手
-
一步一步搭建react應用-前后端初始化
-
爬取豆瓣電影的電影信息
-
mongodb開啟身份認證
-
使用 jwt + redis 來做基于token的用戶身份認證
-
node中使用 mocha + supertest + should 來寫單元測試
-
部署
技術棧
react + react-router + antd-mobile + fetch
redux(沒用,之后改)
express + mongodb + redis
運行
clone代碼到本地 項目地址
喜歡就star一下吧??
前端:
npm install
npm start
后端:
1. 需要安裝mogondb 本項目mogondb端口 3307,并開啟權限認證。可以在/BE/config/db.js中修改
2. 需要安裝redis brew install redis
3. npm install -g pm2
3. node 版本最好最新版本,因為使用了 async await,推薦nvm來管理node版本
4. npm install
5. npm run test 運行單元測試
6. npm start
功能介紹
之前看了挺多棒子電影的,所以想做一個電影相關的小項目,主要功能:
首頁 電影列表展示,可搜索和分類篩選
電影詳情頁(有無下載地址)
爬取豆瓣電影并錄入
登錄、注冊
管理員增刪改查
普通登錄用戶收藏電影
我的收藏列表
部分截圖
首頁




詳情頁


錄入


用戶


