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那边暂时还没支持打包压缩分支里代码，后期会支持）