前端开发与测试环境搭建 调调 - pod4g/tool GitHub Wiki
对于前端开发、测试部署的一些思考与设计
经过了几个月刀耕火种的开发、测试、部署,有很多让人不爽的地方,准备一劳永逸(但愿吧)地解决它 :100:
目前的开发、测试、部署主要依赖于人,而人是不可靠的。
常见的问题:
-
我经常写完代码让大叔更新完毕之后,大叔发现有个icon找不到,原因是我本地的路径跟服务器上的不一致。
-
线上的某个页面已经没有了某个DOM元素,但是在我本地还是有的,且还有操作这个DOM元素的Javascript代码。我们两个都不知道。下次我改完代码,大叔更新到线上后,就会报错。
-
某个更新出现一个大bug,如何回滚?现在就是靠人,在更新前先备份一份儿,虽然一个cp命令就搞定,但是如果忘了就悲摧了。。
-
一个大更新,比如 调调 改版,在新版上线之前,如何备份老版(还是一个cp搞定:-1:)?
所以,问题在于:
- 我本地的开发(测试)环境并没有真实模拟线上环境(比如路径不一致)
- 线上代码跟我本地的代码有diff,且我们都不知道
- 出现问题时的回滚
- 版本控制
对于问题1的解决办法:
线上的地址
-
线上: http://www.diaox2.com 使用
ONLINE
表示 -
测试: http://t.diaox2.com/view/test 使用
TEST
表示
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的解决办法:
一些约定:
- 大叔改完前端的内容要即使通知我,我好在我本地改好,然后push到github上,并pull到
TEST
下。 - 每次大更新,我都会新建一个分支,然后在分支上开发。