摘要：基本功能提供小說(shuō)操作相關(guān)的所有提供登錄注冊(cè)相關(guān)實(shí)現(xiàn)驗(yàn)證碼定期自動(dòng)更新小說(shuō)爬蟲(chóng)部署運(yùn)行即可實(shí)現(xiàn)一鍵部署。如果還想更近一步的實(shí)現(xiàn)自動(dòng)部署的話(huà)，可以試試開(kāi)源免費(fèi)。

作為一個(gè)優(yōu)秀前端er，除了要精通前端基礎(chǔ)外，其他的如后臺(tái)，運(yùn)維，linux等都要有所了解。這樣你才能對(duì)自己所負(fù)責(zé)的項(xiàng)目有一個(gè)整體的把握，不同端開(kāi)發(fā)思維的碰撞，有助于你形成良好的代碼習(xí)慣，寫(xiě)出高效優(yōu)質(zhì)的代碼。話(huà)不多說(shuō)，我們開(kāi)始吧！

這是個(gè)學(xué)習(xí)型的項(xiàng)目，還有些需要優(yōu)化的地方，項(xiàng)目是參考 https://github.com/dlyt/YCool , 利用dva代替redux（個(gè)人認(rèn)為dva比redux好學(xué)啊有木有，覺(jué)得redux概念不好理解的完全可以從dva入手啊，學(xué)完dva，redux秒懂）, 然后新增了一些功能。利用工作之余的時(shí)間寫(xiě)出來(lái)，希望能幫助到大家~

.
├── wu-server                // 后臺(tái)服務(wù)
│?? ├── Dockerfile           // dockfile
│?? ├── README.md
│?? ├── bin                  // 入口文件
│?? │?? └── server.js
│?? ├── config               // 配置目錄
│?? │?? ├── env
│?? │?? ├── index.js
│?? │?? └── passport.js      // 登錄認(rèn)證服務(wù)
│?? ├── index.js
│?? ├── nginx.conf           // nginx 配置
│?? ├── package-lock.json
│?? ├── package.json
│?? ├── release.sh           // 一鍵部署shell腳本
│?? └── src
│??     ├── middleware       // 中間件
│??     ├── models           // mongo model
│??     ├── modules          // 接口目錄
│??     └── utils            // 公用工具
└── wyfReader                // app端    
    ├── App.js
    ├── __tests__
    │?? └── App.js
    ├── app
    │?? ├── containers       // UI組件
    │?? ├── images
    │?? ├── index.js
    │?? ├── libs             // 公用庫(kù)
    │?? ├── models           // dva models
    │?? ├── router.js        // 路由
    │?? ├── services         // 接口服務(wù)
    │?? └── utils
    ├── app.json
    ├── index.js
    ├── jsconfig.json
    ├── package-lock.json
    ├── package.json
    └── yarn.lock

即RN項(xiàng)目，僅做了ios端的兼容（偷個(gè)懶^-^）。完全版的dva包含了react-router，我們這邊不需要，所以只用了dva-core

基本功能：

小說(shuō)搜索，動(dòng)態(tài)結(jié)果列表顯示，支持模糊搜索。
加入書(shū)架，閱讀，小說(shuō)刪除功能
登錄注冊(cè)功能，node實(shí)現(xiàn)驗(yàn)證碼

框架采用的koa2，passport作為登錄認(rèn)證，cheerio實(shí)現(xiàn)爬蟲(chóng)。

基本功能：

提供小說(shuō)操作相關(guān)的所有api
提供登錄注冊(cè)相關(guān)api
node實(shí)現(xiàn)svg驗(yàn)證碼
定期自動(dòng)更新小說(shuō)爬蟲(chóng)

運(yùn)行sh release.sh即可實(shí)現(xiàn)一鍵部署。

流行的有兩種方案：pm2和docker，現(xiàn)在docker這么流行，咱果斷選擇它，寫(xiě)了一個(gè)自動(dòng)構(gòu)建腳本：release.sh

大概流程就是: 把代碼上傳到自己主機(jī)上面 > 構(gòu)建鏡像 > 然后以守護(hù)進(jìn)程方式運(yùn)行。

如果還想更近一步的實(shí)現(xiàn)自動(dòng)部署的話(huà)，可以試試travis CI 開(kāi)源免費(fèi)。它可以通過(guò)git的鉤子，直接在提交到git的時(shí)候自動(dòng)運(yùn)行構(gòu)建腳本

它是一個(gè)高性能的HTTP和反向代理服務(wù)區(qū)。學(xué)習(xí)成本很低，這里咱只是簡(jiǎn)單的用nginx做了一下代理。

server {
  listen 80;
  location / {
    root /opt/html;
    index index.html index.html;
  }
  location /server/ {
    expires -1;
    add_header Cache-Control no-cache,no-store;
    proxy_pass http://120.79.161.255:8080/;
  }
}

就是原先咱需寫(xiě)端口訪(fǎng)問(wèn)如： http://120.79.161.255:8080/ 現(xiàn)在直接訪(fǎng)問(wèn)http://120.79.161.255/server/ 即可，是不是變漂亮了很多？

當(dāng)然nginx遠(yuǎn)不止這點(diǎn)功能，比如你可以用它做負(fù)載均衡、解決跨域問(wèn)題、處理緩存 防盜鏈等HTTP相關(guān)問(wèn)題，處理起來(lái)也很容易，只需在配置文件加上相關(guān)配置即可，有興趣朋友可以深入一下。不過(guò)話(huà)說(shuō)現(xiàn)在service mesh好像比較流行，Envoy好像想取代它的樣子~~哈哈，扯遠(yuǎn)了~

總的來(lái)說(shuō)這個(gè)項(xiàng)目算是一個(gè)全棧練手項(xiàng)目，也沒(méi)有花多長(zhǎng)時(shí)間。有些地方還是有點(diǎn)粗糙的，
但是不妨礙大家學(xué)習(xí)。還有些概念和工具只是大概提了一下，目的是給初學(xué)的朋友留下一個(gè)印象（萬(wàn)一今后有用到呢~）。感興趣的朋友可以基于這個(gè)多多優(yōu)化，加上自己idea。最后，歡迎star & fork?。。?/b>