# node+react+cos

![badge](https://cnb.cool/examples/ecosystem/react-cos-demo/-/badge/git/latest/ci/pipeline-as-code)
![badge](https://cnb.cool/examples/ecosystem/react-cos-demo/-/badge/git/latest/ci/git-clone-yyds)
![badge](https://cnb.cool/examples/ecosystem/react-cos-demo/-/badge/git/latest/ci/status/push)

在当前的这个示例中，您将通过云原生构建实现，打包"react-cos-demo"项目，构建并将构建产物上传到cos中

## 前提条件

1. 使用 [云原生构建（CNB）](https://cnb.cool) 构建你的项目
2. 环境变量及其用法，[环境变量](https://docs.cnb.cool/zh/env.html)
3. 声明式的[构建缓存](https://docs.cnb.cool/zh/grammar/pipeline.html#volumes)
4. 插件及其用法，[插件市场](https://docs.cnb.cool/zh/plugins.html)
5. 使用[coscli](https://docs.cnb.cool/zh/plugins/public/tencentcom/coscli) ：使用 coscli 插件，用户可通过简单的命令行指令实现对对象（Object）的批量上传、下载、删除等操作

## 配置密钥

```yaml
# react_cos_secret.yml
COS_SECRET_ID: xxx
COS_SECRET_KEY: xxx
COS_BUCKET: xxx
COS_REGION: xxx
```

## 从当前示例起步

```shell
cnb-init-from https://cnb.cool/examples/ecosystem/react-cos-demo.git
```