摘要:線上地址主要從下面幾點(diǎn)入手一步一步搭建應(yīng)用前后端初始化爬取豆瓣電影的電影信息開啟身份認(rèn)證使用來做基于的用戶身份認(rèn)證中使用來寫單元測(cè)試部署技術(shù)棧沒用之后改運(yùn)行代碼到本地項(xiàng)目地址喜歡就一下吧前端后端需要安裝本項(xiàng)目端口并開啟權(quán)限認(rèn)證。
介紹
斷斷續(xù)續(xù)利用周末時(shí)間做了兩個(gè)月,基于react和express的一個(gè)小項(xiàng)目差不多做完了。所以想寫一系列文章來總結(jié)一下前后端用到技術(shù)及遇到的問題和解決方法
初衷是練習(xí)一下react相關(guān)的技術(shù)棧,但做的過程感覺對(duì)后端投入的熱情更大。。。
線上地址 主要從下面幾點(diǎn)入手一步一步搭建react應(yīng)用-前后端初始化
爬取豆瓣電影的電影信息
mongodb開啟身份認(rèn)證
使用 jwt + redis 來做基于token的用戶身份認(rèn)證
node中使用 mocha + supertest + should 來寫單元測(cè)試
部署
技術(shù)棧react + react-router + antd-mobile + fetch
redux(沒用,之后改)
express + mongodb + redis
運(yùn)行 clone代碼到本地 項(xiàng)目地址喜歡就star一下吧?
前端:
npm install npm start
后端:
1. 需要安裝mogondb 本項(xiàng)目mogondb端口 3307,并開啟權(quán)限認(rèn)證??梢栽?BE/config/db.js中修改 2. 需要安裝redis brew install redis 3. npm install -g pm2 ? ?3. node 版本最好最新版本,因?yàn)槭褂昧?async await,推薦nvm來管理node版本 4. npm install 5. npm run test 運(yùn)行單元測(cè)試 6. npm start功能介紹
之前看了挺多棒子電影的,所以想做一個(gè)電影相關(guān)的小項(xiàng)目,主要功能:
首頁 電影列表展示,可搜索和分類篩選
電影詳情頁(有無下載地址)
爬取豆瓣電影并錄入
登錄、注冊(cè)
管理員增刪改查
普通登錄用戶收藏電影
我的收藏列表
部分截圖 首頁文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.hztianpu.com/yun/19099.html
摘要:線上地址主要從下面幾點(diǎn)入手一步一步搭建應(yīng)用前后端初始化爬取豆瓣電影的電影信息開啟身份認(rèn)證使用來做基于的用戶身份認(rèn)證中使用來寫單元測(cè)試部署技術(shù)棧沒用之后改運(yùn)行代碼到本地項(xiàng)目地址喜歡就一下吧前端后端需要安裝本項(xiàng)目端口并開啟權(quán)限認(rèn)證。 介紹 斷斷續(xù)續(xù)利用周末時(shí)間做了兩個(gè)月,基于react和express的一個(gè)小項(xiàng)目差不多做完了。所以想寫一系列文章來總結(jié)一下前后端用到技術(shù)及遇到的問題和解決方法...
摘要:一步一步構(gòu)建一個(gè)應(yīng)用開篇地址通過不認(rèn)證的方式啟動(dòng)連接實(shí)例創(chuàng)建用戶超級(jí)管理員重啟,加上訪問控制認(rèn)證連接時(shí)認(rèn)證連接后認(rèn)證為其他庫(kù)創(chuàng)建用戶添加對(duì)有讀寫權(quán)限,對(duì)有讀權(quán)限 [一步一步構(gòu)建一個(gè)react應(yīng)用-開篇](https://segmentfault.com/a/11... git地址 通過不認(rèn)證的方式啟動(dòng)Mongodb mongod --port 3007 --config mongo...
摘要:一步一步構(gòu)建一個(gè)應(yīng)用開篇地址通過不認(rèn)證的方式啟動(dòng)連接實(shí)例創(chuàng)建用戶超級(jí)管理員重啟,加上訪問控制認(rèn)證連接時(shí)認(rèn)證連接后認(rèn)證為其他庫(kù)創(chuàng)建用戶添加對(duì)有讀寫權(quán)限,對(duì)有讀權(quán)限 [一步一步構(gòu)建一個(gè)react應(yīng)用-開篇](https://segmentfault.com/a/11... git地址 通過不認(rèn)證的方式啟動(dòng)Mongodb mongod --port 3007 --config mongo...
摘要:前端前端構(gòu)建后的目錄下的文件可以寫個(gè)腳本到服務(wù)器,但這里借用一下的部署功能來部署前端代碼。 線上地址 git地址 一步一步構(gòu)建一個(gè)react應(yīng)用-開篇 推薦瀏覽器開發(fā)者工具開啟手機(jī)設(shè)備模式 裝環(huán)境 前提:買個(gè)ESC、彈性公網(wǎng)ip、域名 設(shè)置服務(wù)器免密登錄 本地應(yīng)該都有.ssh目錄,并且生成了公私鑰,將本地id_rsa,id_rsa.pub scp到服務(wù)器 /.ssh目錄 之所以把私鑰也...
摘要:前端前端構(gòu)建后的目錄下的文件可以寫個(gè)腳本到服務(wù)器,但這里借用一下的部署功能來部署前端代碼。 線上地址 git地址 一步一步構(gòu)建一個(gè)react應(yīng)用-開篇 推薦瀏覽器開發(fā)者工具開啟手機(jī)設(shè)備模式 裝環(huán)境 前提:買個(gè)ESC、彈性公網(wǎng)ip、域名 設(shè)置服務(wù)器免密登錄 本地應(yīng)該都有.ssh目錄,并且生成了公私鑰,將本地id_rsa,id_rsa.pub scp到服務(wù)器 /.ssh目錄 之所以把私鑰也...
閱讀 2349·2021-08-23 09:46
閱讀 977·2019-08-29 18:31
閱讀 1937·2019-08-29 17:04
閱讀 2532·2019-08-29 12:23
閱讀 1906·2019-08-26 14:05
閱讀 1143·2019-08-26 13:44
閱讀 3280·2019-08-26 12:23
閱讀 2289·2019-08-26 10:46