Vue、NodeJS全棧項目~Docker部署優化版~

Holle，你們好，我是李白！！

一時興起的開源項目，到這兒就告一段落了。

「心情小鎮 https://raindays.cn」

「GitHub https://github.com/wsydxiangwang/Mood」

「上一篇文章 https://juejin.im/post/5efc8c9f6fb9a07e8c6891cc」

回顧上一篇文章，仍是有些許潦草的，有不少不足的地方，名義上是面向小白的操做系統，仍是有些誇大其詞了~~

此次主要是新增了一些功能，加上本地開發文檔，並優化了部署方式

有請真香系列docker上場，以前pm2的方式是學完就直接上的，各類安裝和配置過於繁瑣...不過不要慌，問題不大，凡事都有第一次嘛，沿途的風景總有好與壞～

如今用上了docker來部署，完徹底全一段命令行就能部署成功的方式，身爲井底之蛙的我給大佬們瘋狂點贊～

斷斷續續折磨了好多天，學工具跟學語言，差異仍是挺大的，「惟一的共同點就是須要實際操做」

不然竹籃打水一場空，腦殼瓜子有點嗡嗡～

也是多虧了上一篇文章，浪跡於評論區的同窗們，這才使我有幸認識到了docker，也讓我掉了很多頭髮（不知道該謝不應謝😭）

❝

我就是個切圖仔，爲何要這麼慘😭😭

❞

項目部署

按照這個教程，就算你不懂代碼，也能擁有屬於本身的一個網站系統，後臺設置均已完善，覆蓋了正常博客的功能！！

1. 在GitHub拉取項目 Mood
2. 修改 config文件夾裏面的 nginx.conf文件，須要指定本身的域名，文件裏面有註釋說明。
3. 在服務器目錄，建立 data文件夾做爲項目目錄
4. 上傳 web、 server、 config 3個文件夾和 docker-compose.yml1個文件。
5. 打開服務器終端，安裝 docker（安裝教程參考：https://docs.docker.com/engine/install/ ）~~
6. 安裝成功後，進入剛纔建立的 data目錄，運行 docker-compose up -d，進行部署
7. 運行 docker-compose ps or docker ps -a 看看是否正常運行，完美~~

ok， 搞定， 就是這麼簡單，「docker牛逼」

前臺網站：http://aa.com，後臺則爲：http://aa.com/admin，到這裏就沒問題了~~

「劃重點：先進入後臺，設置基本信息，前臺才能正常訪問，不然報錯，ok完美，趕忙回家吃個飯慶祝慶祝~~」

❝

一句話搞定部署，docker真香😍

❞

（注：到第5步，若是提示此命令不存在的話，須要根據提示進行安裝docker-compose，我記得好像是須要的，在這兒我就不費時間去折騰了~~ ）

本地開發

1. 首先，須要在電腦安裝數據庫mongodb，而且運行mongodb服務。

2. 在本地的hosts文件添加如下內容：

127.0.0.1 web
127.0.0.1 server 127.0.0.1 mongodb 複製代碼

使用docker部署的時候，須要用不一樣的主機名進行互相鏈接容器，因此須要指定不一樣項目的名字！！

初學者目前還沒找到更好的方式，若有的話，歡迎給予建議~~

3. 項目的啓動

npm install    ## 每一個目錄必須
npm run dev ## web npm run serve ## admin & server 複製代碼

4. 開啓以後，須要先進入管理後臺，填寫首屏的信息，才能正常訪問前臺，不然前臺就會報錯。

（額...這裏偷懶了沒作處理，也不必處理🧐）

5. 到這兒就ok了，若是有 「建議/優化/bug」的，能夠隨時 「Issues」or 「郵件我」，感謝支持！！

實現功能

「前臺頁面」

「前臺頁面就不貼圖了，你們能夠直接看個人網站 https://raindays.cn」

這是個人「心情小鎮」or「心靈驛站」，覆蓋了主流博客應有的功能

# 首頁
# 文章詳情（可評論功能 # 文章列表（數據的彙總 # 短語列表（發個朋友圈 # 訂閱通知（第一刻知曉 # 我的介紹（天真的勇敢 # 下雨天頁（安詳或美好 複製代碼

一共7個頁面，算是比較簡單，正常的我的網站，上面該有功能都有，該有的動畫過渡也都有，花裏胡哨的沒有。

麻雀雖小五臟俱全，完整的展示出一我的的情感，心裏的所想所得

「後臺頁面」

設計絕對驚訝到在座的諸位（心想：在座的各位都是xx😅）

忠於技術的我，卻被迫於學設計。

不知道專於設計的同窗有沒有這種感受，不管何事何物，都會觀察的很仔細，也許是視覺，也許是間隙，也許是xx...

慢慢感覺到了本身的要求好像愈來愈高了，不止是工做，還有生活上，強迫症也愈來愈大。

❝

工做上的強迫症，也許做品項目會更接近完美；生活上的強迫症，也許會讓人更懂得生活！

❞

後臺頁面，更多的功能和頁面圖片，請參考上一篇文章：

「參考上一篇文章 https://juejin.im/post/5efc8c9f6fb9a07e8c6891cc」

「主要仍是GitHub https://github.com/wsydxiangwang/Mood」

閒言細語

不知不覺，距上一篇文章，快一個月過去了，時間老是如此，讓人猝不及防！！

本來計劃半個月能搞定的，結果對本身很失望，漸漸開始變得懶牀，清晨五點半的世界已離我遠去~~

也許這是失敗的一個月，在某些方面輸的很完全，生活也依舊沒法開啓期待，我懼怕失望~~

現現在，壓力造成的驅動已進入正軌，是該好好打起一萬分的精神了，加油~~

此項目到這兒就告一段落了，有建議或優化的地方，歡迎評論區留言，感謝~~

也許會有不少不足，畢竟人無完人，不可能面面俱到，因此才須要你個人互相扶持~~

❝

接受本身的不完美、纔是一種平凡

❞

計劃終究仍是趕不上變化，生命中的未知數老是變幻無窮，讓人不得不屈服於現實！

接下來該好好準備一下了，正式加入前端人才庫，開始尋找新的方向和機會。

祝君前程似錦，願好運，愛你們~~