前端开发与测试环境搭建 调调 - pod4g/tool GitHub Wiki

对于前端开发、测试部署的一些思考与设计

经过了几个月刀耕火种的开发、测试、部署,有很多让人不爽的地方,准备一劳永逸(但愿吧)地解决它 :100:

目前的开发、测试、部署主要依赖于人,而人是不可靠的。

常见的问题

  1. 我经常写完代码让大叔更新完毕之后,大叔发现有个icon找不到,原因是我本地的路径跟服务器上的不一致。

  2. 线上的某个页面已经没有了某个DOM元素,但是在我本地还是有的,且还有操作这个DOM元素的Javascript代码。我们两个都不知道。下次我改完代码,大叔更新到线上后,就会报错。

  3. 某个更新出现一个大bug,如何回滚?现在就是靠人,在更新前先备份一份儿,虽然一个cp命令就搞定,但是如果忘了就悲摧了。。

  4. 一个大更新,比如 调调 改版,在新版上线之前,如何备份老版(还是一个cp搞定:-1:)?

所以,问题在于

  1. 我本地的开发(测试)环境并没有真实模拟线上环境(比如路径不一致)
  2. 线上代码跟我本地的代码有diff,且我们都不知道
  3. 出现问题时的回滚
  4. 版本控制

对于问题1的解决办法:

线上的地址

JS资源:ONLINE/js -----> TEST/js

CSS资源:ONLINE/css -----> TEST/css

图片资源:ONLINE/images -----> TEST/images

首页:ONLINE/index.html -----> TEST/index.html

值得买:ONLINE/zdm.html -----> TEST/zdm.html

搜索结果页:ONLINE/s-result.html -----> TEST/s-result.html

404页:ONLINE/404.html -----> TEST/404.html

------------------下面四种页面由后端模板生成------------------------

正文页:ONLINE/article/4992.html -----> TEST/article/article.html

专刊页:ONLINE/article/4183.html -----> TEST/article/zk.html

场景页:ONLINE/article/3069.html -----> TEST/article/scene.html

分类页:ONLINE/category/100008.html -----> TEST/category.html


对于问题2、3、4的解决办法:

开发、测试流程


一些约定:

  1. 大叔改完前端的内容要即使通知我,我好在我本地改好,然后push到github上,并pull到 TEST下。
  2. 每次大更新,我都会新建一个分支,然后在分支上开发。