argoproj/argocd-ui

Argo CD UI

!https://github.com/argoproj/argo/blob/master/argo.png?raw=true

镜像概述和主要用途

Argo CD UI是https://github.com/argoproj/argo-cd%E7%9A%84Web%E7%94%A8%E6%88%B7%E7%95%8C%E9%9D%A2%EF%BC%8C%E6%8F%90%E4%BE%9B%E5%8F%AF%E8%A7%86%E5%8C%96%E7%9A%84%E6%93%8D%E4%BD%9C%E5%92%8C%E7%AE%A1%E7%90%86%E7%95%8C%E9%9D%A2%EF%BC%8C%E6%96%B9%E4%BE%BF%E7%94%A8%E6%88%B7%E9%80%9A%E8%BF%87%E6%B5%8F%E8%A7%88%E5%99%A8%E4%B8%8EArgo CD进行交互，简化应用部署和管理流程。

核心功能和特性

• 提供Argo CD的可视化操作界面
• 支持应用管理、部署状态查看等核心功能
• 可通过开发服务器进行本地开发调试
• 支持构建静态资源并打包为Docker镜像

使用场景和适用范围

适用于需要通过Web界面管理Argo CD的开发人员、运维人员及其他相关用户，尤其适合本地开发调试、静态资源构建和Docker镜像打包场景。

使用方法和配置说明

前提条件

• 安装NodeJS和Yarn。在macOS系统中，可通过Homebrew执行以下命令安装：

  bash
  brew install node yarn
  

本地开发与构建

1. 安装依赖
   执行以下命令安装本地依赖：

   bash
   yarn install
   

2. 启动开发服务器
   执行以下命令启动webpack开发UI服务器：

   bash
   yarn start
   

3. 构建静态资源
   执行以下命令将静态资源打包到./dist目录：

   bash
   yarn build
   

Docker镜像构建与推送

1. 构建Docker镜像
   执行以下命令构建Docker镜像（需替换yourimagerepo为实际镜像仓库）：

   bash
   IMAGE_NAMESPACE=yourimagerepo IMAGE_TAG=latest yarn docker
   

2. 构建并推送Docker镜像
   执行以下命令构建Docker镜像并推送到Docker仓库（需替换yourimagerepo为实际镜像仓库）：

   bash
   IMAGE_NAMESPACE=yourimagerepo IMAGE_TAG=latest DOCKER_PUSH=true yarn docker
   

预提交检查

确保代码通过 lint 检查，执行以下命令：

bash
yarn lint --fix