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