《從零構建先後分離 WEB 項目》 序 ：開源的意義

序： 開源的意義

• 本系列提早首發地址

背景

從事了近4年的互聯網行業，逐漸擔當過團隊的前端到後端的負責人，和你們同樣從小白逐漸的成長起來，回首望去幾年前的博客仍是那麼稚嫩。

• 回首這幾年：

從一個javaer接觸前端轉向全棧。
從前端到後端到運維，經歷了幾回先後端架構的演變，踩了無數的坑，度過無數不免的夜。

當我看到這條沸點的時候，個人心裏多少是有一些波瀾的。爲了工做或學習，確實造過一些輪子，前端的後端的，也開源出來過以爲能提升生產力的。但確實：

代碼放出來!=開源

一個優秀的程序員同時也應該是一個好的傳道者，去幫助那些真正想學習的'懵懂少年'。

麥當勞的模式思考

天天早上都回去吃麥當勞6元早餐，有時候想一想：這不就是咱們如今的工做狀態嗎？

• 薯餅是怎麼作的？

  不知道,公司直接進的貨。

• 你是如何掌握火候的？

  不清楚，公司規定炸6分鐘。

• 那爲何是6分鐘，而不是5分鐘，7分鐘嗎？

  應該是爲了讓它外酥裏嫩吧，具體沒太研究過......

這像極了咱們的面試，咱們的痛點老是看過、瞭解過，但並無深刻去實踐過、研究過。

不管多牛的解說5分鐘也道不出一部好電影的精髓。

萌生想法

兩個月前業餘時間開始慢慢寫 BBS ,不少公司的同事表示不解

爲何要花時間寫這樣一個項目,有什麼意義呢?

而我老是開玩笑說我要幹掉掘金。其實只是個玩笑話，這是我一直想作的事情：作一個真的能幫到你們的開源項目。日常抽空寫項目，還好沒放棄，終於能夠逐漸寫寫文章跟你們分享一下。

說幹就幹

Github項目地址 作有 格調 的論壇

粗略統計本系列涉及到的粒度比較大的技術棧:

• 前端：node npm vue2 webpack4 electron
• 後端：spring-boot spring-data-jpa swagger spring-cloud 爬蟲
• 中間件、運維：mysql nginx shell docker

這個系列我所有采用了目前比較主流技術棧

總體大綱的把握

這個系列文章我儘可能照顧前端的同窗和後端的同窗，不穿插講述。儘可能按照前端-後端-部署-運維來說，固然中途涉及到跨域、Rest、oAuth2.0這種先後協調的仍是沒法避免捎帶一筆。

好比:

這種目錄閱讀可能對於只掌握 前端/後端 一種技術棧的同窗，或只想去看後端/前端/運維 的同窗看上去很是的難受、我會修改大綱避免這個問題,按部就班的來。

你會學到

• 深刻了解先後分離，瞭解常見架構
• 前端後端項目的搭建與優化
• 前端後端技術的選型
• 開發過程當中提高效率的小技巧
• 不一樣場景下跨域的N種解決辦法
• 幾個良好習慣提高 debug 的能力
• 前端的 Hybrid 開發本身的 APP
• 前端 SPA 模式的優化
• 學會爬取咱們想要的資源
• 後端架構如何向微服務轉型
• 如何使用 docker 部署微服務
• 如何維護項目的運轉

結語

這個系列的專輯會同你們一塊兒見證：如何從零打造一個先後分離的互聯網主流 WEB 項目，bbs 也會愈來愈健壯、真心但願我能幫到大家。

關於我

莊文達：全棧開發攻城獅

• 目前在寫 bbs 🤓
• 提早預覽下一章傳送門