radarbase/radar-app-config-frontend

镜像概述和主要用途

Appconfig 是一个使用 Angular CLI 8.3.24 生成的应用配置项目，主要用于开发环境下的应用配置管理。它支持多种后端模式和角色登录，便于开发人员进行应用配置相关功能的开发与测试。

核心功能和特性

• 基于 Angular CLI 8.3.24 构建，符合现代前端开发标准
• 支持两种开发模式：模拟后端（Mock Backend）和本地后端（Local Backend）
• 模拟后端提供两种角色登录：管理员（Admin）和研究人员（Researcher）
• 开发服务器支持自动重载，修改源代码后无需手动重启
• 本地后端模式可对接 radar-app-config 和 ManagementPortal 本地服务

使用场景和适用范围

适用于应用配置管理功能的开发阶段，特别是需要针对不同用户角色（如管理员、研究人员）进行权限测试和功能验证的场景。开发人员可通过模拟后端快速测试前端功能，或通过本地后端对接真实服务进行集成测试。

详细的使用方法和配置说明

前提条件

• 已安装 Node.js 和 npm

安装依赖

克隆项目后，首先安装必要的依赖包：

bash
npm install

开发模式使用指南

Mock Backend（模拟后端）

模拟后端模式无需对接真实服务，直接使用本地模拟数据，支持两种角色登录：

1. 以管理员（Admin）角色登录

运行以下命令启动开发服务器：

bash
npm run mock

服务器启动后，在浏览器中访问 http://localhost:4200/。应用会在修改源代码后自动重载。

2. 以研究人员（Researcher）角色登录

运行以下命令启动开发服务器：

bash
npm run mock-researcher

服务器启动后，在浏览器中访问 http://localhost:4200/。应用会在修改源代码后自动重载。

Local Backend（本地后端）

本地后端模式需对接本地运行的 radar-app-config 和 ManagementPortal 服务，支持管理员或研究人员角色登录：

1. 首先运行 radar-app-config 和 ManagementPortal 的本地版本，参考文档：https://github.com/RADAR-base/radar-app-config#docker-usage
2. 启动开发服务器，执行以下任一命令：

bash
npm start
# 或
ng serve --port=4200 --base-href=/

3. 在浏览器中访问 http://localhost:4200/，应用会在修改源代码后自动重载。

注意事项

• Groups 页面尚未实现，访问时会显示“Page not found 404”错误。