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

lylwyy2016 發布于2019-06-26 17:23 / 3487人閱讀

摘要：線上地址主要從下面幾點入手一步一步搭建應用前后端初始化爬取豆瓣電影的電影信息開啟身份認證使用來做基于的用戶身份認證中使用來寫單元測試部署技術棧沒用之后改運行代碼到本地項目地址喜歡就一下吧前端后端需要安裝本項目端口并開啟權限認證。

介紹

斷斷續續利用周末時間做了兩個月，基于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

功能介紹

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

首頁電影列表展示，可搜索和分類篩選

電影詳情頁(有無下載地址)

爬取豆瓣電影并錄入

登錄、注冊

管理員增刪改查

普通登錄用戶收藏電影

我的收藏列表

部分截圖 首頁

錄入

用戶

GPU云服務器云服務器一步一步寫java 走一步進一步進一步增強

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

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

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

摘要：線上地址主要從下面幾點入手一步一步搭建應用前后端初始化爬取豆瓣電影的電影信息開啟身份認證使用來做基于的用戶身份認證中使用來寫單元測試部署技術棧沒用之后改運行代碼到本地項目地址喜歡就一下吧前端后端需要安裝本項目端口并開啟權限認證。介紹斷斷續續利用周末時間做了兩個月，基于react和express的一個小項目差不多做完了。所以想寫一系列文章來總結一下前后端用到技術及遇到的問題和解決方法...

BigTomato 2019-08-20 19:09 評論0 收藏0
一步一步搭建react應用-mongodb開啟身份認證

摘要：一步一步構建一個應用開篇地址通過不認證的方式啟動連接實例創建用戶超級管理員重啟，加上訪問控制認證連接時認證連接后認證為其他庫創建用戶添加對有讀寫權限，對有讀權限 [一步一步構建一個react應用-開篇](https://segmentfault.com/a/11... git地址通過不認證的方式啟動Mongodb mongod --port 3007 --config mongo...

fredshare 2019-06-26 17:22 評論0 收藏0
一步一步搭建react應用-mongodb開啟身份認證

摘要：一步一步構建一個應用開篇地址通過不認證的方式啟動連接實例創建用戶超級管理員重啟，加上訪問控制認證連接時認證連接后認證為其他庫創建用戶添加對有讀寫權限，對有讀權限 [一步一步構建一個react應用-開篇](https://segmentfault.com/a/11... git地址通過不認證的方式啟動Mongodb mongod --port 3007 --config mongo...

elarity 2019-08-21 16:22 評論0 收藏0
一步一步搭建react應用-部署

摘要：前端前端構建后的目錄下的文件可以寫個腳本到服務器，但這里借用一下的部署功能來部署前端代碼。線上地址 git地址一步一步構建一個react應用-開篇推薦瀏覽器開發者工具開啟手機設備模式裝環境前提：買個ESC、彈性公網ip、域名設置服務器免密登錄本地應該都有.ssh目錄，并且生成了公私鑰,將本地id_rsa,id_rsa.pub scp到服務器 /.ssh目錄之所以把私鑰也...

roadtogeek 2019-08-22 11:09 評論0 收藏0
一步一步搭建react應用-部署

摘要：前端前端構建后的目錄下的文件可以寫個腳本到服務器，但這里借用一下的部署功能來部署前端代碼。線上地址 git地址一步一步構建一個react應用-開篇推薦瀏覽器開發者工具開啟手機設備模式裝環境前提：買個ESC、彈性公網ip、域名設置服務器免密登錄本地應該都有.ssh目錄，并且生成了公私鑰,將本地id_rsa,id_rsa.pub scp到服務器 /.ssh目錄之所以把私鑰也...

mikyou 2019-06-26 17:24 評論0 收藏0