《从零构建前后分离 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 :nerd:

• 提前预览下一章传送门