客户端与前端页面之间的数据通信方法及装置制造方法及图纸

本发明专利技术提供一种客户端与前端页面之间的数据通信方法及装置，涉及互联网技术。其中，客户端与前端页面之间的数据通信方法包括：建立与前端页面的通信接口，其中，通信接口中包括命令名称与功能函数的对应关系表；通过通信接口接收并读取前端页面发送的命令名称和回调函数的名称；根据对应关系表确定命令名称对应的功能函数，并执行功能函数以获取执行结果；将执行结果和回调函数的名称发送给前端页面，前端页面根据执行结果运行回调函数。通过本发明专利技术的实施方式，能够优化客户端和前端页面的数据通信方式。

【技术实现步骤摘要】
客户端与前端页面之间的数据通信方法及装置
本专利技术涉及互联网领域，特别涉及一种客户端与前端页面之间的数据通信方法及装置。
技术介绍
现有技术中，客户端和前端页面之间通过取值型接口(ApplicationProgrammingInterface，简称为API)进行数据传输。通过取值型API进行的数据传输是同步的，当前端页面向客户端发起某个数据请求时，客户端立即进行数据的抓取和处理，并将结果返回给前端，如果客户端在抓取和处理的过程中出现错误，则会发生卡顿，使后续其他的数据请求无法正常进行，因此降低客户端和前端页面之间数据传输的效率。
技术实现思路
本专利技术实施例提供一种客户端与前端页面之间的数据通信方法及装置，以实现对客户端和前端页面的数据通信方式的优化。本专利技术为了实现上述目的，提供一种客户端与前端页面之间的数据通信方法。该方法包括：客户端建立与前端页面的通信接口，其中，通信接口中包括命令名称与功能函数的对应关系表；客户端通过通信接口接收并读取前端页面发送的命令名称和回调函数的名称；客户端根据对应关系表确定命令名称对应的功能函数，并执行功能函数以获取执行结果；客户端将执行结果和回调函数的名称发送给前端页面，前端页面根据执行结果运行回调函数。在一个实施例中，在接收到多个前端页面发送的命令名称和回调函数的名称时，客户端根据先后顺序读取各前端页面发送的命令名称和回调函数的名称。在一个实施例中，各前端页面生成自身的页面标识；客户端在执行功能函数后，将执行结果发送至各页面标识对应的前端页面。在一个实施例中，客户端生成各前端页面的页面标识；客户端在执行功能函数后，将执行结果发送至各页面标识对应的前端页面。在一个实施例中，对应关系表通过哈希函数生成。本专利技术为了实现上述目的，提供一种客户端与前端页面之间的数据通信装置。该装置包括：建立单元，用于与前端页面的通信接口，其中，通信接口中包括命令名称与功能函数的对应关系表；读取单元，用于通过通信接口接收并读取前端页面发送的命令名称和回调函数的名称；确定单元，用于根据对应关系表确定命令名称对应的功能函数，并执行功能函数以获取执行结果；第一发送单元，用于将执行结果和回调函数的名称发送给前端页面，前端页面根据执行结果运行回调函数。在一个实施例中，读取单元根据先后顺序读取各前端页面发送的命令名称和回调函数的名称。在一个实施例中，上述装置还包括：执行单元，用于执行功能函数后，将执行结果发送至各页面标识对应的前端页面，其中，各前端页面生成自身的页面标识。在一个实施例中，上述装置还包括：生成单元，用于生成各前端页面的页面标识；第二发送单元，用于在执行功能函数后，将执行结果发送至各页面标识对应的前端页面。在一个实施例中，对应关系表通过哈希函数生成。本专利技术实施例通过通信接口传输命令名称，异步执行各功能函数，避免了客户端和前端之间的卡顿，提高了信息传输的效率。附图说明此处所说明的附图用来提供对本专利技术的进一步理解，构成本申请的一部分，并不构成对本专利技术的限定。在附图中：图1是本专利技术实施例示出的客户端与前端页面之间的数据通信方法的流程图；图2是本专利技术优选实施例示出的客户端与前端页面之间的数据通信方法的流程图；图3是本专利技术实施例示出的客户端和前端页面之间的结构示意图；图4是本专利技术实施例示出的客户端与前端页面之间的数据通信装置的结构框图；图5是本专利技术一种优选实施例示出的客户端与前端页面之间的数据通信装置的结构框图；以及图6是本专利技术另一种优选实施例示出的客户端与前端页面之间的数据通信装置的结构框图。具体实施方式为使本专利技术的目的、技术方案和优点更加清楚明白，下面结合附图对本专利技术实施例作进一步详细说明。在此，本专利技术的示意性实施例及其说明用于解释本专利技术，但并不作为对本专利技术的限定。现在将参考附图进一步详细描述本专利技术。本专利技术可以许多不同的形式来实现，不应该被理解为仅限于此处所阐述的实施例。这些实施例只作为示例提供，以便为本领域技术人员提供对本专利技术的完全理解。图1是本专利技术实施例示出的客户端与前端页面之间的数据通信方法100的流程图，如图1所示，该方法包括以下步骤：步骤110，客户端建立与前端页面的通信接口，其中，通信接口中包括命令名称与功能函数的对应关系表。步骤120，客户端通过通信接口接收并读取前端页面发送的命令名称和回调函数的名称。步骤130，客户端根据对应关系表确定命令名称对应的功能函数，并执行功能函数以获取执行结果。步骤140，客户端将执行结果和回调函数的名称发送给前端页面，前端页面根据执行结果运行回调函数。具体地，前端页面可将执行结果作为该回调函数的输入值，对回调函数进行运行。在本实施例中，客户端建立了命令名称与功能函数的对应关系表，根据前端页面发送的命令名称查找该功能函数，并通过回调函数返回功能函数的结果，避免了前端页面直接调用功能函数及后续的同步操作，因此优化了客户端和前端页面的数据通信方式。上述对应关系表可以通过哈希函数生成，通过哈希函数可以保证严格的一一对应，且具有较高的保密性。在一些实施例中，客户端可能会收到多个前端页面发送的命令名称和回调函数的名称，此时客户端可以根据先后顺序读取各前端页面发送的命令名称和回调函数的名称。对于多个前端页面，需要进行区分，以免数据的混淆，在一种实现方式中，各前端页面可以生成自身的页面标识，客户端在执行功能函数后，将执行结果输入各页面标识对应的前端页面，各前端页面可以随机生成页面标识，所使用的算法比较简单。在另一种实现方式中，也可以由客户端生成各前端页面的页面标识，客户端在执行功能函数后，将执行结果输入各页面标识对应的前端页面，有客户端生成各前端页面的页面标识，保证了个页面标识的唯一性。图2是本专利技术优选实施例示出的客户端与前端页面之间的数据通信方法200的流程图，如图2所示，该方法包括以下步骤：步骤210，客户端接收到多个前端页面发送的信息sendRequest。每条sendRequest信息中均包括前端页面的页面标识，回调函数名称、命令名称等数据。页面标识用于对不同的前端页面进行区分，该页面标识可以有前端页面生成或由客户端生成，本实施例中的页面标识由客户端生成，以保证各页面标识的唯一性。步骤220，客户端根据先后顺序处理sendRequest信息。客户端将接收到的sendRequest信息存储于队列中，按先进先出的原则进行处理，在处理各sendRequest信息时，客户端根据哈希函数，在预设的对应关系表中查找命令名称对应的功能函数。如果可以查找到对应的功能函数，则执行步骤230；如果不能查找到对应的功能函数，则执行步骤240。步骤230，客户端执行该功能函数，并在执行完该功能函数后，执行步骤250。功能函数的功能可以是取值或运算等，例如获取实时的气温或空气质量指数等数值。步骤240，客户端报错，并执行步骤270。如果没有查找到功能函数，无法进行操作，则客户端向前端报错，并跳过本条sendRequest信息，开始处理下一条sendRequest信息。步骤250，客户端获取执行结果。步骤260，客户端将执行结果和回调函数的名称返回给前端页面。前端页面利用功能函数的执行结果进一步执行回调函数，回调函数中包括前端所要执行的操作，如一些页面展示动作等，例如，客户端在前述步骤本文档来自技高网...

【技术保护点】
一种客户端与前端页面之间的数据通信方法，其特征在于，包括：所述客户端建立与所述前端页面的通信接口，其中，所述通信接口中包括命令名称与功能函数的对应关系表；所述客户端通过所述通信接口接收并读取所述前端页面发送的所述命令名称和回调函数的名称；所述客户端根据所述对应关系表确定所述命令名称对应的功能函数，并执行所述功能函数以获取执行结果；所述客户端将所述执行结果和所述回调函数的名称发送给所述前端页面，所述前端页面根据所述执行结果运行所述回调函数。

【技术特征摘要】
1.一种客户端与前端页面之间的数据通信方法，其特征在于，包括：所述客户端建立与所述前端页面的通信接口，其中，所述通信接口中包括命令名称与功能函数的对应关系表；所述客户端通过所述通信接口接收并读取所述前端页面发送的命令名称和回调函数的名称；所述客户端根据所述对应关系表确定所述命令名称对应的功能函数，并执行所述功能函数以获取执行结果；所述客户端将所述执行结果和所述回调函数的名称发送给所述前端页面，所述前端页面根据所述执行结果运行所述回调函数。2.根据权利要求1所述的方法，其特征在于，在接收到多个前端页面发送的所述命令名称和所述回调函数的名称时，所述客户端根据先后顺序读取各前端页面发送的所述命令名称和所述回调函数的名称。3.根据权利要求2所述的方法，其特征在于，所述方法还包括：各前端页面生成自身的页面标识；所述客户端在执行所述功能函数后，将执行结果发送至各页面标识对应的前端页面。4.根据权利要求2所述的方法，其特征在于，所述方法还包括：所述客户端生成各前端页面的页面标识；所述客户端在执行所述功能函数后，将执行结果发送至各页面标识对应的前端页面。5.根据权利要求1所述的方法，其特征在于，所述对应关系表通过哈希...

【专利技术属性】
技术研发人员：邢岩，
申请(专利权)人：北界创想北京软件有限公司，
类型：发明
国别省市：北京;11