一步一步構建一個react應用-開篇

介紹

斷斷續續利用週末時間作了兩個月，基於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

功能介紹

以前看了挺多棒子電影的，因此想作一個電影相關的小項目，主要功能：

• 首頁 電影列表展現，可搜索和分類篩選
• 電影詳情頁(有無下載地址)
• 爬取豆瓣電影並錄入
• 登陸、註冊
• 管理員增刪改查
• 普通登陸用戶收藏電影
• 個人收藏列表

部分截圖

首頁

詳情頁

錄入

用戶