「效率工具」前端代码扫描:开发利器助力前端基础数据同步

146 阅读5分钟

效率工具集是一套旨在提升产品研发及项目交付过程中开发、设计、配置迁移等流程效率的工具集,包括IDEA插件HZERO Copilot、表设计、配置迁移、前端扫描等工具。

我们将提供一系列推文,介绍效率工具的使用,帮助您快速了解本工具,给您更好的使用体验。

本文为系列推文的第四讲,将为大家介绍前端代码扫描工具的使用

前端代码扫描主要解决的是前端开发过程中主要涉及的三类基础数据的整理和导入问题:

  • 菜单按钮权限集:用于配置该菜单功能中用于控制某些按钮权限所需的权限集
  • 菜单默认权限集所需的所有权限:用于配置访问该菜单功能时所需的所有默认权限
  • 平台多语言:用于前端页面字段的多语言数据

通过扫描前端代码即可准确、高效的完成如上基础数据的整理收集、确认导入等全流程,让开发流程更顺畅。

image.png

前置操作

一次性前置操作,操作步骤如下:

➤ 效能工具/基础设置/数据源设置: 维护待扫描、导入的目标环境数据库信息

效能工具/基础设置/环境信息:维护待扫描、导入的目标环境访问信息并关联其对应数据库

关键场景: 新功能发布测试环境

前端开发人员在完成新功能开发后,需要发布到测试环境进行测试,此时需要提前将新功能中涉及的按钮权限集、默认权限集所需的API及LOV权限、平台多语言等基础数据定义到系统中。如果手工定义,不仅费力耗时,而且极易错漏;而前端代码扫描工具,通过直接扫描前端源代码即可准确、高效的完成如上基础数据的整理收集,确认导入等全流程,让开发流程更顺畅,同时可以有效避免数据错漏问题。

启动扫描流程

效能工具/前端工程扫描:点击【扫描】按钮即可启动一次扫描流程。列表页可以查看已经扫描的历史记录,并可查看历史扫描结果。

第一步:获取前端源码

在开启扫描流程后,首先需要提供要扫描的前端源码,目前支持两种方式获取源码:

Git获取

通过维护可访问的Git源码仓库信息获取前端代码,如果之前扫描过则可以直接从历史记录中选择,无需重复手工维护。

源文件

直接上传前端代码的ZIP类型压缩包。

第二步:选择目标环境

选择需要扫描、导入的目标环境,此环境在【环境信息】页面维护,访问账号需要具备菜单查询权限,否则后续将无法查询出需要扫描的菜单。

第三步:按需选择扫描菜单及内容开始扫描

按需选择扫描菜单及内容,系统默认将会根据选择的扫描菜单路由自动找到所有关联的扫描文件进行扫描;同时也支持在菜单下按需选择具体需要扫描的文件列表,此时系统仅会扫描用户选择的文件列表。点击【扫描】按钮开始进行扫描。

第四步:查看扫描结果

查看扫描结果,如果正在扫描则会显示【扫描中】,扫描比较耗时,如果想要缩短扫描时间,则可以在第三步选择具体的扫描文件,扫描内容也可以限制只选择需要的数据类型。扫描结果将会展示扫描出来的目标菜单对应的所有菜单按钮权限集、菜单默认权限集所需的API及LOV权限、平台多语言等数据

同步目标环境

根据需要选择要同步的数据(不勾选则视为全量同步)。其中,菜单按钮权限集、菜单默认权限集所需的API及LOV权限数据将会通过【挂载】按钮挂载到目标环境菜单下,多语言数据将会通过【导入】按钮导入到目标环境平台多语言功能中。

查看同步结果

进入目标环境中,切换至平台管理员角色,确认如下同步结果:

权限按钮

系统管理/菜单管理/菜单配置,找到对应菜单打开【权限集】列表,确认按钮类型权限集是否已成功挂载至目标菜单。

值集视图

系统管理/菜单管理/菜单配置,找到对应菜单打开【权限集】列表,找到【默认权限集】打开【LOV】列表,确认值集视图权限是否已成功挂载至目标菜单的【默认权限集】下。

API

系统管理/菜单管理/菜单配置,找到对应菜单打开【权限集】列表,找到【默认权限集】打开【权限】列表,确认API权限是否已成功挂载至目标菜单的【默认权限集】下。

多语言

开发管理/多语言管理/平台多语言,页面字段列表,确认多语言数据是否已成功导入。

想了解更多效率工具实际应用场景?请关注后续一系列推文~

欢迎在评论区留言,与我们一起探讨效率工具在您业务中的应用潜力~

联系我们