[发明专利]基于微前端的页面国际化配置方法、装置、设备及介质

说明书

本申请公开了一种基于微前端的页面国际化配置方法、装置、设备及介质，涉及计算机技术领域。方法包括：在微前端主应用中创建国际化页面，对所述国际化页面进行配置，得到配置后的国际化页面；将所述配置后的国际化页面中的数据进行持久化；读取所述数据，将所述数据传输至至少一个微前端子应用，以供任一所述微前端子应用根据所述数据进行页面翻译。本申请能够将微前端架构中的各个子应用的国际化配置数据统一在主应用中维护，以保证各个子应用翻译的一致性，同时，也避免子应用间相同的词语重复配置，提升了开发效率；并且通过将配置数据持久化，保证业务人员在修改词条后无需重新打包发布，大大降低维护成本，提高了页面国际化的可维护性。

技术领域

本申请涉及计算机技术领域，具体涉及一种基于微前端的页面国际化配置方法、装置、设备及介质。

背景技术

微前端架构是一种类似微服务的Web前端架构，它将微服务的理念应用于前端开发，将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用可以独立开发、独立部署、独立运行，提高了软件系统的灵活性，也提升了软件系统的开发及维护效率。

页面国际化就是指页面可以按照中英文切换显示。目前，页面国际化的实现方法是在应用中建立多语言配置文件，然后当应用中的页面加载时根据语言环境选择相应的配置文件作为依据，对页面上的关键词进行翻译。

而在微前端架构下，每个子应用都有各自的国际化文件，此方案会出现不同子应用间相同的词语重复配置的情况，或者相同的词语翻译不一致等问题。且若在生产环境中想要修改某个词条，必须通过修改代码，重新打包、重新部署的方式实现，十分繁琐，非常难于维护。

发明内容

为了解决上述背景技术中提到的至少一个问题，本申请提供了一种基于微前端的页面国际化配置方法、装置、设备及介质，能够将微前端架构中的各个子应用的国际化配置数据统一在主应用中维护，以保证各个子应用翻译的一致性，同时，也避免子应用间相同的词语重复配置，提升了开发效率；并且通过将配置数据持久化，保证业务人员在修改词条后无需重新打包发布，大大降低维护成本，提高了页面国际化的可维护性。

本申请实施例提供的具体技术方案如下：

第一方面，提供一种基于微前端的页面国际化配置方法，所述方法包括：

在微前端主应用中创建国际化页面，对所述国际化页面进行配置，得到配置后的国际化页面；

将所述配置后的国际化页面中的数据进行持久化；

读取所述数据，将所述数据传输至至少一个微前端子应用，以供任一所述微前端子应用根据所述数据进行页面翻译。

进一步的，所述在微前端主应用中创建国际化页面，对所述国际化页面进行配置，得到配置后的国际化页面，包括：

在微前端主应用中创建国际化页面；

获取所述国际化页面中的至少一个词条，对每个所述词条配置多个属性，所述属性包括关键字以及至少一个语种翻译数据，所述关键字用于标识当前所述词条，所述关键字全局唯一；

得到配置后的国际化页面。

进一步的，在将所述配置后的国际化页面中的数据进行持久化之后，所述方法还包括：

在系统初始化时，在所述微前端主应用中读取所有所述数据；

读取当前所述系统的语种环境，根据所述语种环境以及所述数据，过滤得到每个所述词条的对应语种翻译数据；

将每个所述词条的关键字与所述对应语种翻译数据组合，得到组合后的词条数据。

进一步的，所述读取所述数据，将所述数据传输至至少一个微前端子应用，以供任一所述微前端子应用根据所述数据进行页面翻译，还包括：