web前端项目上线流程是怎样的

web前端项目上线流程是怎样的？

（1）流程建议

• 模拟线上的开发环境

本地反向代理线上真实环境开发即可。（apache，nginx，nodejs均可实现）

• 模拟线上的测试环境

模拟线上的测试环境，其实是需要一台有真实数据的测试机，建议没条件搭daily的，就直接用线上数据测好了，只不过程序部分走你们的测试环境而已，有条件搭daily最好。

• 可连调的测试环境

可连调的测试环境，分为2种。一种是开发测试都在一个局域网段，直接绑hosts即可，不在一个网段，就每人分配一台虚拟的测试机，放在大家都可以访问到的公司内网，代码直接往上布即可。

• 自动化的上线系统

自动化的上线系统，可以采用Jenkins。如果没有，可以自行搭建一个简易的上线系统，原理是每次上线时都抽取最新的trunk或master，做一个tag，再打一个时间戳的标记，然后分发到cdn就行了。界面里就2个功能，打tag，回滚到某tag，部署。

• 适合前后端的开发流程

开发流程依据公司所用到的工具，构建，框架。原则就是分散独立开发，互相不干扰，连调时有hosts可绑即可。

（2）简单的可操作流程

• 代码通过git管理，新需求创建新分支，分支开发，主干发布。

• 上线走简易上线系统，参见上一节。

• 通过gulp+webpack连到发布系统，一键集成，本地只关心原码开发。

• 本地环境通过webpack反向代理的server。

• 搭建基于linux的本地测试机，自动完成build+push功能。

欢迎大家在评论区评论留言，小编会及时给大家解答疑惑的