本文档会帮助您在云效创建一个 React 的代码库，并发布到阿里云 OSS 对象存储服务。

创建企业

首次进入云效，会提示您创建企业。

创建流水线

1. 进入企业后，从页面顶栏点击【研发】->【流水线】，进入流水线列表。

   

2. 点击右上角【新建流水线】，进入流水线创建向导页面。

   

新建代码库

1. 在源码设置页面中，选择阿里云Code，点击代码仓库右侧【新建代码库】。

   

2. 在弹窗中选择或创建代码组，输入新建代码仓库名称，点击【下一步】。

   

3. 在代码模板中选择 NodeJS 和 React ，点击【确认】。

   

4. 为了在代码提交时候触发持续集成，开启监听，然后点击【下一步】。

   

编辑流水线

1. 云效会识别代码库语言并推荐相应流水线模板，使用默认置顶选中的【React 构建上传到 Oss】流水线模板，然后点击【创建】。

   

2. 填写流水线名称，点击【下一步】。

   

3. 阶段编辑。点击【构建测试】阶段，在右侧浮层中点击【React 构建上传】任务。

   

4. 授权 Oss，点击【前往授权绑定】进入 RAM 授权界面。

   

5. 打开账号绑定开关，点击确定。

   

6. 配置静态文件上传。回到流水线编辑页面，选填下图所示四个方框。 如下图所示，即将代码库中构建生成的 build 目录下的所有文件上传至 hangzhou 区域的 jintang-react-static-test bucket 的根路径下。

运行流水线

1. 点击流水线编辑页面右上角【运行】，流水线会自动保存并开始运行。

   

2. 流水线运行中。

   

查看测试报告

1. 点击【构建测试】阶段中的【测试报告】按钮可以查看测试报告。

   

查看部署结果

1. 流水线运行成功后，点击阶段中【更多】->【上传地址】可以查看上传到目标 bucket 的文件。