WO2023050703A1 - 基于微前端的页面国际化配置方法、装置、设备及介质 - Google Patents

基于微前端的页面国际化配置方法、装置、设备及介质 Download PDF

Info

Publication number
WO2023050703A1
WO2023050703A1 PCT/CN2022/078101 CN2022078101W WO2023050703A1 WO 2023050703 A1 WO2023050703 A1 WO 2023050703A1 CN 2022078101 W CN2022078101 W CN 2022078101W WO 2023050703 A1 WO2023050703 A1 WO 2023050703A1
Authority
WO
WIPO (PCT)
Prior art keywords
page
micro
data
application
internationalized
Prior art date
Application number
PCT/CN2022/078101
Other languages
English (en)
French (fr)
Inventor
许磊
Original Assignee
苏州浪潮智能科技有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 苏州浪潮智能科技有限公司 filed Critical 苏州浪潮智能科技有限公司
Publication of WO2023050703A1 publication Critical patent/WO2023050703A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/70—Software maintenance or management
    • G06F8/71—Version control; Configuration management

Definitions

  • the present application relates to the field of computer technology, in particular to a micro-frontend-based page internationalization configuration method, device, equipment and media.
  • Micro front-end architecture is a web front-end architecture similar to micro-services. It applies the concept of micro-services to front-end development, and transforms web applications from a single single application to an application that aggregates multiple small front-end applications into one. Each front-end application can be independently developed, independently deployed, and operated independently, which improves the flexibility of the software system and improves the development and maintenance efficiency of the software system.
  • Page internationalization means that the page can be switched between Chinese and English.
  • the implementation method of page internationalization is to establish a multilingual configuration file in the application, and then select the corresponding configuration file according to the language environment when the page in the application is loaded, and translate the keywords on the page.
  • each sub-application has its own internationalization file.
  • problems such as repeated configuration of the same words between different sub-applications, or inconsistent translation of the same words.
  • you want to modify an entry in the production environment you must modify the code, repackage, and redeploy, which is very cumbersome and difficult to maintain.
  • the embodiment of the present application provides a micro-frontend-based page internationalization configuration method, the method includes:
  • Read the above data and transmit the above data to at least one micro front end application, so that any one of the above micro front end applications performs page translation according to the above data.
  • the above-mentioned internationalization page is created in the main application of the micro-frontend, and the above-mentioned internationalization page is configured to obtain the configured internationalization page, including:
  • the above-mentioned attributes include keywords and at least one language translation data.
  • the above-mentioned keywords are used to identify the current above-mentioned entries, and the above-mentioned keywords are global only;
  • the above method further includes:
  • the above-mentioned reading of the above-mentioned data, and transmitting the above-mentioned data to at least one micro front-end sub-application for any of the above-mentioned micro front-end sub-applications to perform page translation according to the above-mentioned data also includes:
  • the above-mentioned micro-frontend main application and the above-mentioned micro-frontend sub-application transmit data through a parameter transmission channel, and the above-mentioned parameter transmission channel includes props,
  • the above-mentioned combined entry data is transmitted to the aforementioned micro-frontier sub-application, including:
  • the above-mentioned combined entry data is transmitted to the above-mentioned micro-frontier sub-application through the above-mentioned props.
  • the above-mentioned data persistence in the configured internationalized page includes at least one of the following:
  • the data in the internationalized page after the above configuration is stored in the physical storage device, and the data in the internationalized page after the above configuration is stored in the database.
  • the above-mentioned data in the configured internationalized page is stored in a physical storage device, specifically including:
  • the embodiment of the present application provides a micro-frontend-based page internationalization configuration device, the above-mentioned device includes:
  • the control module is used to create an internationalized page in the micro-frontend main application, configure the above-mentioned internationalized page, and obtain the configured internationalized page;
  • the management module is used to persist the data in the internationalized page configured above;
  • the transmission module is configured to read the above-mentioned data, and transmit the above-mentioned data to at least one micro-front end application, so that any one of the above-mentioned micro-front end applications performs page translation according to the above-mentioned data.
  • the embodiment of the present application discloses an electronic device, the electronic device includes a memory and one or more processors, and computer-readable instructions are stored in the memory, and when the computer-readable instructions are executed by the processor, a or a plurality of processors execute the steps of the micro-frontend-based page internationalization configuration method provided in any one of the above embodiments.
  • the embodiments of the present application disclose one or more non-volatile storage media storing computer-readable instructions, and when the computer-readable instructions are executed by one or more processors, one or more processors Execute the steps of the micro-frontend-based page internationalization configuration method provided by any one of the above embodiments.
  • FIG. 1 shows an application scenario diagram of a micro-frontend-based page internationalization configuration method provided by an embodiment of the present application
  • Fig. 2 shows the overall flow chart of the page internationalization configuration method based on the micro-frontend provided by the embodiment of the present application
  • FIG. 3 shows a schematic diagram of the implementation process of a micro-frontend-based page internationalization configuration method according to an embodiment of the present application
  • FIG. 4 shows a schematic structural diagram of a micro-frontend-based page internationalization configuration device provided by an embodiment of the present application
  • FIG. 5 illustrates an exemplary system that may be used to implement various embodiments described in this application.
  • Micro-frontend is an architecture similar to microservices. It applies the concept of microservices to the browser side, that is, transforms a web application from a single single application to an application that aggregates multiple small front-end applications into one. Each front-end application can run independently, develop independently, and deploy independently.
  • a micro frontend consists of a main application and multiple sub-applications. Among them, the main application only provides the overall control function and does not provide specific business functions; the sub-applications provide specific business functions.
  • the main application is the basic project of many sub-applications in the micro-frontend architecture, and all other sub-applications are registered in the main application.
  • the main application it is possible to control and decide which projects and which sub-applications to activate according to the link address.
  • the sub-applications are activated or destroyed according to the logic of the main application.
  • the micro-frontend-based page internationalization configuration method provided in this application can be applied to an electronic device.
  • the electronic device can be a server, and its internal structure diagram can be shown in FIG. 1 .
  • the electronic device includes a processor, memory, network interface and database connected by a system bus. Wherein, the processor of the electronic device is used to provide calculation and control capabilities.
  • the memory of the electronic device includes a non-volatile storage medium and an internal memory.
  • the non-volatile storage medium stores an operating system, computer readable instructions and a database.
  • the internal memory provides an environment for the execution of the operating system and computer-readable instructions in the non-volatile storage medium.
  • the database of the electronic device is used to store data in configured internationalized pages and other data.
  • the network interface of the electronic device is used to communicate with an external terminal through a network connection.
  • the micro-frontend-based page internationalization configuration method is realized.
  • the server may be implemented by an independent server or a server cluster composed of multiple servers.
  • This application provides a micro-frontend-based page internationalization configuration method. Referring to Figure 2, this method is applied to the electronic device in Figure 1 as an example.
  • the method includes:
  • the internationalized page may include a visual page, and entries may be visually configured on the internationalized page in the main micro-frontend application.
  • the code is more concise, which can avoid unnecessary coupling between unrelated components, realize component decoupling, and make it easier to maintain, thereby achieving team autonomy.
  • greatly increased levels of team autonomy can further fragment the work of individual teams.
  • Each team only focuses on its own business or platform functions. In terms of overall user-oriented delivery, it will lead to insensitivity to user needs and performance, and untimely response.
  • there are many duplications of dependent packages between different sub-applications Since each application is independently developed, compiled and released, it is inevitable that there will be repeated dependencies. As a result, different applications need to download dependencies repeatedly, which increases traffic and server-side pressure.
  • each sub-application has its own internationalization configuration file, and different sub-applications may have duplicate configurations of the same entries or inconsistent translations of the same entries.
  • entries can be directly configured on the visual page under the main application, realizing the unification of entry translation, and modifying entries does not require modifying code, repackaging, and redeploying, just need Through specific page operations, it improves development efficiency, is easy to maintain, and reduces traffic and server-side pressure.
  • S1 also includes:
  • the attributes include keywords and at least one language translation data.
  • the keywords are used to identify the current entry, and the keywords are globally unique;
  • the above-mentioned entry is an internationalized configuration object in the page, and may include one or more words or fields, one or more groups of words, one or more sentences.
  • the keyword may include key, and the key is globally unique. Attributes can include key, zh_cn, en, etc. Among them, key is used to identify the current entry, zh_cn represents the Chinese translation corresponding to the current entry, and en represents the English translation corresponding to the current entry. If you need translation in other languages, you can add other language attributes, and the attribute names can be customized according to the language.
  • persistence is the mechanism for converting program data between persistent and transient states.
  • Persistence means saving the above data in a physical storage device or database that can be stored permanently.
  • the main application of persistence is to store objects in memory in a database, or in a disk file, in an XML data file, and so on.
  • S2 includes at least one of the following:
  • the data in the configured internationalized page is stored in the physical storage device, and the data in the configured internationalized page is stored in the database.
  • storing the data in the configured internationalized page into a physical storage device specifically includes: converting the configured data in the internationalized page into a json character string and writing it into a file;
  • the data in the internationalized page after the above configuration includes entry data, and the entry data can be converted into a json string, such as: ⁇ key: “example”, zh_cn: “example”, en: “Example” ⁇
  • a json string such as: ⁇ key: “example”, zh_cn: “example”, en: “Example” ⁇
  • Such a form is written into the file, and then the file is stored in the physical storage device. It is also possible to persist the entry data in this way by saving the entry data one by one in the database for subsequent reading.
  • the method further includes:
  • micro frontend main application in response to system initialization.
  • the system may include a browser, a server, and the like.
  • System initialization can include browser refreshes, page reloads, etc.
  • the system can be initialized when the language environment and network environment are changed. At this time, the page information needs to be reloaded, and the entry data is re-read to translate the page information.
  • the entry data can be converted according to the current language environment (Chinese environment), filter out other language environment attribute data information, and convert it into a key:value format, that is, convert It is key: zh_cn format.
  • S3. Read the data, and transmit the data to at least one micro front end application, so that any micro front end application can perform page translation according to the data.
  • entry data is read from the above physical storage or database, and these entry data are transmitted to other micro-frontend sub-applications, and the micro-frontend sub-applications implement services on these entry data.
  • the source of entry data is consistent, page translation and conversion are unified, and page translation consistency can be achieved.
  • Each micro-frontend sub-application independently completes the page translation process, realizing the independence and autonomy of the team.
  • S3 also includes:
  • the combined entry data is transmitted to the micro-frontier sub-application.
  • page translation is performed according to the combined entry data.
  • the micro-frontend main application and the micro-frontend sub-application transmit data through a parameter transfer channel, where the parameter transfer channel may include props attributes, and S31 also includes:
  • the above-mentioned combined entry data is transmitted to the above-mentioned micro-frontier sub-application through the above-mentioned props.
  • the aforementioned combined entry data is transmitted to the aforementioned micro-frontier sub-application through the aforementioned props.
  • the communication between parent and child components is props down and events up.
  • the parent component that is, the micro-frontend main application, passes entry data down to the sub-component (sub-application) through attribute props, and the sub-component (sub-application) sends messages to the parent component through events.
  • a sub-application needs some data, it defines a prop attribute inside, and then the parent component passes its own data attribute to the property of the sub-component just like specifying a property value for an html element.
  • a visualized internationalization page is provided in the micro-frontend main application for developers to add or modify internationalization configurations, and the data is persisted in the micro-frontend main application.
  • the sub-application When the sub-application is activated, the data is transferred from the main application to the sub-application for the sub-application to perform page translation business.
  • the present application also provides a micro-frontend-based page internationalization configuration device 300 , as shown in FIG. 4 , including a control module 301 , a management module 302 and a transmission module 303 .
  • control module 301 is used to create an internationalized page in the micro-frontend main application, and configure the above-mentioned internationalized page to obtain the configured internationalized page;
  • management module 302 is used to convert the data in the configured internationalized page Persistence;
  • transmission module 303 is used to read the above-mentioned data, and transmit the above-mentioned data to at least one micro-frontier sub-application, so that any one of the above-mentioned micro-frontier sub-applications can perform page translation according to the above-mentioned data.
  • control module 301 is also used to create an internationalized page in the micro-frontend main application; and used to obtain at least one entry in the above-mentioned internationalized page, and configure multiple attributes for each of the above-mentioned entries, and the above-mentioned attributes include key Words and translation data of at least one language, the keyword is used to identify the current entry, and the keyword is globally unique; the control module 301 is also used to obtain the configured internationalized page.
  • the management module 302 is also used to read all the above-mentioned data in the above-mentioned micro front-end main application when the system is initialized; and is used to read the current language environment of the above-mentioned system, and filter to obtain each The corresponding language translation data of each of the above-mentioned entries; the management module 302 is also used to combine the keywords of each of the above-mentioned entries with the above-mentioned corresponding language translation data to obtain the combined entry data.
  • the transmission module 303 is also configured to transmit the above-mentioned combined entry data to the micro-front sub-application when at least one micro-front sub-application is activated; the management module 302 is configured to, when the micro-front sub-application page is loaded, Page translation is performed according to the above combined entry data.
  • the transmission module 303 is also configured to transmit the above-mentioned combined entry data to the above-mentioned micro-frontend terminal application through the above-mentioned props when at least one micro-frontend terminal application is activated.
  • management module 302 is also configured to store the above configured data in the internationalized page into a physical storage device and store the above configured data in the internationalized page into a database.
  • management module 302 is also configured to convert the above-mentioned configured data in the internationalized page into a json character string and write it into a file; and store the above-mentioned file into a physical storage device.
  • a visualized internationalized interface is provided in the main application of the micro-frontend for developers to add internationalized configuration, modify entry configuration information, or perform maintenance in the visualized interface, which is easy to maintain and improves development efficiency.
  • the entry data is persisted to physical storage or database for reading and use by micro-frontend sub-applications, which ensures the translation consistency of each micro-frontend sub-application.
  • the present application also provides an electronic device, the electronic device includes a memory and one or more processors, and computer-readable instructions are stored in the memory, and when the computer-readable instructions are executed by the processor, one or more A plurality of processors execute the steps of the micro-frontend-based page internationalization configuration method provided by any one of the above embodiments.
  • a system can be used as the above-mentioned electronic device in any one of the above-mentioned embodiments for the micro-frontend-based page internationalization configuration method.
  • a system may include one or more computer-readable media (e.g., system memory or NVM/storage devices) having instructions and coupled to the one or more computer-readable media and configured to execute the instructions to One or more processors (eg, processor(s)) that implement a module such that the actions described in this application are performed.
  • processors e.g, processor(s)
  • the system control module may include any suitable interface controller to provide any suitable interface.
  • the system control module may include a memory controller module to provide an interface to the system memory.
  • a memory controller module may be a hardware module, a software module and/or a firmware module.
  • System memory may be used, for example, to load and store data and/or instructions for the system.
  • system memory may include any suitable volatile memory, such as suitable DRAM.
  • the system memory may include Double Data Rate Type Quad Synchronous Dynamic Random Access Memory (DDR4 SDRAM).
  • DDR4 SDRAM Double Data Rate Type Quad Synchronous Dynamic Random Access Memory
  • system control module may include one or more input/output (I/O) controllers to provide interfaces to NVM/storage devices and communication interface(s).
  • I/O input/output
  • NVM/storage devices may be used to store data and/or instructions.
  • the NVM/storage device may include any suitable non-volatile memory (e.g., flash memory) and/or may include any suitable non-volatile storage device(s) (e.g., one or more hard disk drives (HDD ), one or more compact disc (CD) drives, and/or one or more digital versatile disc (DVD) drives).
  • suitable non-volatile memory e.g., flash memory
  • suitable non-volatile storage device(s) e.g., one or more hard disk drives (HDD ), one or more compact disc (CD) drives, and/or one or more digital versatile disc (DVD) drives.
  • HDD hard disk drives
  • CD compact disc
  • DVD digital versatile disc
  • NVM/storage devices may include storage resources that are physically part of the device on which the system is installed, or that may be accessed by the device without necessarily being part of the device. For example, NVM/storage devices may be accessed over a network via communication interface(s).
  • the communication interface(s) may provide the system with an interface to communicate over one or more networks and/or with any other suitable device.
  • the system may communicate wirelessly with one or more components of the wireless network according to any of one or more wireless network standards and/or protocols.
  • At least one of the processor(s) may be packaged with the logic of one or more controllers of the system control module (eg, a memory controller module). For one embodiment, at least one of the processor(s) may be packaged with the logic of the one or more controllers of the system control module to form a system-in-package (SiP). For one embodiment, at least one of the processor(s) may be integrated on the same die as the logic of the one or more controllers of the system control module. For one embodiment, at least one of the processor(s) may be integrated on the same die with the logic of the one or more controllers of the system control module to form a system on chip (SoC).
  • SoC system on chip
  • a system may be, but is not limited to, a server, workstation, desktop computing device, or mobile computing device (eg, laptop computing device, handheld computing device, tablet computer, netbook, etc.).
  • the system may have more or fewer components and/or a different architecture.
  • a system includes one or more cameras, a keyboard, a liquid crystal display (LCD) screen (including a touchscreen display), a non-volatile memory port, multiple antennas, a graphics chip, an application-specific integrated circuit (ASIC) ) and speakers.
  • LCD liquid crystal display
  • ASIC application-specific integrated circuit
  • the present application can be implemented in software and/or a combination of software and hardware, for example, it can be implemented by using an application specific integrated circuit (ASIC), a general-purpose computer or any other similar hardware devices.
  • ASIC application specific integrated circuit
  • the software program of the present application can be executed by a processor to realize the steps or functions described above.
  • the software program (including associated data structures) of the present application can be stored in a computer-readable recording medium such as RAM memory, magnetic or optical drive or floppy disk and the like.
  • some steps or functions of the present application may be implemented by hardware, for example, as a circuit that cooperates with a processor to execute each step or function.
  • a part of the present application can be applied as a computer program product, such as a computer readable instruction.
  • a computer program product such as a computer readable instruction.
  • the method and/or technical solution according to the present application can be invoked or provided through the operation of the computer.
  • the form of computer-readable instructions in computer-readable media includes but is not limited to source files, executable files, installation package files, etc.
  • the way computer-readable instructions are executed by computers includes But not limited to: the computer directly executes the instruction, or the computer compiles the instruction and then executes the corresponding compiled program, or the computer reads and executes the instruction, or the computer reads and installs the instruction and then executes the corresponding program. Post-installation procedure.
  • a computer readable medium may be any available computer readable storage medium or communication medium that can be accessed by a computer.
  • Communication media includes the media whereby communication signals embodying, for example, computer readable instructions, data structures, program modules or other data are transmitted from one system to another.
  • Communication media can include guided transmission media such as cables and wires (e.g., fiber optics, coaxial, etc.) and wireless (unguided transmission) media capable of propagating waves of energy, such as acoustic, electromagnetic, RF, microwave, and infrared .
  • Computer readable instructions, data structures, program modules or other data may be embodied, for example, as a modulated data signal in a wireless medium such as a carrier wave or similar mechanism such as embodied as part of spread spectrum technology.
  • modulated data signal means a signal that has one or more of its characteristics changed or set in such a manner as to encode information in the signal. Modulation can be analog, digital or mixed modulation techniques.
  • an embodiment according to the present application includes an apparatus comprising a memory for storing computer-readable instructions and a processor for executing program instructions, wherein when the computer-readable instructions are executed by the processor , triggering the device to run the methods and/or technical solutions based on the aforementioned multiple embodiments of the present application.
  • the present application also provides one or more non-volatile storage media storing computer-readable instructions.
  • the computer-readable instructions When executed by one or more processors, the one or more processors execute The steps of the micro-frontend-based page internationalization configuration method provided by any one of the above embodiments.
  • Nonvolatile memory can include read only memory (ROM), programmable ROM (PROM), electrically programmable ROM (EPROM), electrically erasable programmable ROM (EEPROM), or flash memory.
  • Volatile memory can include random access memory (RAM) or external cache memory.
  • RAM random access memory
  • RAM is available in many forms such as Static RAM (SRAM), Dynamic RAM (DRAM), Synchronous DRAM (SDRAM), Double Data Rate SDRAM (DDRSDRAM), Enhanced SDRAM (ESDRAM), Synchronous Chain Synchlink DRAM (SLDRAM), memory bus (Rambus) direct RAM (RDRAM), direct memory bus dynamic RAM (DRDRAM), and memory bus dynamic RAM (RDRAM), etc.

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Computer Security & Cryptography (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Information Transfer Between Computers (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)

Abstract

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

Description

基于微前端的页面国际化配置方法、装置、设备及介质
相关申请的交叉引用
本申请要求于2021年09月28日提交中国专利局，申请号为202111141569.6，申请名称为“基于微前端的页面国际化配置方法、装置、设备及介质”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本申请涉及计算机技术领域，具体涉及一种基于微前端的页面国际化配置方法、装置、设备及介质。
背景技术
微前端架构是一种类似微服务的Web前端架构，它将微服务的理念应用于前端开发，将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用可以独立开发、独立部署、独立运行，提高了软件系统的灵活性，也提升了软件系统的开发及维护效率。
页面国际化就是指页面可以按照中英文切换显示。目前，页面国际化的实现方法是在应用中建立多语言配置文件，然后当应用中的页面加载时根据语言环境选择相应的配置文件作为依据，对页面上的关键词进行翻译。
而在微前端架构下，每个子应用都有各自的国际化文件，此方案会出现不同子应用间相同的词语重复配置的情况，或者相同的词语翻译不一致等问题。且若在生产环境中想要修改某个词条，必须通过修改代码，重新打包、重新部署的方式实现，十分繁琐，非常难于维护。
发明内容
本申请实施例提供的具体技术方案如下：
第一方面，本申请的实施例提供一种基于微前端的页面国际化配置方法，上述方法包括：
在微前端主应用中创建国际化页面，对上述国际化页面进行配置，得到配置后的国际化页面；
将上述配置后的国际化页面中的数据进行持久化；
读取上述数据，将上述数据传输至至少一个微前端子应用，以供任一上述微前端子应用根据上述数据进行页面翻译。
根据本申请的一个实施例，上述在微前端主应用中创建国际化页面，对上述国际化页面进行配置，得到配置后的国际化页面，包括：
在微前端主应用中创建国际化页面；
获取上述国际化页面中的至少一个词条，对每个上述词条配置多个属性，上述属性包括关键字以及至少一个语种翻译数据，上述关键字用于标识当前上述词条，上述关键字全局唯一；
得到配置后的国际化页面。
根据本申请的一个实施例，在将上述配置后的国际化页面中的数据进行持久化之后，上述方法还包括：
在系统初始化时，在上述微前端主应用中读取所有上述数据；
读取当前上述系统的语种环境，根据上述语种环境以及上述数据，过滤得到每个上述词条的对应语种翻译数据；
将每个上述词条的关键字与上述对应语种翻译数据组合，得到组合后的词条数据。
根据本申请的一个实施例，上述读取上述数据，将上述数据传输至至少一个微前端子应用，以供任一上述微前端子应用根据上述数据进行页面翻译，还包括：
在激活至少一个微前端子应用时，将上述组合后的词条数据传输至上述微前端子应用；
在上述微前端子应用页面加载时，根据上述组合后的词条数据进行页面翻译。
根据本申请的一个实施例，上述微前端主应用与上述微前端子应用通过参数传递通道传输数据，上述参数传递通道包括props，
上述在激活至少一个微前端子应用时，将上述组合后的词条数据传输至上述微前端子应用，包括：
在激活至少一个微前端子应用时，通过上述props将上述组合后的词条数据传输至上述微前端子应用。
根据本申请的一个实施例，上述将上述配置后的国际化页面中的数据进行持久化，包括以下至少一种：
将上述配置后的国际化页面中的数据存入物理存储设备中、将上述配置后的国际化页面中的数据存入数据库中。
根据本申请的一个实施例，上述将上述配置后的国际化页面中的数据存入物理存储设备中，具体包括：
将上述配置后的国际化页面中的数据转换为json字符串写入文件中；
将上述文件存入物理存储设备。
第二方面，本申请的实施例提供一种基于微前端的页面国际化配置装置，上述装置包括：
控制模块，用于在微前端主应用中创建国际化页面，对上述国际化页面进行配置，得到配置后的国际化页面；
管理模块，用于将上述配置后的国际化页面中的数据进行持久化；
传输模块，用于读取上述数据，将上述数据传输至至少一个微前端子应用，以供任一上述微前端子应用根据上述数据进行页面翻译。
第三方面，本申请的实施例公开了一种电子设备，该电子设备包括存储器和一个或多个处理器，存储器中储存有计算机可读指令，计算机可读指令被处理器执行时，使得一个或多个处理器执行上述任意一个实施例提供的基于微前端的页面国际化配置方法的步骤。
第四方面，本申请的实施例公开了一个或多个存储有计算机可读指令的非易失性存储介质，计算机可读指令被一个或多个处理器执行时，使得一个或多个处理器执行上述任意一个实施例提供的基于微前端的页面国际化配置方法的步骤。
本申请的一个或多个实施例的细节在下面的附图和描述中提出。本申请的其它特征和优点将从说明书、附图以及权利要求书变得明显。
附图说明
为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1示出本申请实施例提供的基于微前端的页面国际化配置方法的应用场景图；
图2示出本申请实施例提供的基于微前端的页面国际化配置方法的总流程图；
图3示出根据本申请一个实施例的基于微前端的页面国际化配置方法的实施流程示意图；
图4示出本申请实施例提供的基于微前端的页面国际化配置装置的结构示意图；
图5示出可被用于实施本申请中所述的各个实施例的示例性系统。
具体实施方式
为使本申请的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
应当理解，在本申请的描述中，除非上下文明确要求，否则整个说明书和权利要求书中的“包括”、“包含”等类似词语应当解释为包含的含义而不是排他或穷举的含义；也就是说，是“包括但不限于”的含义。
还应当理解，术语“第一”、“第二”等仅用于描述目的，而不能理解为指示或暗示相对重要性。此外，在本申请的描述中，除非另有说明，“多个”的含义是两个或两个以上。
需要注意的是，术语“S1”、“S2”等仅用于步骤的描述目的，并非特别指称次序或顺位的意思，亦非用以限定本申请，其仅仅是为了方便描述本申请的方法，而不能理解为指示步骤的先后顺序。另外，各个实施例之间的技术方案可以相互结合，但是必须是以本领域普通技术人员能够实现为基础，当技术方案的结合出现相互矛盾或无法实现时应当认为这种技术方案的结合不存在，也不在本申请要求的保护范围之内。
微前端是一种类似于微服务的架构，它将微服务的理念应用于浏览器端，即将Web应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用可以独立运行、独立开发、独立部署。
微前端包括一个主应用以及多个子应用。其中，主应用只提供总体的控制功能，不提供具体的业务功能；子应用提供具体的业务功能。
具体的，主应用为微前端架构中众多子应用的基础工程，其余各个子应用都在该主应用中注册。在主应用中可以根据链接地址来控制决定激活哪些工程、哪些子应用。子应用根据该主应用的逻辑来进行激活或销毁。
本申请提供的基于微前端的页面国际化配置方法，可以应用于电子设备，该电子设备可以是服务器，其内部结构图可以如图1所示。该电子设备包括通过系统总线连接的处理器、存储器、网络接口和数据库。其中，该电子设备的处理器用于提供计算和控制能力。该电子设备的存储器包括非易失性存储介质、内存储器。该非易失性存储介质存储有操作系统、计算机可读指令和数据库。该内存储器为非易失性存储介质中的操作系 统和计算机可读指令的运行提供环境。该电子设备的数据库用于存储配置后的国际化页面中的数据等数据。该电子设备的网络接口用于与外部的终端通过网络连接通信。该计算机可读指令被处理器执行时以实现基于微前端的页面国际化配置方法。其中，该服务器可以用独立的服务器或者是多个服务器组成的服务器集群来实现。
实施例一
本申请提供了一种基于微前端的页面国际化配置方法，参照图2，以该方法应用于图1中的电子设备为例进行说明，方法包括：
S1、在微前端主应用中创建国际化页面，对国际化页面进行配置，得到配置后的国际化页面。
下面结合图3对本实施例进行示例性解释：
具体的，国际化页面可以包括一种可视化页面，在微前端主应用中的国际化页面中可以对词条进行可视化配置。微前端体系下，代码更加简洁，能够避免无关组件之间的不必要耦合，实现组件解耦，更易于维护，从而实现团队自治。然而，大幅提升的团队自治水平可能会让各个团队的工作愈加分裂。各团队只关注自己的业务或者平台功能，在面向用户的整体交付方面，会导致对用户需求和体现不敏感，和响应不及时。并且，不同子应用之间依赖的包存在很多重复，由于各应用独立开发、编译和发布，难免会存在重复依赖的情况。从而导致不同应用之间需要重复下载依赖，额外再增加了流量和服务端压力。
具体的，对于页面国际化场景下，每个子应用都有各自的国际化配置文件，不同的子应用间就存在相同的词条重复配置或是相同的词条而翻译不一致的情况。通过创建、提供国际化页面，可以在主应用下的可视化页面直接对词条进行配置，实现了词条翻译的统一，并且对词条进行修改不需要修改代码、重新打包、重新部署，只需要通过特定的页面操作，提高了开发效率，易于维护，减少流量和服务端的压力。
在一些实施方式中，S1还包括：
S11、在微前端主应用中创建国际化页面；
S12、获取国际化页面中的至少一个词条，对每个词条配置多个属性，属性包括关键字以及至少一个语种翻译数据，关键字用于标识当前词条，关键字全局唯一；
S13、得到配置后的国际化页面。
具体的，上述词条为页面中国际化配置对象，可以包括一个或多个字或字段、一组或多组词语、一句或多句语句。
示例性的，关键字可以包括key，key全局唯一。属性可以包括key、zh_cn、en 等。其中，key用于标识当前词条，zh_cn表示当前词条对应的汉语译文，en表示当前词条对应的英语译文。若还需要其他语种翻译，可以增加其他语种属性，属性名称可以根据该语种自定义。
S2、将配置后的国际化页面中的数据进行持久化。
具体的，持久化是将程序数据在持久状态和瞬时状态间转换的机制。持久化即把上述数据保存到可永久保存的物理存储设备或数据库中。持久化的主要应用是将内存中的对象存储在数据库中，或者存储在磁盘文件中、XML数据文件中等等。
在一些实施方式中，S2包括以下至少一种：
将配置后的国际化页面中的数据存入物理存储设备中、将配置后的国际化页面中的数据存入数据库中。
其中，将配置后的国际化页面中的数据存入物理存储设备中，具体包括：将配置后的国际化页面中的数据转换为json字符串写入文件中；
将文件存入物理存储设备。
示例性的，上述配置后的国际化页面中的数据包括词条数据，可以将词条数据转换为json字符串，如：{key：“example”，zh_cn：“举例”，en：“Example”}这样的形式写入文件中，再将该文件存储至物理存储设备中。也可以通过将词条数据逐个保存到数据库中，通过这样的方式对词条数据进行持久化，以供后续读取。
在一些实施方式中，在执行S2之后，方法还包括：
201、在系统初始化时，在微前端主应用中读取所有数据；
202、读取当前系统的语种环境，根据语种环境以及数据，过滤得到每个词条的对应语种翻译数据；
203、将每个词条的关键字与对应语种翻译数据组合，得到组合后的词条数据。
具体地，响应于系统初始化，在微前端主应用中读取所有数据。
具体的，系统可以包括浏览器，服务器等。系统初始化可以包括浏览器刷新，页面重新加载等情况。可以在改变语言环境、网络环境时进行系统初始化，这时就需要重新加载页面信息，重新读取词条数据对页面信息进行翻译转换。
示例性的，若识别到当前语言环境为汉语语言，则可以根据当前语言环境(汉语环境)，对词条数据进行转换，过滤掉其他语言环境属性数据信息，转换为key：value格式，即转换为key：zh_cn格式。使得词条、关键字与当前语言环境(汉语环境)对应的属性单独匹配，例如{example：“举例”}。通过这样的技术手段，可以减少与当前语言环境无关的其他语言环境属性数据信息的传输与处理，从而减少运算量与服务端的压 力，提升翻译转换效率。
S3、读取数据，将数据传输至至少一个微前端子应用，以供任一微前端子应用根据数据进行页面翻译。
具体的，从上述物理存储或数据库中读取词条数据，将这些词条数据传输给其他微前端子应用，微前端子应用对这些词条数据实施业务。词条数据的来源一致、页面翻译与转换统一，可以实现页面翻译一致性。各个微前端子应用自主完成页面翻译流程，实现团队的独立自治。
在一些实施方式中，S3还包括：
S31、在激活至少一个微前端子应用时，将组合后的词条数据传输至微前端子应用；
S32、在微前端子应用页面加载时，根据组合后的词条数据进行页面翻译。
具体地，响应于激活至少一个微前端子应用，将组合后的词条数据传输至微前端子应用。响应于微前端子应用页面的加载，根据组合后的词条数据进行页面翻译。
具体的，微前端主应用与微前端子应用通过参数传递通道传输数据，其中，参数传递通道可以包括props属性，S31还包括：
在激活至少一个微前端子应用时，通过上述props将上述组合后的词条数据传输至上述微前端子应用。
具体地，响应于激活至少一个微前端子应用，通过上述props将上述组合后的词条数据传输至上述微前端子应用。
具体的，父子组件之间的通信就是props down，events up。父组件，即微前端主应用，通过属性props向下传递词条数据给子组件(子应用)，子组件(子应用)通过事件events给父组件发送消息。
示例性的，子应用需要某个数据，就在内部定义一个prop属性，然后父组件就像给html元素指定特性值一样，把自己的data属性传递给子组件的这个属性。
在本实施例中，在微前端主应用中提供可视化的国际化页面，供开发人员添加或修改国际化配置，并将数据在微前端主应用进行持久化。当激活子应用时，将数据从主应用传入子应用，供子应用进行页面翻译业务。通过采用上述技术方案，不同的子应用在开发国际化功能时，可以通过统一的可视化页面进行添加、维护国际化词条，从代码层面上保证了词条的唯一性，也同时保证了不同子应用的翻译统一性，降低了微前端开发的复杂度。另外，在生产环境中修改词条也只需要通过特定的界面操作，而无需进行修改代码、重新打包、重新部署的流程，极大地提升了开发和维护效率。
实施例二
对应上述实施例，本申请还提供了一种基于微前端的页面国际化配置装置300，如图4所示，包括控制模块301、管理模块302以及传输模块303。
其中，控制模块301用于在微前端主应用中创建国际化页面，对上述国际化页面进行配置，得到配置后的国际化页面；管理模块302用于将上述配置后的国际化页面中的数据进行持久化；传输模块303用于读取上述数据，将上述数据传输至至少一个微前端子应用，以供任一上述微前端子应用根据上述数据进行页面翻译。
进一步的，控制模块301还用于在微前端主应用中创建国际化页面；以及用于获取上述国际化页面中的至少一个词条，对每个上述词条配置多个属性，上述属性包括关键字以及至少一个语种翻译数据，上述关键字用于标识当前上述词条，上述关键字全局唯一；控制模块301还用于得到配置后的国际化页面。
进一步的，管理模块302还用于在系统初始化时，在上述微前端主应用中读取所有上述数据；以及用于读取当前上述系统的语种环境，根据上述语种环境以及上述数据，过滤得到每个上述词条的对应语种翻译数据；管理模块302还用于将每个上述词条的关键字与上述对应语种翻译数据组合，得到组合后的词条数据。
进一步的，传输模块303还用于在激活至少一个微前端子应用时，将上述组合后的词条数据传输至上述微前端子应用；管理模块302用于在上述微前端子应用页面加载时，根据上述组合后的词条数据进行页面翻译。
进一步的，传输模块303还用于在激活至少一个微前端子应用时，通过上述props将上述组合后的词条数据传输至上述微前端子应用。
进一步的，管理模块302还用于将上述配置后的国际化页面中的数据存入物理存储设备中以及将上述配置后的国际化页面中的数据存入数据库中。
进一步的，管理模块302还用于将上述配置后的国际化页面中的数据转换为json字符串写入文件中；以及将上述文件存入物理存储设备。
在本实施例中，在微前端主应用中提供可视化的国际化界面，供开发者在可视化界面中添加国际化配置、修改词条配置信息或是进行维护等一系列操作，易于维护，提升开发效率。同时，词条数据持久化到物理存储或是数据库中，供微前端子应用读取使用，保证了各个微前端子应用的翻译一致性。
实施例三
对应上述实施例，本申请还提供了一种电子设备，该电子设备包括存储器和一个或多个处理器，存储器中储存有计算机可读指令，计算机可读指令被处理器执行时，使得一个或多个处理器执行上述任意一个实施例提供的基于微前端的页面国际化配置方法的 步骤。
如图5所示，在一些实施例中，系统能够作为各所述实施例中的任意一个用于基于微前端的页面国际化配置方法的上述电子设备。在一些实施例中，系统可包括具有指令的一个或多个计算机可读介质(例如，系统存储器或NVM/存储设备)以及与该一个或多个计算机可读介质耦合并被配置为执行指令以实现模块从而执行本申请中所述的动作的一个或多个处理器(例如，(一个或多个)处理器)。
对于一个实施例，系统控制模块可包括任意适当的接口控制器，以向(一个或多个)处理器中的至少一个和/或与系统控制模块通信的任意适当的设备或组件提供任意适当的接口。
系统控制模块可包括存储器控制器模块，以向系统存储器提供接口。存储器控制器模块可以是硬件模块、软件模块和/或固件模块。
系统存储器可被用于例如为系统加载和存储数据和/或指令。对于一个实施例，系统存储器可包括任意适当的易失性存储器，例如，适当的DRAM。在一些实施例中，系统存储器可包括双倍数据速率类型四同步动态随机存取存储器(DDR4SDRAM)。
对于一个实施例，系统控制模块可包括一个或多个输入/输出(I/O)控制器，以向NVM/存储设备及(一个或多个)通信接口提供接口。
例如，NVM/存储设备可被用于存储数据和/或指令。NVM/存储设备可包括任意适当的非易失性存储器(例如，闪存)和/或可包括任意适当的(一个或多个)非易失性存储设备(例如，一个或多个硬盘驱动器(HDD)、一个或多个光盘(CD)驱动器和/或一个或多个数字通用光盘(DVD)驱动器)。
NVM/存储设备可包括在物理上作为系统被安装在其上的设备的一部分的存储资源，或者其可被该设备访问而不必作为该设备的一部分。例如，NVM/存储设备可通过网络经由(一个或多个)通信接口进行访问。
(一个或多个)通信接口可为系统提供接口以通过一个或多个网络和/或与任意其他适当的设备通信。系统可根据一个或多个无线网络标准和/或协议中的任意标准和/或协议来与无线网络的一个或多个组件进行无线通信。
对于一个实施例，(一个或多个)处理器中的至少一个可与系统控制模块的一个或多个控制器(例如，存储器控制器模块)的逻辑封装在一起。对于一个实施例，(一个或多个)处理器中的至少一个可与系统控制模块的一个或多个控制器的逻辑封装在一起以形成系统级封装(SiP)。对于一个实施例，(一个或多个)处理器中的至少一个可与系统控制模块的一个或多个控制器的逻辑集成在同一模具上。对于一个实施例，(一个或多个)处理器 中的至少一个可与系统控制模块的一个或多个控制器的逻辑集成在同一模具上以形成片上系统(SoC)。
在各个实施例中，系统可以但不限于是：服务器、工作站、台式计算设备或移动计算设备(例如，膝上型计算设备、手持计算设备、平板电脑、上网本等)。在各个实施例中，系统可具有更多或更少的组件和/或不同的架构。例如，在一些实施例中，系统包括一个或多个摄像机、键盘、液晶显示器(LCD)屏幕(包括触屏显示器)、非易失性存储器端口、多个天线、图形芯片、专用集成电路(ASIC)和扬声器。
需要注意的是，本申请可在软件和/或软件与硬件的组合体中被实施，例如，可采用专用集成电路(ASIC)、通用目的计算机或任何其他类似硬件设备来实现。在一个实施例中，本申请的软件程序可以通过处理器执行以实现上文所述步骤或功能。同样地，本申请的软件程序(包括相关的数据结构)可以被存储到计算机可读记录介质中，例如，RAM存储器，磁或光驱动器或软磁盘及类似设备。另外，本申请的一些步骤或功能可采用硬件来实现，例如，作为与处理器配合从而执行各个步骤或功能的电路。
另外，本申请的一部分可被应用为计算机程序产品，例如计算机可读指令，当其被计算机执行时，通过该计算机的操作，可以调用或提供根据本申请的方法和/或技术方案。本领域技术人员应能理解，计算机可读指令在计算机可读介质中的存在形式包括但不限于源文件、可执行文件、安装包文件等，相应地，计算机可读指令被计算机执行的方式包括但不限于：该计算机直接执行该指令，或者该计算机编译该指令后再执行对应的编译后程序，或者该计算机读取并执行该指令，或者该计算机读取并安装该指令后再执行对应的安装后程序。在此，计算机可读介质可以是可供计算机访问的任意可用的计算机可读存储介质或通信介质。
通信介质包括藉此包含例如计算机可读指令、数据结构、程序模块或其他数据的通信信号被从一个系统传送到另一系统的介质。通信介质可包括有导的传输介质(诸如电缆和线(例如，光纤、同轴等))和能传播能量波的无线(未有导的传输)介质，诸如声音、电磁、RF、微波和红外。计算机可读指令、数据结构、程序模块或其他数据可被体现为例如无线介质(诸如载波或诸如被体现为扩展频谱技术的一部分的类似机制)中的已调制数据信号。术语“已调制数据信号”指的是其一个或多个特征以在信号中编码信息的方式被更改或设定的信号。调制可以是模拟的、数字的或混合调制技术。
在此，根据本申请的一个实施例包括一个装置，该装置包括用于存储计算机可读指令的存储器和用于执行程序指令的处理器，其中，当该计算机可读指令被该处理器执行时，触发该装置运行基于前述根据本申请的多个实施例的方法和/或技术方案。
实施例四
对应上述实施例，本申请还提供了一个或多个存储有计算机可读指令的非易失性存储介质，计算机可读指令被一个或多个处理器执行时，使得一个或多个处理器执行上述任意一个实施例提供的基于微前端的页面国际化配置方法的步骤。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机可读指令来指令相关的硬件来完成，所述的计算机可读指令可存储于一非易失性计算机可读取存储介质中，该计算机可读指令在执行时，可包括如上述各方法的实施例的流程。其中，本申请所提供的各实施例中所使用的对存储器、存储、数据库或其它介质的任何引用，均可包括非易失性和/或易失性存储器。非易失性存储器可包括只读存储器(ROM)、可编程ROM(PROM)、电可编程ROM(EPROM)、电可擦除可编程ROM(EEPROM)或闪存。易失性存储器可包括随机存取存储器(RAM)或者外部高速缓冲存储器。作为说明而非局限，RAM以多种形式可得，诸如静态RAM(SRAM)、动态RAM(DRAM)、同步DRAM(SDRAM)、双数据率SDRAM(DDRSDRAM)、增强型SDRAM(ESDRAM)、同步链路(Synchlink)DRAM(SLDRAM)、存储器总线(Rambus)直接RAM(RDRAM)、直接存储器总线动态RAM(DRDRAM)、以及存储器总线动态RAM(RDRAM)等。
尽管已描述了本申请实施例中的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例作出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本申请实施例中范围的所有变更和修改。
显然，本领域的技术人员可以对本申请进行各种改动和变型而不脱离本申请的精神和范围。这样，倘若本申请的这些修改和变型属于本申请权利要求及其等同技术的范围之内，则本申请也意图包含这些改动和变型在内。

Claims (10)

  1. 一种基于微前端的页面国际化配置方法，其特征在于，所述方法包括：
    在微前端主应用中创建国际化页面，对所述国际化页面进行配置，得到配置后的国际化页面；
    将所述配置后的国际化页面中的数据进行持久化；及
    读取所述数据，将所述数据传输至至少一个微前端子应用，以供任一所述微前端子应用根据所述数据进行页面翻译。
  2. 根据权利要求1所述的基于微前端的页面国际化配置方法，其特征在于，所述在微前端主应用中创建国际化页面，对所述国际化页面进行配置，得到配置后的国际化页面，包括：
    在微前端主应用中创建国际化页面；
    获取所述国际化页面中的至少一个词条，对每个所述词条配置多个属性，所述属性包括关键字以及至少一个语种翻译数据，所述关键字用于标识当前所述词条，所述关键字全局唯一；及
    得到配置后的国际化页面。
  3. 根据权利要求2所述的基于微前端的页面国际化配置方法，其特征在于，在将所述配置后的国际化页面中的数据进行持久化之后，所述方法还包括：
    在系统初始化时，在所述微前端主应用中读取所有所述数据；
    读取当前所述系统的语种环境，根据所述语种环境以及所述数据，过滤得到每个所述词条的对应语种翻译数据；及
    将每个所述词条的关键字与所述对应语种翻译数据组合，得到组合后的词条数据。
  4. 根据权利要求3所述的基于微前端的页面国际化配置方法，其特征在于，所述读取所述数据，将所述数据传输至至少一个微前端子应用，以供任一所述微前端子应用根据所述数据进行页面翻译，还包括：
    在激活至少一个微前端子应用时，将所述组合后的词条数据传输至所述微前端子应用；及
    在所述微前端子应用页面加载时，根据所述组合后的词条数据进行页面翻译。
  5. 根据权利要求4所述的基于微前端的页面国际化配置方法，其特征在于，所述微前端主应用与所述微前端子应用通过参数传递通道传输数据，所述参数传递通道包括props，
    所述在激活至少一个微前端子应用时，将所述组合后的词条数据传输至所述微前端子应用，包括：
    在激活至少一个微前端子应用时，通过所述props将所述组合后的词条数据传输至所述微前端子应用。
  6. 根据权利要求1所述的基于微前端的页面国际化配置方法，其特征在于，所述将所述配置后的国际化页面中的数据进行持久化，包括以下至少一种：
    将所述配置后的国际化页面中的数据存入物理存储设备中、将所述配置后的国际化页面中的数据存入数据库中。
  7. 根据权利要求6所述的基于微前端的页面国际化配置方法，其特征在于，所述将所述配置后的国际化页面中的数据存入物理存储设备中，具体包括：
    将所述配置后的国际化页面中的数据转换为json字符串写入文件中；及
    将所述文件存入物理存储设备。
  8. 一种基于微前端的页面国际化配置装置，其特征在于，包括：
    控制模块，用于在微前端主应用中创建国际化页面，对所述国际化页面进行配置，得到配置后的国际化页面；
    管理模块，用于将所述配置后的国际化页面中的数据进行持久化；
    传输模块，用于读取所述数据，将所述数据传输至至少一个微前端子应用，以供任一所述微前端子应用根据所述数据进行页面翻译。
  9. 一种电子设备，包括存储器及一个或多个处理器，存储器中储存有计算机可读指令，计算机可读指令被一个或多个处理器执行时，使得一个或多个处理器执行如权利要求1-7中任一项所述方法的步骤计算机可读指令。
  10. 一个或多个存储有计算机可读指令的非易失性计算机可读存储介质，计算机可读指令被一个或多个处理器执行时，使得一个或多个处理器执行如权利要求1-7中任一项所述方法的步骤。
PCT/CN2022/078101 2021-09-28 2022-02-25 基于微前端的页面国际化配置方法、装置、设备及介质 WO2023050703A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202111141569.6A CN113590185B (zh) 2021-09-28 2021-09-28 基于微前端的页面国际化配置方法、装置、设备及介质
CN202111141569.6 2021-09-28

Publications (1)

Publication Number Publication Date
WO2023050703A1 true WO2023050703A1 (zh) 2023-04-06

Family

ID=78242339

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2022/078101 WO2023050703A1 (zh) 2021-09-28 2022-02-25 基于微前端的页面国际化配置方法、装置、设备及介质

Country Status (2)

Country Link
CN (1) CN113590185B (zh)
WO (1) WO2023050703A1 (zh)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN113590185B (zh) * 2021-09-28 2022-02-18 苏州浪潮智能科技有限公司 基于微前端的页面国际化配置方法、装置、设备及介质
CN114327687B (zh) * 2022-03-09 2022-05-20 恒生电子股份有限公司 微前端模式下子应用的构建方法、装置、设备及存储介质

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10078504B1 (en) * 2015-09-16 2018-09-18 Amazon Technologies, Inc. Automated software internationalization and localization
CN109683998A (zh) * 2017-10-19 2019-04-26 北京京东尚科信息技术有限公司 国际化实现方法、装置和系统
CN111427641A (zh) * 2020-02-27 2020-07-17 深圳壹账通智能科技有限公司 多语言适配方法、装置、系统、计算机设备及存储介质
CN112612448A (zh) * 2020-12-16 2021-04-06 平安普惠企业管理有限公司 前端国际化多页面打包方法、装置及计算机设备
CN113590185A (zh) * 2021-09-28 2021-11-02 苏州浪潮智能科技有限公司 基于微前端的页面国际化配置方法、装置、设备及介质

Family Cites Families (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN105138350B (zh) * 2015-07-29 2018-08-31 北京四方继保自动化股份有限公司 一种组态软件国际化多语言的实现方法
WO2019071406A1 (zh) * 2017-10-10 2019-04-18 深圳中兴力维技术有限公司 前端页面国际化处理方法、应用服务器及计算机可读存储介质
CN112162813A (zh) * 2020-09-27 2021-01-01 北京恒华伟业科技股份有限公司 一种系统国际化配置方法及装置

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US10078504B1 (en) * 2015-09-16 2018-09-18 Amazon Technologies, Inc. Automated software internationalization and localization
CN109683998A (zh) * 2017-10-19 2019-04-26 北京京东尚科信息技术有限公司 国际化实现方法、装置和系统
CN111427641A (zh) * 2020-02-27 2020-07-17 深圳壹账通智能科技有限公司 多语言适配方法、装置、系统、计算机设备及存储介质
CN112612448A (zh) * 2020-12-16 2021-04-06 平安普惠企业管理有限公司 前端国际化多页面打包方法、装置及计算机设备
CN113590185A (zh) * 2021-09-28 2021-11-02 苏州浪潮智能科技有限公司 基于微前端的页面国际化配置方法、装置、设备及介质

Also Published As

Publication number Publication date
CN113590185A (zh) 2021-11-02
CN113590185B (zh) 2022-02-18

Similar Documents

Publication Publication Date Title
WO2023050703A1 (zh) 基于微前端的页面国际化配置方法、装置、设备及介质
TWI400652B (zh) Dual operating system parallel processing methods, recording media and computer program products
CN109032706B (zh) 智能合约执行方法、装置、设备和存储介质
JP6195849B2 (ja) ソフトウェア・コードの生成およびキャッシング
US10026041B2 (en) Interoperable machine learning platform
CN111176626B (zh) 跨编程语言的代码调用方法及装置、介质、设备
US8539478B2 (en) Dynamic web installer
JP2022525831A (ja) ページプリレンダリング方法、装置、電子機器、コンピュータプログラム及び記憶媒体
JP6182160B2 (ja) 実行中のプロセスへのコードの動的挿入
US20190114165A1 (en) Using semantic annotations to control compatibility behaviors
US10303449B2 (en) Compiling non-native constants
KR20210040850A (ko) 문서 분석 방법, 장치, 기기 및 저장 매체
US20140245134A1 (en) Remotable contracts for the web
WO2019090994A1 (zh) 测试脚本自动化执行方法、装置、设备以及存储介质
CN110716720A (zh) 一种实现应用热部署的方法和装置
US20120227057A1 (en) Driver Shimming
CN113821194A (zh) 一种微前端系统
US20210117170A1 (en) Wrapping method, registration method, device, and rendering apparatus
CN114564241B (zh) 硬件设备的访问方法、装置、计算机设备和存储介质
CN112379885B (zh) 小程序编译方法、装置、设备及可读存储介质
US11687326B2 (en) Method and apparatus for data interaction
CN114116263A (zh) 用于浏览器中多页签通信的系统、方法、设备及介质
WO2022019784A1 (en) Assigning computing resources to execution of evaluators for image animation
CN111142972A (zh) 用于扩展应用程序的功能的方法、装置、系统及介质
Li et al. Modeap: Moving desktop application to mobile cloud service

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 22874106

Country of ref document: EP

Kind code of ref document: A1