DevCloud实践体验操作流程3-开发代码

上一篇内容DevCloud实践体验操作流程2-项目管理配置为大家介绍了项目管理配置-项目管理通知、项目工作流程的定制 以及 项目管理类其余产品的介绍。
本文内容关于：代码开发-使用分支管理代码、使用CloudIDE修改和提交代码 以及 检视代码、合并分支。

1. 代码托管CodeHub 源自华为千亿级代码管理经验，基于Git，提供安全、可靠、高效的分布式代码托管服务；包括代码克隆/下载/提交/推送/比较/合并/分支等功能。概览链接：https://www.huaweicloud.com/product/codehub.html
2. CloudIDE 面向云原生的轻量级WebIDE，通过浏览器访问即可实现云端开发环境获取、代码编写、编译调试、运行预览、访问代码仓库、命令行执行等能力，同时支持丰富的插件扩展；向开发者提供按需配置、快速获取的工作空间（包含编辑器和运行环境）。概览链接：https://www.huaweicloud.com/product/cloudide.html

3、代码开发

由于门店网络查询功能Story优先级更高，本文将以此功能为例进行介绍如何使用代码托管服务进行源代码管理与开发。
本文中项目将采用分支来进行代码的开发。首先由开发人员Oliver在代码仓中创建好开发分支，并使用CloudIDE进行代码开发工作，然后再提交分支合并的请求；在项目经理Eva评审通过后，将分支合并至主干。

使用分支管理代码

为啥我们要使用分支来开发特性？因为在创建代码仓时，会有一个默认的分支“master”作为主线，为了保障凤凰商城项目的稳定运行，因此master分支必须做到稳定，可持续可用；那么这时候，让特性开发的工作从开发主线上分离出来，统一采用功能分支+合并请求，并且每一个功能分支的代码，必须经过团队的其他成员评审后才可以进行合并的方式，就可以避免影响到主线（商城的稳定，可持续运用）。

首先，我们让项目经理Eva 将master分支设置为受保护分支：进入“凤凰商城”项目后，单击左侧栏导航“代码 > 代码托管”，页面将显示样例项目自动创建的代码仓库“phoenix-sample”。

单击仓库名称进入代码仓库，选择“设置”页签。在左侧导航中单击“仓库管理 > 保护分支管理”，在页面里单击“新建保护分支”按钮，在弹框中填写配置信息，单击“确定”保存：

接着，由开发人员Oliver来创建功能分支。还是在代码仓库界面，选择“分支”页签，单击页面右上角“新建分支”，输入分支信息，单击“确定”保存：

使用CloudIDE修改和提交代码

在迭代规划时，我们将门店查询功能分解为了前端展示与后台管理两个task。本小节以Task“前端展示 - 添加门店网络菜单”为例，介绍如何使用CloudIDE 来修改与提交代码。

单击侧边导航栏“工作 > 迭代”，在迭代4中找到Task“前端展示 - 添加门店网络菜单”，将Task的状态修改为“进行中”，点击保存按钮：

接着，单击侧边导航栏“代码 > 代码托管”，找到仓库“phoenix-sample”，将代码导入CloudIDE中；单击仓库名称进入代码仓库，单击页面右上角“CloudIDE”，页面跳转至CloudIDE服务（等待CloudIDE加载完毕，可看到代码仓库已自动导入CloudIDE中）：

然后，选择分支。单击CloudIDE页面左下角“master”，页面上方中间会出现下拉列表；接着，在下拉列表中选择使用分支管理代码中创建的分支“Feature-Store”，此时页面左下角显示“Feature-Store”：

再就是实际要做的工作-修改代码了。在CloudIDE页面的左侧导航中找到文件“vote/templates/store-network.html”并打开，根据需求规划添加门店地址：

<ul>
	<li>北京分店：首都机场1号航站楼出发层靠右直行888米右侧</li>
	<li>天津分店：经济技术开发区黄海路888号</li>
	<li>上海分店：静安区大统路888号</li>
	<li>重庆分店：涪陵区桥南大道电信局西侧</li>
</ul>

在左侧导航中找到文件“/vote/templates/index.html”并打开，在179行添加菜单“门店网络”：

提交修改至代码仓库。单击左侧边栏图标，打开“Source Control: Git”功能；鼠标悬停在CHANGES栏上，单击“+”按钮：

输入提交信息“fix #62563043 添加门店网络菜单”；其中“#62563043”是本文档中Task“前端展示 - 添加门店网络菜单”的编号，单击图标“√”提交本次修改，单击图标“…”，在下拉列表中单击“Push”，推送代码到代码仓库：

返回代码仓库，在“分支”页面中找到分支“Feature-Store”，最新提交与CloudIDE中输入的内容相同：

单击侧边导航栏“工作 > 迭代”，在迭代4中找到Task“前端展示 - 添加门店网络菜单”，单击Task名称，在详情页中可看到状态自动变为“已解决”；接着选择“关联”页签，在“代码提交记录”下可看到一条记录，详情与上一步中看到的分支提交记录相同：

检视代码、合并分支

在开发人员Oliver完成代码开发并确认无误后，即可发起合并请求，将功能分支合并到master中。进入代码仓库，选择“合并请求”页签，单击“新建合并请求”：

源分支选择“Feature-Store”，目标分支选择“master”，单击“下一步”。填写标题，选择合并人与评审人为项目经理：Eva，单击“确定”完成合并请求的创建:

最后就是由项目经理Eva 评审并完成代码合入：进入代码仓库后，选择“合并请求”页签，可找到由开发人员Chris创建的合并请求；单击该请求，查看合并请求详情。可在页面左下角留下评审意见，单击页面右上角“审核通过”完成评审，再单击“合入”，将分支合入“master”：

参考资料

1、https://support.huaweicloud.com/bestpractice-devcloud/devcloud_practice_2004.html#section2