基于 Egg + Vue + EasyWebpack 多页面和单页面服务端客户端渲染同构工程

背景介绍

简述下项目迭代过程，说白了就是流水账，不想看的朋友可以直接第二部分看展示。

之前由于项目需求，要搭一个restful api server，由于主要是要跟移动端交互，考虑到高并发和易用的socket，决定用NodeJS来做。

之后就是框架选型，Express、Koa、Egg，综合对比了一下，选择了Egg，最主要的原因是省事……真要找个拿得出手的原因的话：我之前是做Java的，Egg的分层用起来很顺手。

开心的用Egg完成了小四十个接口，用起来的感觉还不错。这个时候新的需求来了，需要弄个管理端，用来处理用户密码重置、活动发布、字典管理、参数配置等工作。公司之前前端解决方案是Vue+iView，就直接iView-admin弄了。

就这样，前端Vue+iView，后端Egg，用了一段时间，感觉每次部署都要来回切目录、更新、部署、启服务，好麻烦……就准备把前后端整合到一起去，Egg+Vue的版本就出现了。

需求总是越来越多，移动端有一些功能准备放到web来做，功能不多，Boss让我直接扔到管理端弄，管理端是SPA模式，移动端可能就是要展示个活动页面，却要加载一大堆没用的JS、CSS、Image，太不友好了，就琢磨再弄个Vue服务端渲染吧。

到此整个项目的架子出来了，基于 Egg + Vue + EasyWebpack 多页面和单页面服务端客户端渲染同构工程，UI解决方案iView + vant。

啰嗦了这么多，下面是干货时间。粗暴了从项目中抽了一版，留了基础功能，还不完善，剥离业务是个漫长的过程……后续逐渐完善吧。

后续会丰富UI组件，集成MySQL、Redis，目标是弄一套开箱即食的中后端解决方案。

功能展示

Git地址，有兴趣的朋友可以下来玩玩：Github

登录页

注册页

首页

结语

先到这儿吧，后续完善了再来跟大家分享！等完善的差不多了，我会出一系列整个迭代的过程，包括中间遇到的各种坑……敬请期待！