CN110928545A - 组件分发方法、单页应用的开发方法、装置及存储介质 - Google Patents
组件分发方法、单页应用的开发方法、装置及存储介质 Download PDFInfo
- Publication number
- CN110928545A CN110928545A CN201911226708.8A CN201911226708A CN110928545A CN 110928545 A CN110928545 A CN 110928545A CN 201911226708 A CN201911226708 A CN 201911226708A CN 110928545 A CN110928545 A CN 110928545A
- Authority
- CN
- China
- Prior art keywords
- component
- target
- target component
- information
- library
- Prior art date
- Legal status (The legal status 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 status listed.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 56
- 238000011161 development Methods 0.000 title claims abstract description 39
- 230000006870 function Effects 0.000 claims description 51
- 238000004590 computer program Methods 0.000 claims description 5
- 238000010586 diagram Methods 0.000 description 10
- 238000012545 processing Methods 0.000 description 5
- 238000004891 communication Methods 0.000 description 3
- 239000008186 active pharmaceutical agent Substances 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000006978 adaptation Effects 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
- Stored Programmes (AREA)
Abstract
本公开实施例提供了一种组件分发方法、单页应用的开发方法、装置及存储介质，涉及计算机与应用程序开发技术领域。所述方法包括：接收第一终端发送的组件获取请求，组件获取请求中包括目标组件标识；从组件库中获取与目标组件标识相对应的目标组件的组件信息，组件库中包括至少一个适用于多个单页应用的组件；向第一终端发送目标组件的组件信息。本公开实施例提供的技术方案中，通过为单页应用提供组件，使得单页应用的开发更加灵活。
Description
技术领域
本公开实施例涉及计算机与应用程序开发技术领域，特别涉及一种组件分发方法、单页应用的开发方法、装置及存储介质。
背景技术
网站和应用开发技术一直在不断发展，目前，网站分为单页应用和多页应用两种。
在相关技术中，将前端编译得到的程序资源通过反向代理聚合至一个域名之下，通过URL(Uniform Resource Locator，统一资源定位符)索引不同的页面，从而为单页应用的开发提供以页面为单位的资源分发服务。
在上述技术中，由于只能引用整个页面开发单页应用，使得单页应用的开发不够灵活。
发明内容
本公开实施例提供了一种组件分发方法、单页应用的开发方法、装置及存储介质，可用于解决相关技术中，开发单页应用不够灵活的技术问题。所述技术方案如下：
一方面，本公开实施例提供了一种组件分发方法，所述方法包括：
接收第一终端发送的组件获取请求，所述组件获取请求中包括目标组件标识；
从组件库中获取与所述目标组件标识相对应的目标组件的组件信息，所述组件库中包括至少一个适用于多个单页应用的组件；
向所述第一终端发送所述目标组件的组件信息。
可选地，所述目标组件的组件信息包括：所述目标组件的功能定义文件和样式定义文件；
其中，所述功能定义文件用于定义所述目标组件的功能，所述样式定义文件用于定义所述目标组件的样式。
可选地，所述向所述第一终端发送所述目标组件的组件信息，包括：
采用异步方式向所述第一终端发送所述目标组件的组件信息。
可选地，所述从组件库中获取与所述目标组件标识相对应的目标组件的组件信息，包括：
向用于存储所述组件库的组件存储设备发送组件信息获取请求，所述组件信息获取请求中包括所述目标组件标识；
接收所述组件存储设备发送的所述目标组件的组件信息。
可选地，所述方法还包括：
接收第二终端发送的组件存储请求，所述组件存储请求包括所述目标组件的组件信息；
将所述目标组件标识和所述目标组件的组件信息对应存储至所述组件库中。
另一方面，本公开实施例提供了一种单页应用的开发方法，所述方法包括：
向组件分发平台发送组件获取请求，所述组件获取请求中包括目标组件标识；
接收所述组件分发平台发送的与所述目标组件的组件信息，所述目标组件为组件库中与所述目标组件标识相对应的组件，所述组件库中包括至少一个适用于多个单页应用的组件；
通过所述目标组件的组件信息，开发所述单页应用。
可选地，所述目标组件的组件信息包括：所述目标组件的功能定义文件和样式定义文件；
其中，所述功能定义文件用于定义所述目标组件的功能，所述样式定义文件用于定义所述目标组件的样式。
可选地，所述通过所述目标组件的组件信息，开发所述单页应用，包括：
应用所述组件分发平台的配套工具，根据所述目标组件的组件信息对所述目标组件进行实例化，获取所述目标组件的实例；
在所述单页应用中引用所述目标组件的实例。
再一方面，本公开实施例提供了一种组件分发装置，所述装置包括：
请求接收模块，被配置为接收第一终端发送的组件获取请求，所述组件获取请求中包括目标组件标识；
组件获取模块，被配置为从组件库中获取与所述目标组件标识相对应的目标组件的组件信息，所述组件库中包括至少一个适用于多个单页应用的组件；
组件发送模块，被配置为向所述第一终端发送所述目标组件的组件信息。
可选地，所述目标组件的组件信息包括：所述目标组件的功能定义文件和样式定义文件；
其中，所述功能定义文件用于定义所述目标组件的功能，所述样式定义文件用于定义所述目标组件的样式。
可选地，所述组件发送模块，被配置为：
采用异步方式向所述第一终端发送所述目标组件的组件信息。
可选地，所述组件获取模块，被配置为：
向用于存储所述组件库的组件存储设备发送组件信息获取请求，所述组件信息获取请求中包括所述目标组件标识；
接收所述组件存储设备发送的所述目标组件的组件信息。
可选地，所述装置还包括：组件存储模块；
所述请求接收模块，还被配置为接收第二终端发送的组件存储请求，所述组件存储请求包括所述目标组件的组件信息；
组件存储模块，被配置为将所述目标组件标识和所述目标组件的组件信息对应存储至所述组件库中。
又一方面，本公开实施例提供了一种单页应用的开发装置，所述装置包括：
请求发送模块，被配置为向组件分发平台发送组件获取请求，所述组件获取请求中包括目标组件标识；
组件接收模块，被配置为接收所述组件分发平台发送的与所述目标组件的组件信息，所述目标组件为组件库中与所述目标组件标识相对应的组件，所述组件库中包括至少一个适用于多个单页应用的组件；
应用开发模块，被配置为通过所述目标组件的组件信息，开发所述单页应用。
可选地，所述目标组件的组件信息包括：所述目标组件的功能定义文件和样式定义文件；
其中，所述功能定义文件用于定义所述目标组件的功能，所述样式定义文件用于定义所述目标组件的样式。
可选地，所述应用开发模块，被配置为：
应用所述组件分发平台的配套工具，根据所述目标组件的组件信息对所述目标组件进行实例化，获取所述目标组件的实例；
在所述单页应用中引用所述目标组件的实例。
还一方面，本公开实施例提供了一种组件分发装置，所述装置包括：
处理器；
用于存储所述处理器的可执行指令的存储器；
其中，所述处理器被配置为：
接收第一终端发送的组件获取请求，所述组件获取请求中包括目标组件标识；
从组件库中获取与所述目标组件标识相对应的目标组件的组件信息，所述组件库中包括至少一个适用于多个单页应用的组件；
向所述第一终端发送所述目标组件的组件信息。
还一方面，本公开实施例提供了一种单页应用的开发装置，所述装置包括：
处理器；
用于存储所述处理器的可执行指令的存储器；
其中，所述处理器被配置为：
向组件分发平台发送组件获取请求，所述组件获取请求中包括目标组件标识；
接收所述组件分发平台发送的与所述目标组件的组件信息，所述目标组件为组件库中与所述目标组件标识相对应的组件，所述组件库中包括至少一个适用于多个单页应用的组件；
通过所述目标组件的组件信息，开发所述单页应用。
还一方面，本公开实施例提供了一种非临时性计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述组件开发方法的步骤，或者实现上述单页应用的开发方法的步骤。
本公开实施例提供的技术方案可以包括如下有益效果：
通过第一终端向组件分发平台发送组件获取请求，组件分发平台从组件库中获取与目标组件标识相对应的目标组件的组件信息，组件分发平台向第一终端发送目标组件的组件信息，第一终端通过目标组件的组件信息，开发单页应用。本公开实施例提供的技术方案中，通过为单页应用提供组件，使得单页应用的开发更加灵活。
本公开实施例中，组件库中包括至少一个适用于多个单页应用的组件，使得组件分发平台可以通过组件库，向多个单页应用的开发过程提供组件，从而节省单页应用的开发成本。
应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本公开。
附图说明
为了更清楚地说明本公开实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1是根据一示例性实施例示出的一种实施环境的示意图；
图2是根据一示例性实施例示出的一种单页应用的开发方法的流程图；
图3是根据另一示例性实施例示出的一种单页应用的开发方法的流程图；
图4是根据另一示例性实施例示出的一种单页应用的开发方法的流程图；
图5是根据一示例性实施例示出的一种组件分发装置的框图；
图6是根据另一示例性实施例示出的一种组件分发装置的框图；
图7是根据一示例性实施例示出的一种单页应用的开发装置的框图；
图8是根据一示例性实施例示出的一种装置的框图。
具体实施方式
这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的方法的例子。
首先，对本公开实施例涉及的名词进行简要介绍。
单页应用(Single Page web Application，SPA)是只有一个页面的网页应用，是加载单个HTML(Hyper Text Markup Language，超文本标记语言)页面并在用户与应用交互时动态更新页面的应用程序。一个单页应用对应于一个HTML文件。
组件(Component)是经过封装的程序代码，可以被重复使用。
UMD(Universal Module Definition，通用模块定义)规范可以通过运行时或者编译时让同一个代码模块在使用Common JS(很多普通应用程序使用的API(ApplicationProgramming Interface，应用程序编程接口))、CMD(Command Prompt，命令提示符)或者AMD(Asynchronous Module Definition,异步模块定义)的项目中运行。
图1是根据一示例性实施例示出的一种实施环境的示意图。参见图1，该实施环境100可以包括：组件分发平台110、第一终端120和第二终端130。其中：
组件分发平台110用于提供组件分发服务，可以用于分发组件。组件分发平台110可以包括一个或多个服务器。组件分发平台110可以识别第一终端120发送的组件获取请求，并根据组件获取请求向第一终端120发送组件或组件信息。
第一终端120是单页应用的开发者使用的终端，单页应用的开发者可以通过第一终端120开发单页应用。第一终端120中运行有组件分发平台110的配套工具121。例如，配套工具121可以是SDK(Software Development Kit，软件开发工具包)。配套工具121用于帮助页面开发者使用组件分发平台110所提供的组件分发服务。配套工具121与组件分发平台110的运行框架相适配，应用配套工具121，可以生成组件获取请求。第一终端120可以通过网络与组件分发平台110建立通信连接，第一终端120可以向组件分发平台110发送该组件获取请求，从而获取组件或组件信息，并将该组件应用于单页应用中。其中，第一终端120可以是PC(Personal Computer，个人计算机)。
第二终端130是组件的开发者使用的终端，组件的开发者可以通过第二终端130开发组件。组件的开发者可以通过第二终端130开发出原始组件，再通过第二终端130对原始组件进行编译或打包，得到JS(JavaScript)脚本文件和CSS(Cascading Style Sheets，层叠样式表)样式文件(统称为“依赖”)，关于JS脚本文件和CSS样式文件的详细介绍可参见下文。第二终端130可以与组件分发平台110通过网络建立通信连接，从而将经过编译或打包的组件上传至组件库中。其中，第二终端130可以是PC。
在一些可能的实施例中，该实施环境100还可以包括组件存储设备140，组件存储设备140用于存储组件库，该组件库中可以包括至少一个组件。存储设备140可以设置在组件分发平台110中，组件分发平台110可以从组件存储设备140存储的组件库中获取组件；存储设备140也可以设置在组件分发平台110之外，与组件分发平台110通过网络建立通信连接，组件分发平台110可以通过网络从组件存储设备140存储的组件库中获取组件。
图2是根据一示例性实施例示出的一种单页应用的开发方法的流程图。参见图2，该方法可以应用于上文介绍的实施环境中。该方法可以包括如下几个步骤(201～204)：
在步骤201中，第一终端向组件分发平台发送组件获取请求。
其中，组件获取请求中包括目标组件标识。
组件获取请求可以用于向组件分发平台请求获取目标组件，目标组件标识是该目标组件的组件标识。每一个组件都有相应的组件标识，用于唯一标识该组件。以目标组件标识为例，目标组件标识可以是目标组件区别于其他组件的特征标识，目标组件标识可以是目标组件的组件名称，也可以是目标组件的组件编码，或者是其它唯一标识符。目标组件标识的数量可以是一个，也可以是多个，也即组件获取请求可以用于请求获取一个目标组件，也可以用于请求获取多个目标组件，本公开实施例对此不作限定。
在一些可能的实施例中，第一终端中运行有组件分发平台的配套工具。该配套工具用于帮助页面开发者使用组件分发平台所提供的组件分发服务。配套工具与组件分发平台的运行框架相适配，应用配套工具，可以生成组件获取请求，组件分发平台可以识别该组件获取请求以及组件获取请求中的目标组件标识。
在一些可能的实施例中，配套工具可以是SDK。例如，该SDK可以是JavaScriptSDK。该SDK中可以包含一些API和示例代码，用于实现从组件分发平台请求获取组件，并基于该组件开发应用。
在步骤202中，组件分发平台从组件库中获取与目标组件
标识相对应的目标组件的组件信息。
其中，组件库中包括至少一个适用于单页应用的组件，组件库中存储有各个组件对应的组件文件。
在本公开实施例中，组件库中包括至少一个适用于多个单页应用的组件。也即，组件库中的一个组件可以配置在多个单页应用中。
可选地，组件库中的组件的开发框架与单页应用的开发框架相同，组件库中的组件符合UMD规范。通过上述方式，便于组件可以被多个单页应用引用，使得组件具有通用性。
组件分发平台中可以设置有组件索引目录，组件索引目录中可以记录有组件库中各个组件的组件标识，组件分发平台获取到目标组件标识后，可以根据组件索引目录中确定组件库中是否存储有目标组件，若组件库中存储有目标组件，组件分发平台可以进一步获取与目标组件标识相对应的目标组件的组件信息；若组件库中没有存储目标组件，组件分发平台可以向第一终端发送组件获取失败的信息。
可选地，组件索引目录可以根据各个组件功能，对各个组件的组件标识分类记录，以便于更快地索引到目标组件标识。
在一些可能的实施例中，目标组件的组件信息包括目标组件的组件文件的链接。组件文件用于定义目标组件的功能和样式，组件文件包括功能定义文件和样式定义文件，组件的功能定义文件和样式定义文件也被称为组件的依赖，有关功能定义文件和样式定义文件具体可参见下文实施中的介绍说明；组件文件的链接可以包括组件文件的存储地址。
可选地，组件库可以是本地组件库，也可以是远程组件库。本地组件库是设置在组件分发平台中的组件库；远程组件库是设置在组件分发平台之外的设备中的组件库。
在示例性实施例中，当组件库是本地组件库时，组件分发平台直接从组件库中获取目标组件的组件信息。
在示例性实施例中，当组件库是远程组件库时，上述步骤202可以包括如下子步骤(2021～2022)：
在步骤2021中，组件分发平台向用于存储组件库的组件存储设备发送组件信息获取请求，组件信息获取请求中包括目标组件标识。
在步骤2022中，组件分发平台接收组件存储设备发送的目标组件的组件信息。
在上述实现方式中，组件存储设备与组件分发平台分离，使得组件分发平台无需存储组件，从而降低对组件分发平台的性能的需求，从而提高组件分发平台处理组件获取请求以及发送组件的速度。
在步骤203中，组件分发平台向第一终端发送目标组件的组件信息。
组件分发平台可以将组件文件直接发送至第一终端；也可以将目标组件的组件文件的链接发送至第一终端。
在一些可能的实施例中，组件分发平台采用异步方式向第一终端发送目标组件的组件信息。
组件分发平台采用异步方式向第一终端发送目标组件的组件信息，是指组件分发平台获取到多个组件获取请求之后，优先发送先从组件库中获取到的组件信息，而不是按照第一终端发送组件获取请求的顺序，或组件分发平台获取到组件获取请求的顺序发送组件信息。
在步骤204中，第一终端通过目标组件的组件信息，开发单页应用。
第一终端接收到组件分发平台发送的组件信息后，可以通过组件信息获取目标组件，并应用目标组件开发单页应用。
若第一终端接收到组件分发平台发送的组件文件的链接，可以通过访问链接中包括的组件文件的存储地址，获取到目标组件的组件文件。
在一些可能的实施例中，步骤204可以包括如下子步骤：
1、应用组件分发平台的配套工具，根据目标组件的组件信息对目标组件进行实例化，获取目标组件的实例；
2、在单页应用中引用目标组件的实例。
组件的定义并不能被单页应用的页面直接引用，需要进行实例化。实例化就是通过引入依赖、创建变量、分配内存空间等一系列操作，将组件的定义转化为组件的实例的过程。本实施例中，可以通过SDK获取组件的实例，并引用组件的实例开发单页应用。组件的实例可以被页面引用并渲染成为页面的一部分，以实现页面的功能。
综上所述，本公开实施例提供的技术方案中，通过第一终端向组件分发平台发送组件获取请求，组件分发平台从组件库中获取与目标组件标识相对应的目标组件的组件信息，组件分发平台向第一终端发送目标组件的组件信息，第一终端通过目标组件的组件信息，开发单页应用，而组件库中包括至少一个适用于多个单页应用的组件。本公开实施例提供的技术方案中，通过为单页应用提供组件，使得单页应用的开发更加灵活。
本公开实施例中，通过为单页应用的开发提供组件分发服务，使单页应用的前端开发可以获取更细化的资源服务，从而实现为单页应用的开发提供微前端服务。
本公开实施例中，组件库中包括适用于多个单页应用的组件，提高了组件库的利用率。
本公开实施例中，组件分发平台采用异步方式分发组件，使得组件分发平台在处理多个组件获取请求时，可以缩短处理请求的总时长，从而提升组件分发速度。
在示例性实施例中，本公开实施例还包括以下步骤(205～206)：
在步骤205中，组件分发平台接收第二终端发送的组件存储请求，组件存储请求包括目标组件的组件信息。
在步骤206中，组件分发平台将目标组件标识和目标组件的组件信息对应存储至组件库中。
第二终端开发的组件可以经过编译或者打包后发送给组件分发平台，组件经过编译后可以生成组件文件，组件文件可以包括功能定义文件和样式定义文件。
在一些可能的实施例中，目标组件的组件信息包括JS脚本文件和CSS样式文件，其中，JS脚本文件为功能定义文件，CSS样式文件为样式定义文件。开发组件实际上是在定义组件，组件的定义经过打包和编译后，可以生成JS脚本文件和CSS样式文件。其中，JS脚本文件用于定义组件的功能，其后缀为“.js”；CSS样式文件用于定义组件的样式，其后缀为“.css”。
在一些可能的实施例中，目标组件包括一个JS脚本文件，其中，JS脚本文件可以用于定义目标组件的功能和样式。
在一些可能的实施例中，目标组件在第二终端中进行编译或打包，生成目标组件的组件文件和目标组件标识；或者，组件在组件分发平台中进行编译或打包，生成目标组件的组件文件和目标组件的组件标识，再将目标组件的组件文件和目标组件标识存储到组件库中。
综上所述，本公开实施例提供的技术方案中，组件分发平台通过获取组件并将组件存储至组件库中，从而不断丰富组件库中存储的组件数量，从而为单页应用的开发提供更多组件。
需要说明的一点是，在上述方法实施例中，仅从组件分发平台和第一终端交互的角度，对本公开技术方案进行了介绍说明。上述有关组件分发平台执行的步骤，可以单独实现成为组件分发平台侧的组件分发方法，上述有关第一终端执行的步骤，可以单独实现成为第一终端侧的单页应用的开发方法。
下述为本公开装置实施例，可以用于执行本公开方法实施例。对于本公开装置实施例中未披露的细节，请参照本公开方法实施例。
图5是根据一示例性实施例示出的一种组件分发装置的框图。该装置500具有实现上述组件分发方法示例的功能，所述功能可以由硬件实现，也可以由硬件执行相应的软件实现。该装置500可以是上文介绍的组件分发平台，也可以设置在组件分发平台上。参加图5，该装置500可以包括：请求接收模块510、组件获取模块520和组件发送模块530。
所述请求接收模块510，被配置为接收第一终端发送的组件获取请求，所述组件获取请求中包括目标组件标识。
所述组件获取模块520，被配置为从组件库中获取与所述目标组件标识相对应的目标组件的组件信息，所述组件库中包括至少一个适用于多个单页应用的组件。
所述组件发送模块530，被配置为向所述第一终端发送所述目标组件的组件信息。
综上所述，本公开实施例提供的技术方案中，通过接收第一终端发送的组件获取请求，组件获取请求中包括目标组件标识；从组件库中获取与目标组件标识相对应的目标组件的组件信息，组件库中包括至少一个适用于多个单页应用的组件；向第一终端发送目标组件的组件信息，本公开实施例提供的技术方案中，通过为单页应用提供组件，使得单页应用的开发更加灵活。
在示例性实施例中，所述目标组件的组件信息包括：所述目标组件的功能定义文件和样式定义文件；
其中，所述功能定义文件用于定义所述目标组件的功能，所述样式定义文件用于定义所述目标组件的样式。
在示例性实施例中，所述组件发送模块530，被配置为：采用异步方式向所述第一终端发送所述目标组件的组件信息。
在示例性实施例中，所述组件获取模块520，被配置为：
向用于存储所述组件库的组件存储设备发送组件信息获取请求，所述组件信息获取请求中包括所述目标组件标识；
接收所述组件存储设备发送的所述目标组件的组件信息。
在示例性实施例中，如图6所示，所述装置500还包括组件存储模块540。
所述请求接收模块510，还被配置为接收第二终端发送的组件存储请求，所述组件存储请求包括所述目标组件的组件信息。
组件存储模块540，被配置为将所述目标组件标识和所述目标组件的组件信息对应存储至所述组件库中。
图7是根据一示例性实施例示出的一种单页应用的开发装置的框图。该装置700具有实现上述单页应用的开发方法示例的功能，所述功能可以由硬件实现，也可以由硬件执行相应的软件实现。该装置700可以是上文介绍的第一终端，也可以设置在第一终端上。参加图7，该装置700可以包括：请求发送模块710、组件接收模块720和应用开发模块730。
所述请求发送模块710，被配置为向组件分发平台发送组件获取请求，所述组件获取请求中包括目标组件标识。
所述组件接收模块720，被配置为接收所述组件分发平台发送的与所述目标组件的组件信息，所述目标组件为组件库中与所述目标组件标识相对应的组件，所述组件库中包括至少一个适用于多个单页应用的组件。
所述应用开发模块730，被配置为通过所述目标组件的组件信息，开发所述单页应用。
综上所述，本公开实施例提供的技术方案中，通过，向组件分发平台发送组件获取请求，组件获取请求中包括目标组件标识；接收组件分发平台发送的与目标组件的组件信息，目标组件为组件库中与目标组件标识相对应的组件，组件库中包括至少一个适用于多个单页应用的组件；通过目标组件的组件信息，开发单页应用。本公开实施例提供的技术方案中，通过获取组件，使得单页应用的开发更加灵活。
在示例性实施例中，所述目标组件的组件信息包括：所述目标组件的功能定义文件和样式定义文件；
其中，所述功能定义文件用于定义所述目标组件的功能，所述样式定义文件用于定义所述目标组件的样式。
在示例性实施例中，所述应用开发模块730，被配置为：
应用所述组件分发平台的配套工具，根据所述目标组件的组件信息对所述目标组件进行实例化，获取所述目标组件的实例；
在所述单页应用中引用所述目标组件的实例。
需要说明的是，上述实施例提供的装置，在实现其功能时，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将设备的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。
关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。
本公开一示例性实施例还提供了一种组件分发装置，能够实现本公开提供的组件分发方法。该装置包括：处理器，以及用于存储处理器的可执行指令的存储器。其中，处理器被配置为：
接收第一终端发送的组件获取请求，所述组件获取请求中包括目标组件标识；
从组件库中获取与所述目标组件标识相对应的目标组件的组件信息，所述组件库中包括至少一个适用于多个单页应用的组件；
向所述第一终端发送所述目标组件的组件信息。
在一些可能的设计中，所述目标组件的组件信息包括：所述目标组件的功能定义文件和样式定义文件；
其中，所述功能定义文件用于定义所述目标组件的功能，所述样式定义文件用于定义所述目标组件的样式。
在一些可能的设计中，所述处理器被配置为：采用异步方式向所述第一终端发送所述目标组件的组件信息。
在一些可能的设计中，所述处理器被配置为：
向用于存储所述组件库的组件存储设备发送组件信息获取请求，所述组件信息获取请求中包括所述目标组件标识；
接收所述组件存储设备发送的所述目标组件的组件信息。
在一些可能的设计中，所述处理器被配置为：
接收第二终端发送的组件存储请求，所述组件存储请求包括所述目标组件的组件信息；
将所述目标组件标识和所述目标组件的组件信息对应存储至所述组件库中。
本公开一示例性实施例还提供了一种单页应用的开发装置，能够实现本公开提供的单页应用的开发方法。该装置包括：处理器，以及用于存储处理器的可执行指令的存储器。其中，处理器被配置为：
向组件分发平台发送组件获取请求，所述组件获取请求中包括目标组件标识；
接收所述组件分发平台发送的与所述目标组件的组件信息，所述目标组件为组件库中与所述目标组件标识相对应的组件，所述组件库中包括至少一个适用于多个单页应用的组件；
通过所述目标组件的组件信息，开发所述单页应用。
在一些可能的设计中，所述目标组件的组件信息包括：所述目标组件的功能定义文件和样式定义文件；
其中，所述功能定义文件用于定义所述目标组件的功能，所述样式定义文件用于定义所述目标组件的样式。
在一些可能的设计中，所述处理器被配置为：
应用所述组件分发平台的配套工具，根据所述目标组件的组件信息对所述目标组件进行实例化，获取所述目标组件的实例；
在所述单页应用中引用所述目标组件的实例。
图8是根据一示例性实施例示出的一种装置的框图。例如，装置800可以被提供为一服务器，用于实现上述组件分发方法；又例如，装置800可以被提供为一终端，用于实现上述单页应用的开发方法。参照图8，装置800包括处理组件822，其进一步包括一个或多个处理器，以及由存储器832所代表的存储器资源，用于存储可由处理部件822执行的指令，例如应用程序。存储器832中存储的应用程序可以包括一个或一个以上的每一个对应于一组指令的模块。此外，处理组件822被配置为执行指令，以执行上述组件分发方法或单页应用的开发方法。
装置800还可以包括一个电源组件826被配置为执行装置800的电源管理，一个有线或无线网络接口850被配置为将装置800连接到网络，和一个输入输出(I/O)接口858。装置800可以操作基于存储在存储器832的操作系统，例如Windows ServerTM，Mac OS XTM，UnixTM,LinuxTM，FreeBSDTM或类似。
本公开一示例性实施例还提供了一种非临时性计算机可读存储介质，其上存储有计算机程序，所述计算机程序被处理器执行时实现上述组件分发方法的步骤，或者实现上述单页应用的开发方法的步骤。
应当理解的是，在本文中提及的“多个”是指两个或两个以上。本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本公开旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。
应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。
Claims (19)
1.一种组件分发方法，其特征在于，所述方法包括：
接收第一终端发送的组件获取请求，所述组件获取请求中包括目标组件标识；
从组件库中获取与所述目标组件标识相对应的目标组件的组件信息，所述组件库中包括至少一个适用于多个单页应用的组件；
向所述第一终端发送所述目标组件的组件信息。
2.根据权利要求1所述的方法，其特征在于，所述目标组件的组件信息包括：所述目标组件的功能定义文件和样式定义文件；
其中，所述功能定义文件用于定义所述目标组件的功能，所述样式定义文件用于定义所述目标组件的样式。
3.根据权利要求1所述的方法，其特征在于，所述向所述第一终端发送所述目标组件的组件信息，包括：
采用异步方式向所述第一终端发送所述目标组件的组件信息。
4.根据权利要求1所述的方法，其特征在于，所述从组件库中获取与所述目标组件标识相对应的目标组件的组件信息，包括：
向用于存储所述组件库的组件存储设备发送组件信息获取请求，所述组件信息获取请求中包括所述目标组件标识；
接收所述组件存储设备发送的所述目标组件的组件信息。
5.根据权利要求1至4任一项所述的方法，其特征在于，所述方法还包括：
接收第二终端发送的组件存储请求，所述组件存储请求包括所述目标组件的组件信息；
将所述目标组件标识和所述目标组件的组件信息对应存储至所述组件库中。
6.一种单页应用的开发方法，其特征在于，所述方法包括：
向组件分发平台发送组件获取请求，所述组件获取请求中包括目标组件标识；
接收所述组件分发平台发送的与所述目标组件的组件信息，所述目标组件为组件库中与所述目标组件标识相对应的组件，所述组件库中包括至少一个适用于多个单页应用的组件；
通过所述目标组件的组件信息，开发所述单页应用。
7.根据权利要求6所述的方法，其特征在于，所述目标组件的组件信息包括：所述目标组件的功能定义文件和样式定义文件；
其中，所述功能定义文件用于定义所述目标组件的功能，所述样式定义文件用于定义所述目标组件的样式。
8.根据权利要求6或7所述的方法，其特征在于，所述通过所述目标组件的组件信息，开发所述单页应用，包括：
应用所述组件分发平台的配套工具，根据所述目标组件的组件信息对所述目标组件进行实例化，获取所述目标组件的实例；
在所述单页应用中引用所述目标组件的实例。
9.一种组件分发装置，其特征在于，所述装置包括：
请求接收模块，被配置为接收第一终端发送的组件获取请求，所述组件获取请求中包括目标组件标识；
组件获取模块，被配置为从组件库中获取与所述目标组件标识相对应的目标组件的组件信息，所述组件库中包括至少一个适用于多个单页应用的组件；
组件发送模块，被配置为向所述第一终端发送所述目标组件的组件信息。
10.根据权利要求9所述的装置，其特征在于，所述目标组件的组件信息包括：所述目标组件的功能定义文件和样式定义文件；
其中，所述功能定义文件用于定义所述目标组件的功能，所述样式定义文件用于定义所述目标组件的样式。
11.根据权利要求9所述的装置，其特征在于，所述组件发送模块，被配置为：
采用异步方式向所述第一终端发送所述目标组件的组件信息。
12.根据权利要求9所述的装置，其特征在于，所述组件获取模块，被配置为：
向用于存储所述组件库的组件存储设备发送组件信息获取请求，所述组件信息获取请求中包括所述目标组件标识；
接收所述组件存储设备发送的所述目标组件的组件信息。
13.根据权利要求9至12任一项所述的装置，其特征在于，所述装置还包括：组件存储模块；
所述请求接收模块，还被配置为接收第二终端发送的组件存储请求，所述组件存储请求包括所述目标组件的组件信息；
所述组件存储模块，被配置为将所述目标组件标识和所述目标组件的组件信息对应存储至所述组件库中。
14.一种单页应用的开发装置，其特征在于，所述装置包括：
请求发送模块，被配置为向组件分发平台发送组件获取请求，所述组件获取请求中包括目标组件标识；
组件接收模块，被配置为接收所述组件分发平台发送的与所述目标组件的组件信息，所述目标组件为组件库中与所述目标组件标识相对应的组件，所述组件库中包括至少一个适用于多个单页应用的组件；
应用开发模块，被配置为通过所述目标组件的组件信息，开发所述单页应用。
15.根据权利要求14所述的装置，其特征在于，所述目标组件的组件信息包括：所述目标组件的功能定义文件和样式定义文件；
其中，所述功能定义文件用于定义所述目标组件的功能，所述样式定义文件用于定义所述目标组件的样式。
16.根据权利要求14或15所述的装置，其特征在于，所述应用开发模块，被配置为：
应用所述组件分发平台的配套工具，根据所述目标组件的组件信息对所述目标组件进行实例化，获取所述目标组件的实例；
在所述单页应用中引用所述目标组件的实例。
17.一种组件分发装置，其特征在于，所述装置包括：
处理器；
用于存储所述处理器的可执行指令的存储器；
其中，所述处理器被配置为：
接收第一终端发送的组件获取请求，所述组件获取请求中包括目标组件标识；
从组件库中获取与所述目标组件标识相对应的目标组件的组件信息，所述组件库中包括至少一个适用于多个单页应用的组件；
向所述第一终端发送所述目标组件的组件信息。
18.一种单页应用的开发装置，其特征在于，所述装置包括：
处理器；
用于存储所述处理器的可执行指令的存储器；
其中，所述处理器被配置为：
向组件分发平台发送组件获取请求，所述组件获取请求中包括目标组件标识；
接收所述组件分发平台发送的与所述目标组件的组件信息，所述目标组件为组件库中与所述目标组件标识相对应的组件，所述组件库中包括至少一个适用于多个单页应用的组件；
通过所述目标组件的组件信息，开发所述单页应用。
19.一种非临时性计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至5任一项所述方法的步骤，或者实现如权利要求6至8任一项所述方法的步骤。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911226708.8A CN110928545B (zh) | 2019-12-04 | 2019-12-04 | 组件分发方法、单页应用的开发方法、装置及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911226708.8A CN110928545B (zh) | 2019-12-04 | 2019-12-04 | 组件分发方法、单页应用的开发方法、装置及存储介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN110928545A true CN110928545A (zh) | 2020-03-27 |
| CN110928545B CN110928545B (zh) | 2024-03-12 |
Family
ID=69857894
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911226708.8A Active CN110928545B (zh) | 2019-12-04 | 2019-12-04 | 组件分发方法、单页应用的开发方法、装置及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN110928545B (zh) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111625239A (zh) * | 2020-05-09 | 2020-09-04 | 北京仁科互动网络技术有限公司 | Spa中更新虚拟页面实例状态的方法和组件 |
| CN111880786A (zh) * | 2020-07-31 | 2020-11-03 | 广州华多网络科技有限公司 | 多应用共享方法、系统、装置、电子设备及存储介质 |
| US11789963B2 (en) | 2021-03-18 | 2023-10-17 | Capital One Services, Llc | Systems and methods for presenting web application content |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20170161032A1 (en) * | 2015-12-02 | 2017-06-08 | Alibaba Group Holding Limited | Running applications using pre-generated components |
| CN108255847A (zh) * | 2016-12-28 | 2018-07-06 | 腾讯科技（深圳）有限公司 | 页面生成方法及装置 |
| CN108376091A (zh) * | 2018-02-23 | 2018-08-07 | 中国平安人寿保险股份有限公司 | 组件运行方法、装置、设备及计算机存储介质 |
| CN109032659A (zh) * | 2018-07-20 | 2018-12-18 | 珠海宏桥高科技有限公司 | 单页面应用基于配置引用远程页面组件的方法 |
| CN110489120A (zh) * | 2019-07-03 | 2019-11-22 | 平安证券股份有限公司 | 基于组件的页面开发方法及服务器 |
-
2019
- 2019-12-04 CN CN201911226708.8A patent/CN110928545B/zh active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20170161032A1 (en) * | 2015-12-02 | 2017-06-08 | Alibaba Group Holding Limited | Running applications using pre-generated components |
| CN108255847A (zh) * | 2016-12-28 | 2018-07-06 | 腾讯科技（深圳）有限公司 | 页面生成方法及装置 |
| CN108376091A (zh) * | 2018-02-23 | 2018-08-07 | 中国平安人寿保险股份有限公司 | 组件运行方法、装置、设备及计算机存储介质 |
| CN109032659A (zh) * | 2018-07-20 | 2018-12-18 | 珠海宏桥高科技有限公司 | 单页面应用基于配置引用远程页面组件的方法 |
| CN110489120A (zh) * | 2019-07-03 | 2019-11-22 | 平安证券股份有限公司 | 基于组件的页面开发方法及服务器 |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111625239A (zh) * | 2020-05-09 | 2020-09-04 | 北京仁科互动网络技术有限公司 | Spa中更新虚拟页面实例状态的方法和组件 |
| CN111880786A (zh) * | 2020-07-31 | 2020-11-03 | 广州华多网络科技有限公司 | 多应用共享方法、系统、装置、电子设备及存储介质 |
| US11789963B2 (en) | 2021-03-18 | 2023-10-17 | Capital One Services, Llc | Systems and methods for presenting web application content |
Also Published As
| Publication number | Publication date |
|---|---|
| CN110928545B (zh) | 2024-03-12 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN110377438B (zh) | 跨进程通信接口的路由方法、装置和系统 | |
| CN110928545B (zh) | 组件分发方法、单页应用的开发方法、装置及存储介质 | |
| US11550599B2 (en) | Method and apparatus for running applet | |
| CN110365724B (zh) | 任务处理方法、装置及电子设备 | |
| CN110308999B (zh) | 一种应用间动态共享依赖包的方法、存储介质及移动终端 | |
| CN105068802B (zh) | 一种跨设备运行的Web应用软件实现系统和方法 | |
| CN112769706B (zh) | 组件化路由方法及系统 | |
| CN110598135A (zh) | 网络请求处理方法、装置、计算机可读介质及电子设备 | |
| CN111367685B (zh) | 接口调用的方法及装置、计算机设备、存储介质 | |
| CN111506368B (zh) | 对异步调用转同步调用的方法、装置、设备及存储介质 | |
| US20060122958A1 (en) | Matching client interfaces with service interfaces | |
| CN109343970B (zh) | 基于应用程序的操作方法、装置、电子设备及计算机介质 | |
| CN113434147B (zh) | 基于ProtoBuf协议的消息解析方法及装置 | |
| CN113535419A (zh) | 一种服务编排方法和装置 | |
| CN111581578B (zh) | 接口请求处理方法和装置 | |
| CN112000313A (zh) | 请求响应方法、装置、设备及存储介质 | |
| CN112714148A (zh) | 一种界面配置方法、装置、设备及介质 | |
| CN106570143B (zh) | 一种发送响应对象的方法和装置 | |
| CN111581085B (zh) | 联调测试系统及方法 | |
| CN112217852A (zh) | 一种基于工作流引擎的平台即服务系统及方法 | |
| CN113765868B (zh) | 一种业务处理方法和装置 | |
| CN112491940B (zh) | 代理服务器的请求转发方法及装置、存储介质及电子设备 | |
| CN112988528B (zh) | 日志处理方法、装置及容器组 | |
| CN108845803B (zh) | 一种列表视图的更新方法、装置、设备及存储介质 | |
| CN114089996A (zh) | 一种页面渲染方法、装置及系统 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |