前端通信方法、系统、电子设备、存储介质和程序产品与流程

    专利查询2026-01-30  4


    本发明涉及通信领域,尤其涉及前端通信方法、系统、电子设备、存储介质和程序产品。


    背景技术:

    1、由于原生语言不能跨平台使用,也不能动态更新界面,因此在原生开发中,通常使用浏览器加载需要使用的前端web界面。

    2、但不同的web界面通常使用不同的前端框架制作,在进行界面切换更新时,不同的前端框架间需要进行实时通信,才能保证界面切换更新的实现和顺畅,进而保证开发的效率,而目前尚无不同前端框架间的实时通信方法,导致开发效率较低。


    技术实现思路

    1、本发明旨在至少解决相关技术中存在的技术问题之一。为此,本发明提出一种前端通信方法,实现了不同前端框架间的实时通信,能够保证采用不同前端框架制作的web界面之间切换更新的实现和顺畅,提高开发效率。

    2、本发明还提出一种前端通信方法、系统、电子设备、存储介质和程序产品。

    3、根据本发明第一方面实施例的前端通信方法,包括:

    4、利用第一通道文件和第二通道文件创建第一原生容器与第二原生容器之间的通信通道;所述第一通道文件是预先加载至所述第一原生容器中的,所述第二通道文件是预先加载至所述第二原生容器中的,所述第一原生容器和所述第二原生容器属于不同的前端框架;

    5、利用第一业务文件,通过所述通信通道向第二业务文件发送消息;所述第一业务文件是预先加载至所述第一原生容器中的,所述第二业务文件是预先加载至所述第二原生容器中的。

    6、根据本发明实施例的前端通信方法,利用第一通道文件和第二通道文件创建第一原生容器与第二原生容器之间的通信通道,再利用第一业务文件,通过该通信通道向第二业务文件发送消息,由于第一原生容器和第二原生容器属于不同的前端框架,第一通道文件和第一业务文件是预先加载至第一原生容器中的,第二通道文件和第二业务文件是预先加载至第二原生容器中的,因此,利用第一业务文件,通过通信通道向第二业务文件发送消息,即利用该通信通道从一个前端框架发送消息至另一个不同的前端框架,实现了不同前端框架间的实时通信,能够保证采用不同前端框架制作的web界面之间切换更新的实现和顺畅,提高开发效率。

    7、根据本发明的一个实施例,所述利用第一业务文件,通过所述通信通道向第二业务文件发送消息,包括:

    8、将所述第一通道文件预先定义的发送函数注入所述第一原生容器中;

    9、利用所述第一业务文件将所述消息转接至所述发送函数;

    10、利用所述发送函数,通过所述通信通道向所述第二业务文件发送消息。

    11、根据本发明的一个实施例,所述利用所述发送函数,通过所述通信通道向所述第二业务文件发送消息,包括:

    12、利用第一中转接收器监听并接收所述发送函数发送的消息,并将所述发送函数发送的消息通过所述通信通道发送至第二中转接收器,由所述第二中转接收器向所述第二业务文件发送消息;所述第一中转接收器是预先创建至所述第一原生容器中的,所述第二中转接收器是预先创建至所述第二原生容器中的。

    13、根据本发明的一个实施例,所述利用所述发送函数,通过所述通信通道向所述第二业务文件发送消息之后,包括:

    14、销毁所述第一原生容器,利用第一移除接收器接收容器处于销毁状态的消息,并将所述容器处于销毁状态的消息发送至第二移除接收器;所述第一移除接收器是预先创建至所述第一原生容器中的,所述第二移除接收器是预先创建至所述第二原生容器中的。

    15、根据本发明第二方面实施例的前端通信方法,包括:

    16、利用第二通道文件和第一通道文件创建第二原生容器与第一原生容器之间的通信通道;所述第二通道文件是预先加载至所述第二原生容器中的,所述第一通道文件是预先加载至所述第一原生容器中的,所述第二原生容器和所述第一原生容器属于不同的前端框架;

    17、通过所述通信通道接收第一业务文件发送的消息,并将所述消息发送至第二业务文件;所述第一业务文件是预先加载至所述第一原生容器中的,所述第二业务文件是预先加载至所述第二原生容器中的。

    18、根据本发明的一个实施例,所述通过所述通信通道接收第一业务文件发送的消息,并将所述消息发送至第二业务文件,包括:

    19、利用接收函数,通过所述通信通道接收所述第一业务文件发送的消息,并将所述消息发送至所述第二业务文件;所述接收函数是所述第二通道文件预先定义的。

    20、根据本发明的一个实施例,所述利用接收函数,通过所述通信通道接收所述第一业务文件发送的消息,并将所述消息发送至所述第二业务文件,包括:

    21、利用第二中转接收器监听并接收第一中转接收器通过所述通信通道发送的消息;所述第二中转接收器是预先创建至所述第二原生容器中的,所述第一中转接收器是预先创建至所述第一原生容器中的;

    22、利用所述第二中转接收器调用所述接收函数,并将所述消息发送至所述接收函数;

    23、利用所述接收函数将所述消息发送至所述第二业务文件。

    24、根据本发明的一个实施例,所述将所述消息发送至所述第二业务文件之后,包括:

    25、利用第二移除接收器接收第一移除接收器发送的容器处于销毁状态的消息;所述第二移除接收器是预先创建至所述第二原生容器中的,所述第一移除接收器是预先创建至所述第一原生容器中的;

    26、调用所述第二通道文件预先定义的移除函数;

    27、利用所述移除函数移除在所述第二原生容器中创建的与所述第一原生容器内的实例标识相匹配的实例和通道。

    28、根据本发明的一个实施例,所述将所述消息发送至所述第二业务文件之后,包括:

    29、利用所述接收函数调用所述通信通道的处理函数,利用所述处理函数对所述消息进行处理;所述处理函数是所述第二通道文件预先定义的。

    30、根据本发明第三方面实施例的前端通信系统,包括:第一前端框架和第二前端框架;

    31、所述第一前端框架用于:

    32、利用第一通道文件和第二通道文件创建第一原生容器与第二原生容器之间的通信通道;所述第一通道文件是预先加载至所述第一原生容器中的,所述第二通道文件是预先加载至所述第二原生容器中的,所述第一原生容器和所述第二原生容器属于不同的前端框架;

    33、利用第一业务文件,通过所述通信通道向第二业务文件发送消息;所述第一业务文件是预先加载至所述第一原生容器中的,所述第二业务文件是预先加载至所述第二原生容器中的;

    34、所述第二前端框架用于:

    35、利用第二通道文件和第一通道文件创建第二原生容器与第一原生容器之间的通信通道;

    36、通过所述通信通道接收第一业务文件发送的消息,并将所述消息发送至第二业务文件。

    37、根据本发明第四方面实施例的电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现如上述任一种所述前端通信方法。

    38、根据本发明第五方面实施例的非暂态计算机可读存储介质,其上存储有计算机程序,该计算机程序被处理器执行时实现如上述任一种所述前端通信方法。

    39、根据本发明第六方面实施例的计算机程序产品,其包括计算机程序,该计算机程序被处理器执行时实现如上述任一种所述前端通信方法。

    40、本发明实施例中的上述一个或多个技术方案,至少具有如下技术效果之一:

    41、利用第一通道文件和第二通道文件创建第一原生容器与第二原生容器之间的通信通道,再利用第一业务文件,通过该通信通道向第二业务文件发送消息,由于第一原生容器和第二原生容器属于不同的前端框架,第一通道文件和第一业务文件是预先加载至第一原生容器中的,第二通道文件和第二业务文件是预先加载至第二原生容器中的,因此,利用第一业务文件,通过通信通道向第二业务文件发送消息,即利用该通信通道从一个前端框架发送消息至另一个不同的前端框架,实现了不同前端框架间的实时通信,能够保证采用不同前端框架制作的web界面之间切换更新的实现和顺畅,提高开发效率。

    42、本发明的附加方面和优点将在下面的描述中部分给出,部分将从下面的描述中变得明显,或通过本发明的实践了解到。


    技术特征:

    1.一种前端通信方法,其特征在于,包括:

    2.根据权利要求1所述的前端通信方法,其特征在于,所述利用第一业务文件,通过所述通信通道向第二业务文件发送消息,包括:

    3.根据权利要求2所述的前端通信方法,其特征在于,所述利用所述发送函数,通过所述通信通道向所述第二业务文件发送消息,包括:

    4.根据权利要求2或3所述的前端通信方法,其特征在于,所述利用所述发送函数,通过所述通信通道向所述第二业务文件发送消息之后,包括:

    5.一种前端通信方法,其特征在于,包括:

    6.根据权利要求5所述的前端通信方法,其特征在于,所述通过所述通信通道接收第一业务文件发送的消息,并将所述消息发送至第二业务文件,包括:

    7.根据权利要求6所述的前端通信方法,其特征在于,所述利用接收函数,通过所述通信通道接收所述第一业务文件发送的消息,并将所述消息发送至所述第二业务文件,包括:

    8.根据权利要求5至7任一项所述的前端通信方法,其特征在于,所述将所述消息发送至所述第二业务文件之后,包括:

    9.根据权利要求6或7所述的前端通信方法,其特征在于,所述将所述消息发送至所述第二业务文件之后,包括:

    10.一种前端通信系统,其特征在于,包括:第一前端框架和第二前端框架;

    11.一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现如权利要求1至4任一项所述前端通信方法,或实现如权利要求5至9任一项所述前端通信方法。

    12.一种非暂态计算机可读存储介质,其上存储有计算机程序,其特征在于,该计算机程序被处理器执行时实现如权利要求1至4任一项所述前端通信方法,或实现如权利要求5至9任一项所述前端通信方法。

    13.一种计算机程序产品,包括计算机程序,其特征在于,所述计算机程序被处理器执行时实现如权利要求1至4任一项所述前端通信方法,或实现如权利要求5至9任一项所述前端通信方法。


    技术总结
    本发明涉及通信领域,提供一种前端通信方法、系统、电子设备、存储介质和程序产品。该方法包括:利用第一通道文件和第二通道文件创建第一原生容器与第二原生容器之间的通信通道;所述第一原生容器和所述第二原生容器属于不同的前端框架;利用第一业务文件,通过所述通信通道向第二业务文件发送消息。本发明利用通信通道从一个前端框架的业务文件发送消息至另一个不同的前端框架的业务文件,实现了不同前端框架间的实时通信,能够保证采用不同前端框架制作的web界面之间切换更新的实现和顺畅,提高开发效率。

    技术研发人员:刘欣,杨海银,王军平,刘俊
    受保护的技术使用者:美的集团股份有限公司
    技术研发日:
    技术公布日:2024/11/26
    转载请注明原文地址:https://tc.8miu.com/read-33787.html

    最新回复(0)