• 安装企业版
  • 管理员
  • 组件配置文件

web界面基本参数配置

创建时间：2024-04-02 最近修改时间：2025-10-24

#1. web界面基本参数配置

#1.1 界面配置文件位置

  /usr/local/deepflow/templates/front-end/templates/configmap.yaml 中的 app_config_user.js
  /usr/local/deepflow/templates/front-end/templates/configmap.yaml 中的 app_config.js
1
2

提示

注意：

  • 其中 app_config.js 是默认配置文件，app_config_user.js 是用户配置文件；
  • 为了使配置不受影响，请修改 app_config_user.js 中的配置
  • 用户同时修改 app_config_user.js 与 app_config.js 时，app_config_user.js 中的配置会优先生效。
  • 升级时会覆盖 app_config.js，不会覆盖 app_config_user.js

#1.2 配置：

  • 修改镜像配置文件/usr/local/deepflow/templates/values-custom.yaml中dfWebCore一节app_config_user.js部分 保存文件后执行/usr/local/deepflow/bin/deepflow-deploy -uo df-web-core用于覆盖默认配置

  • OP使用df-deploy更新,参考链接 (opens new window)，

  {
    DRAWER_MAX_DEEP: 6, // 右滑框栈最大深度
    VTAP_HIDE: false, // 甜橙控制采集器页面隐藏
    TO_DASHBOARD_PATH: '/dashboard', // 指定顶部图标跳转路径,默认应该是/dashboard
    SAAS_TENANT_TO_DASHBOARD_PATH: 'https://deepflow.io', // saas环境下租户指定顶部链接
    EXTERNAL_LINK: true, // 外部链接功能是否对外开发
    API_TIMEOUT: (60 + 3) * 1000, // 请求API超时时间, 默认为底层超时时间(默认60s) + 3s，确保超时状态也能从后端取到数据
    API_UPLOAD_TIMEOUT: 60 * 1000, // 请求上传相关API超时时间
    MINIMUM_BROWSER_VERSION: 86, // 浏览器最低版本
    MAX_LABEL_NUM: 100, // 页面单个记录使用的标签最大数量
    MAX_LABEL_LENGTH: 32, // 页面单个记录使用的单个标签最大长度
    SHOW_I18N: false, // 是否显示i18n
    AES_CONFIG: {
      // aes配置需与后端保持一致，意义不大
      key: 'JeF8U9wHFOMfs2Y8',
      iv: '1234567890123456'
    },
    SM4_CONFIG: {
      key: 'JeF8U9wHFOMfs2Y8',
      mode: 'ecb',
      cipherType: 'base64'
    },
    FORCE_REPORT: true, // 回溯是否支持force_report状态配置
    ADMIN_TENANT_VISIBLE: true, // 默认管理员可见租户列表，改为false后不可见
    FLOW_VIEW_MULTIPLE_SELECT_LEN: 25, // 全景图多选下拉框最多可选数目
    FLOW_VIEW_HISTORY_SEARCH_BTN_NUM: 8, // 全景图历史搜索快捷按钮数目
    // 账户管理最多可给租户授权数目/PCAP策略采集器下拉框最多可选数目
    RESOURCE_AUTHORIZE_MULTIPLE_SELECT_LEN: 100,
    SELECT_DISPLAY_MAX_LEN: 100, // 下拉框最多展示条目数量
    SUPPORT_SECOND_DATA_TIME: 3600 * 36, // 距当前时间小于等于该值时视图支持秒级数据的选项,时间单位为s
    FLOW_VIEW_CUSTOM_LINE_CHART_NUM: 20, // 全景图支持自定义的折线数目
    VIEW_UPDATE: false, // 视图升级按钮，默认关闭
    WINDOW_SIZE: 60, // 折线图滑窗下拉框选项上限
    FLOW_VIEW_MAX_RESOURCE_SET: 10, // 全景图允许添加资源集的最大数目
    VIEW_TABLE_SELECT_MULTIPLE_LIMIT: 40, // 流日志table选择显示列下拉框最多可以选择的项目数
    SAFE_METHOD: false, // 开启安全方法过滤，替换请求方法
    DOMAIN_ATTACHED_K8S_COUNT: 10, // 云平台可添加k8sconfig的个数
    FLOW_VIEW_KNOWLEDGE_NODE_COUNT: 2, // 全景图知识图谱拓扑图每类节点的展示个数
    DOCUMENT_TITLE: 'DeepFlow', // 页面title后缀
    COPYRIGHT: `Copyright © 2011-${new Date().getFullYear()} YUNSHAN Networks 版权所有`, // 版权信息
    CHART_COLOR: [
      // 图表颜色
      '#7FB80E',
      '#FFC20E',
      '#78CDD1',
      '#DF9464',
      '#D2553D',
      '#ECAEDD',
      '#09AB8C',
      '#F2D080',
      '#EA66A6',
      '#918597',
      '#FAB27B',
      '#6D94E1',
      '#DEAB8A',
      '#F3715C',
      '#65C294',
      '#F8ABA6',
      '#C77EB5',
      '#F2EADA',
      '#ECBDB9',
      '#76BECC',
      '#9B95C9',
      '#6F60AA',
      '#DEAB8A',
      '#AFB4DB',
      '#B8DBFF'
    ],
    CHART_ALARM_COLOR: 'rgba(255, 0, 0, 0.5)',
    TOPO_COLORS: {
      LINK_WITHDATA_DEFAULT: '#4C536E', // 流量线默认颜色
      LINK_AUTOFILLED_DEFAULT: 'green', // 自动添补的关系连线颜色
      LINK_MANUALFILLED_DEFAULT: 'green', // 手动添补的关系连线颜色
      NODE_OUTLINE_DEFAULT: '#4C536E', // 节点外圈颜色
      LINK_PHYSICAL_HIGHLIGHT: 'green' // 物理拓扑连线高亮颜色
    },
    // 需要隐藏的菜单路径
    HIDDEN_MENU_PATH_LIST: [],
    // sentry 错误上报 url
    // 空字符串: 不初始化 sentry
    // 非空字符串: 初始化 sentry 并上报访问信息
    SENTRY_DSN_URL: '',
    // 忘记密码链接地址
    FORGET_PASSWORD_LINK_URL: 'https://deepflow.io/phone-code.html',
    SIGNUP_LINK_URL: 'https://deepflow.io/signup.html',
    // 表格 size 配置
    // 可选值: 'mini', 'medium', 'large'
    // 主要影响: 行高, 文字大小
    // 作用范围: 应用, 网络下 列表
    VIEW_TABLE_SIZE: 'mini',
    // 表格 最大展示数量 配置
    // 超出此数量, 展示滚动条
    VIEW_TABLE_MAX_LEN: 100,
    // 是否启用登录页面的动画
    // 默认 true ： 启用动画
    IS_START_LOGIN_ANIMATION: true,
    // 时间轴视图是否开启过滤全0和全null数据
    FILTER_NULL_AND_ZERO: false,
    // 普通折线图, 修改图表展示 - 数据过滤 - 时间线数量 默认值
    NORMAL_LINES_CHART_SLIMIT: 20,
    // 子视图弹框显示宽度
    SUBVIEW_POPUP_WIDTH: '80vw',
    IS_KEEP_ALIVE_FOR_MODALS_TAB: true, // 页面右滑框tab是否开启缓存
    LOGIN_LIST_SORT: ['third_sso', 'deepflow', 'ldap', 'tce'], // 登录下拉列表的显示顺序
    // 只能使用 base64 转码后的图片
    LOGO_IMG: '',
    // AI plugin 分析页面最大节点数
    ANALYZE_NODES_MAX_LIMIT: 10,
    // AI plugin 分析页面最大连线数
    ANALYZE_LINKS_MAX_LIMIT: 20,
    // 指标页面和多查询条件的最大查询条件数量
    METRICS_EXPLORE_CONDITION_MAX: 10,
    // 指标页面和多查询条件的单个查询条件最大指标量数量
    METRICS_EXPLORE_METRICS_MAX: 10,
    // 指标页面同步url的最大长度
    SYNC_URL_MAX_LENGTH: 8000,
    // 登录地址，没有配置则使用系统自带的登录
    LOGIN_URL: '',
    FAVICON_IMG: '', // 使用 base64 转码后的 jpg图片  
    // 是否隐藏 临时授权 的提示信息
    // true: 隐藏
    // false: 不隐藏 (显示)
    HIDE_PROVISIONAL_LICENSE_PROMPT: false,
    // 搜索组件 LRU 算法缓存长度
    SEARCH_COMPONENT_LRU_ALGORITHM_CACHE_LENGTH: 50,

    // 子视图的tools 默认显示
    CHART_TOOLS_DEFAULT_VISIBILITY: true,

    // 快速过滤组件展开的tag列表 单选的tag会默认展开
    FAST_FILTER_OPEN_TAG_LIST: ['response_status', 'status', 'event_level'],

    // 全局警告, 会在登录页面, 主页面 顶部展示
    // 默认值为空字符串, 不展示
    // 如果需要展示, 请设置为具体的字符串
    GLOBAL_WARNING_TEXT: '',
    // 自定义平台信息
    CUSTOM_PLATFORM_INFO: {},
    // 是否开启邮件验证码功能
    ENABLE_EMAIL_VERIFY_CODE: true,
    // 隐藏用户二级目录（左下角用户位置）,默认都显示, Grafana 由上面的 EXTERNAL_LINK 控制
    // true 是隐藏, false 是显示
    HIDE_USER_SECOND_MENU: {
      组织管理: false,
      团队管理: false,
      系统设置: false,
      平台信息: false,
      帮助: false
    },
    // 7.x 新 ui 支持，是否开启 web Otel 的采集
    ENABLE_TRACING: false
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152

#1.3 客户自定义信息修改

  1. 更换登录页面 LOGO，图片使用 base64 转码，修改示例
  • vim /usr/local/deepflow/templates/values-custom.yaml
  • 修改配置
dfWebCore:
  customConfig:
    app_config_user.js: |-
      window.APP_USER_CONFIG = { LOGO_IMG: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAeAAAAB4CAYAAAAqliEPAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKTWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVN3WJP3Fj7f92UPVkLY8LGXbIEAIiOsCMgQWaIQkgBhhBASQMWFiApWFBURnEhVxILVCkidiOKgKLhnQYqIWotVXDjuH9yntX167+3t+9f7vOec5/zOec8PgBESJpHmomoAOVKFPDrYH49PSMQye7aTlp3tBOOWli2hydlwkotMW2JMrcUx/V4eWsbPj2+VgkhEEKgawoBQ6OsKMiV51zKhAsvpTXsMLm7icgbr9K26sBQFJWfRpQyWsulSOVGl9IeUpW8intLaV0t6eLiVSz0VoU64KIFMXBCYDpCaYT7V3PJFsueGSitvVZCkfohIA6FsS5P0tWoVAoFOedAL+hhKDcBoSDXCS6YyIc3XGye3VLJPba+tr4kfX+1Mh7DDMTKCorBK2ccTyf5+iWEXFIAJYnWMiGG1/K1nc+OdrS/WTeHxk0BAflAkzYgKZKcRQKhUIJ8DlEKXmJ697hZPvyh9JtSx+ClVsSiQ/eEBo/cY03Hb/Sm083M24BIJCUQhJSLGk6U6IsQaT7Aync4Q2UoeAPj+bC0d2ZSNuzqeiif9m6p9fnOOCGAcZtUCHOiQEKCoVCoVACXBE3rsrB4KDgCxxNtl2wOd+waHOBos4wsyt86bHLg4nhK/zp0eW6lW1ljuVn3Ha3lUEgCUBAIAipnNQlJagUkEXplhIAIeBUA9c9OcsTiJmB2kPZmqaduXBTjxmMHJS6Nw4wOBoDNTOg3AaRGkCoevMUCoVCCfD5BREC1OGg3AY3/OPZQMvzE3XtzydbL7yf2jkPc5yoLxNvEwIrghNj3dTKNvrMXJMjnFDALAQFdyKEEIMKdzSZpAxCwqKMJXOGP0cZS1uGP84Nb6wQCB8Wuu9QIVh3POcJjfglz9uMwmEMjAu4Is9BqNpiVigUCsWp/G8AquUGbDplMDwAAAAASUVORK5CYII='}
1
2
3
4
  • /usr/local/deepflow/bin/deepflow-deploy -ud
  1. 更换登录页面 Copyright，修改示例
  • vim /usr/local/deepflow/templates/values-custom.yaml
  • 修改配置
  dfWebCore:
    customConfig:
      app_config_user.js: |-
        window.APP_USER_CONFIG = {
        LOGO_IMG: 'Powerd by DeepFlow'
        }
1
2
3
4
5
6
  • /usr/local/deepflow/bin/deepflow-deploy -ud
  1. 更换版本信息
  • vim /usr/local/deepflow/templates/rear-end/templates/configmap.yaml
  • 修改配置
data:
  deepflow.conf: |-
    [global]
    version = {{ $.Values.global.deepflowVersion }}
    company = xxx云
    support_email = xxx@yun.net.cn
    site_title = xxx云
    deploy_mode = k8s
    billing_method = {{ .Values.global.billing_method }}
1
2
3
4
5
6
7
8
9
  • /usr/local/deepflow/bin/deepflow-deploy -uo rear-end
  1. 更换 favicon，使用 base64 转码图片，尺寸不超过 32*32
  • vim /usr/local/deepflow/templates/values-custom.yaml
  • 修改配置
dfWebCore:
  customConfig:
    app_config_user.js: |-
      window.APP_USER_CONFIG = { FAVICON_IMG: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAeAAAAB4CAYAAAAqliEPAAAACXBIWXMAAAsTAAALEwEAmpwYAAAKTWlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjanVN3WJP3Fj7f92UPVkLY8LGXbIEAIiOsCMgQWaIQkgBhhBASQMWFiApWFBURnEhVxILVCkidiOKgKLhnQYqIWotVXDjuH9yntX167+3t+9f7vOec5/zOec8PgBESJpHmomoAOVKFPDrYH49PSMQye7aTlp3tBOOWli2hydlwkotMW2JMrcUx/V4eWsbPj2+VgkhEEKgawoBQ6OsKMiV51zKhAsvpTXsMLm7icgbr9K26sBQFJWfRpQyWsulSOVGl9IeUpW8intLaV0t6eLiVSz0VoU64KIFMXBCYDpCaYT7V3PJFsueGSitvVZCkfohIA6FsS5P0tWoVAoFOedAL+hhKDcBoSDXCS6YyIc3XGye3VLJPba+tr4kfX+1Mh7DDMTKCorBK2ccTyf5+iWEXFIAJYnWMiGG1/K1nc+OdrS/WTeHxk0BAflAkzYgKZKcRQKhUIJ8DlEKXmJ697hZPvyh9JtSx+ClVsSiQ/eEBo/cY03Hb/Sm083M24BIJCUQhJSLGk6U6IsQaT7Aync4Q2UoeAPj+bC0d2ZSNuzqeiif9m6p9fnOOCGAcZtUCHOiQEKCoVCoVACXBE3rsrB4KDgCxxNtl2wOd+waHOBos4wsyt86bHLg4nhK/zp0eW6lW1ljuVn3Ha3lUEgCUBAIAipnNQlJagUkEXplhIAIeBUA9c9OcsTiJmB2kPZmqaduXBTjxmMHJS6Nw4wOBoDNTOg3AaRGkCoevMUCoVCCfD5BREC1OGg3AY3/OPZQMvzE3XtzydbL7yf2jkPc5yoLxNvEwIrghNj3dTKNvrMXJMjnFDALAQFdyKEEIMKdzSZpAxCwqKMJXOGP0cZS1uGP84Nb6wQCB8Wuu9QIVh3POcJjfglz9uMwmEMjAu4Is9BqNpiVigUCsWp/G8AquUGbDplMDwAAAAASUVORK5CYII='}
1
2
3
4
  • /usr/local/deepflow/bin/deepflow-deploy -ud