GOME新环境新开发流程分享

以下内容均是新开发环境的JS部分,无涉及构建部分

一: 开发前准备阶段:

脚手架安装:
前提:
(1)切域:

npm set registry http://npm.gomefe.com

(2)绑定代理:

10.115.0.92 npm.gomefe.com

开始安装:

  • 安装autopack:

npm install autopack -g

  • 创建模板文件目录:

autopack --init project //创建一个文件名为project的文件

  • 进入项目:

cd project

  • 安装依赖

npm install

  • 开启服务

autopack --server --port 3000

  • 最后一步检查服务是否开启:

http://localhost:3000/src/js里面的js文件

二:开发调试阶段:
  • 首先确保本地服务已开启,并且可以正常访问;

  • 给到php电脑ip以及服务端口号(我电脑的ip每天都不同,每天第一件事就是跟php交换最新的ip : )),绑定php那边代理;剩余的交给php处理

  • 最后检查php给的页面也就是开发页面是不是走的本地资源,没有问题就可以愉快地进行开发了

  • 仓库的创建:
    前面我们通过脚手架创建了文件资源,找有权限的人创建专属于你这个项目的仓库,放入你的资源
    注意命名规范: 比如圈子话题详情:plus-circle-js
    创库创建时间: 测试之前

三: 测试阶段:

注意:

  • 现在我们没有以前在美信的 UAT,预生产,准生产,灰度环境了(一开始也迷糊了好久),测试测试的环境资源 === 打包压缩后的资源
  • 打包压缩后的资源:现在我们JS包括构建本地去除打包压缩这个步骤,相关的步骤都挪到php那端,所以 我们无需再跑gulp
  • 测试有问题怎么调试:类同上面开发调试阶段,调整完代码提交到远程分支,让php打包压缩,然后测试就可以看到你调整后的效果
四:上线阶段:
  • 重大改变:
    以前我们走的那一套较为复杂的上线流程,现在通通都不用了!(包括更改版本号发版等)
    关于上线我们要做的就是确保我们master分支上的代码没有问题(后端打包压缩的最后一版)
五: 后期维护阶段:

应该注意的几个问题:
以前:

  • 一个比如说整个wab,整个内嵌只有一个仓库(对于我们前端来说:包含JS和构建都在一起)

现在:

  • 一个项目包含三个仓库:JS,构建,PHP. 美其名各司其职,互不干涉

还有一点就是这次重构就我一个做这块js,然后我直接在master里面进行开发,这在以后的开发是不推荐的,特别是多人的情况容易产生冲突,这块还是按照以前的流程新建分支进行开发,没有问题再往master里面合并(php那边暂时还没支持打包压缩分支里代码,后期会支持)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容