CN111596980A - 一种信息处理方法及装置 - Google Patents

Abstract

本申请示出了一种信息处理方法及装置。开发人员可在可视化窗口中操控热重载操控控件，以使可视化窗口将开发人员操控热重载操控控件的操控信息发送给脚手架窗口，进而脚手架窗口可以接收该操控信息，并获取操控信息对应的热重载指令，并在脚手架窗口中响应热重载指令，例如，根据热重载指令对需要热重载的Flutter界面调试，并将调试后的Flutter界面集成在原生应用程序中。这样，对于开发人员而言，开发人员在可视化窗口是不需要输入字符形式的操控指令的，开发人员只需要直接对可视化窗口中的热重载操控控件进行操控即可，也就不需要记住和熟悉字符形式的操控指令，从而降低了开发应用程序的复杂度，提高了对开发人员友好程度，提高了开发人员的开发体验。

Description

一种信息处理方法及装置

技术领域

本申请涉及计算机技术领域，特别是涉及一种信息处理方法及装置。

背景技术

当前，在开发应用程序时，可以在原生应用程序中集成Flutter界面。目前主要是通过脚手架(CLI)将Flutter界面集成到原生应用程序中。其中，脚手架是一个命令行工具，开发人员需要在脚手架上输入字符形式的指令来调用Flutter的功能。在原生应用程序里可以正常跳转Flutter界面并能获得Flutter界面返回结果。

其中，在开发阶段，有时候需要根据需求在Flutter工程中修改Flutter界面，此时需要用到热重载功能，开发人员在脚手架中可以输入字符形式的指令以进入到Flutter工程中，然后在脚手架中输入flutter attach命令，即可实现对修改后的Flutter界面调试，再在脚手架中输入flutter build aar/ios-framework命令，以实现将修改后的Flutter界面集成到原生应用程序中。然后开发人员可以在键盘上敲击R或者r，以实现在原生应用程序中显示热重载的修改后的Flutter界面，从而可以开发人员看到修改后的Flutter界面。

但是，这样就需要开发人员需要记住和熟悉脚手架中的大量的字符形式的指令，提高了开发复杂度，降低了对开发人员友好程度，导致开发人员的开发体验较低。

发明内容

为解决上述技术问题，本申请示出了一种信息处理方法及装置。

第一方面，本申请示出了一种信息处理方法，所述方法包括：

在显示的脚手架窗口中，基于所述脚手架窗口与可视化窗口之间的通信连接，接收所述可视化窗口发送的操控信息；其中，所述操控信息包括用户对所述可视化窗口中的热重载操控控件进行操控的操控信息；

基于所述脚手架窗口获取所述操控信息对应的热重载指令；

根据所述热重载指令对需要热重载的Flutter界面调试，并将调试后的Flutter界面集成在原生应用程序中；

在所述原生应用程序中显示调试后的Flutter界面。

在一个可选的实现方式中，所述方法还包括：

在所述脚手架窗口中显示对所述Flutter界面调试的调试结果，以及显示将调试后的Flutter界面集成在原生应用程序中的集成结果。

在一个可选的实现方式中，所述方法还包括：

在所述脚手架窗口中基于所述通信连接向所述可视化窗口发送对所述Flutter界面调试的调试结果以及将调试后的Flutter界面集成在原生应用程序中的集成结果；以使所述可视化窗口基于所述通信连接接收所述调试结果以及所述集成结果，并在所述可视化窗口中响应所述调试结果以及所述集成结果。

在一个可选的实现方式中，显示的脚手架窗口包括基于原始的脚手架窗口生成的新的脚手架窗口；所述原始的脚手架窗口与所述新的脚手架窗口不同且相互独立。

第二方面，本申请示出了一种信息处理方法，所述方法包括：

运行并显示可视化窗口，所述可视化窗口中包括热重载指令对应的热重载操控控件；

获取用户对所述可视化窗口中的热重载操控控件进行操控的操控信息；

基于所述可视化窗口与显示的脚手架窗口之间的通信连接向所述脚手架窗口发送所述操控信息；以使基于所述脚手架窗口获取所述操控信息对应的热重载指令，根据所述热重载指令对需要热重载的Flutter界面调试，并将调试后的Flutter界面集成在原生应用程序中，以及在所述原生应用程序中显示调试后的Flutter界面。

在一个可选的实现方式中，所述方法还包括：

接收运行可视化窗口的运行指令；

判断是否已经运行可视化窗口；

在已经运行可视化窗口的情况下，关闭已经运行的可视化窗口；

重新运行并显示可视化窗口；

建立重新运行并显示的可视化窗口与所述脚手架窗口之间的连接。

第三方面，本申请示出了一种信息处理装置，所述装置包括：

第一接收模块，用于在显示的脚手架窗口中，基于所述脚手架窗口与可视化窗口之间的通信连接，接收所述可视化窗口发送的操控信息；其中，所述操控信息包括用户对所述可视化窗口中的热重载操控控件进行操控的操控信息；

第一获取模块，用于基于所述脚手架窗口获取所述操控信息对应的热重载指令；

调试集成模块，用于根据所述热重载指令对需要热重载的Flutter界面调试，并将调试后的Flutter界面集成在原生应用程序中；

第一显示模块，用于在所述原生应用程序中显示调试后的Flutter界面。

在一个可选的实现方式中，所述装置还包括：

第二显示模块，用于在所述脚手架窗口中显示对所述Flutter界面调试的调试结果，以及显示将调试后的Flutter界面集成在原生应用程序中的集成结果。

在一个可选的实现方式中，所述装置还包括：

第一发送模块，用于在所述脚手架窗口中基于所述通信连接向所述可视化窗口发送对所述Flutter界面调试的调试结果以及将调试后的Flutter界面集成在原生应用程序中的集成结果；以使所述可视化窗口基于所述通信连接接收所述调试结果以及所述集成结果，并在所述可视化窗口中响应所述调试结果以及所述集成结果。

在一个可选的实现方式中，显示的脚手架窗口包括基于原始的脚手架窗口生成的新的脚手架窗口；所述原始的脚手架窗口与所述新的脚手架窗口不同且相互独立。

第四方面，本申请示出了一种信息处理装置，其特征在于，所述装置包括：

第一运行显示模块，用于运行并显示可视化窗口，所述可视化窗口中包括热重载指令对应的热重载操控控件；

第二获取模块，用于获取用户对所述可视化窗口中的热重载操控控件进行操控的操控信息；

第二发送模块，用于基于所述可视化窗口与显示的脚手架窗口之间的通信连接向所述脚手架窗口发送所述操控信息；以使基于所述脚手架窗口获取所述操控信息对应的热重载指令，根据所述热重载指令对需要热重载的Flutter界面调试，并将调试后的Flutter界面集成在原生应用程序中，以及在所述原生应用程序中显示调试后的Flutter界面。

在一个可选的实现方式中，所述装置还包括：

第二接收模块，用于接收运行可视化窗口的运行指令；

判断模块，用于判断是否已经运行可视化窗口；

关闭模块，用于在已经运行可视化窗口的情况下，关闭已经运行的可视化窗口；

第二运行显示模块，用于重新运行并显示可视化窗口；

建立模块，用于建立重新运行并显示的可视化窗口与所述脚手架窗口之间的连接。

第五方面，本申请示出了一种电子设备，所述电子设备包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器被配置为执行如第一方面所述的信息处理方法。

第六方面，本申请示出了一种非临时性计算机可读存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行如第一方面所述的信息处理方法。

第七方面，本申请示出了一种计算机程序产品，当所述计算机程序产品中的指令由电子设备的处理器执行时，使得电子设备能够执行如第一方面所述的信息处理方法。

第八方面，本申请示出了一种电子设备，所述电子设备包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器被配置为执行如第二方面所述的信息处理方法。

第九方面，本申请示出了一种非临时性计算机可读存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行如第二方面所述的信息处理方法。

第十方面，本申请示出了一种计算机程序产品，当所述计算机程序产品中的指令由电子设备的处理器执行时，使得电子设备能够执行如第二方面所述的信息处理方法。

本申请提供的技术方案可以包括以下有益效果：

当需要在原生应用程序中热重载Flutter界面时，在现有技术中，开发人员需要在脚手架窗口中输入用于在原生应用程序中热重载Flutter界面的字符形式的操控指令，以使脚手架窗口响应该操控指令，从而实现在原生应用程序中热重载Flutter界面。

而在本申请中，开发人员可以不在脚手架的窗口上输入用于在原生应用程序中热重载Flutter界面的字符形式的操控指令，开发人员可以在可视化窗口中操控热重载操控控件，以使可视化窗口将开发人员操控热重载操控控件的操控信息发送给脚手架窗口，进而脚手架窗口可以接收该操控信息，并获取操控信息对应的热重载指令，并在脚手架窗口中响应热重载指令，例如，根据热重载指令对需要热重载的Flutter界面调试，并将调试后的Flutter界面集成在原生应用程序中，从而实现在原生应用程序中热重载Flutter界面。

这样，对于开发人员而言，开发人员在可视化窗口是不需要输入字符形式的操控指令的，开发人员只需要直接对可视化窗口中的热重载操控控件进行操控即可，也就不需要记住和熟悉字符形式的操控指令，从而降低了开发应用程序的复杂度，提高了对开发人员友好程度，提高了开发人员的开发体验。

附图说明

图1是本申请的一种信息处理方法的步骤流程图；

图2是本申请的一种信息处理装置的结构框图；

图3是本申请的一种信息处理装置的结构框图；

图4是本申请示出的一种电子设备的框图；

图5是本申请示出的一种电子设备的框图。

具体实施方式

为使本申请的上述目的、特征和优点能够更加明显易懂，下面结合附图和具体实施方式对本申请作进一步详细的说明。

参照图1，示出了本申请的一种信息处理方法的步骤流程图，该方法应用于电子设备，该方法具体可以包括如下步骤：

在步骤S101中，运行并显示可视化窗口，该可视化窗口中包括热重载指令对应的热重载操控控件；

当需要在原生应用程序中热重载Flutter界面时，需要开发人员在脚手架中通过字符形式的指令来在原生应用程序中热重载Flutter界面，为了使得开发人员可以不记住和熟悉大量的字符形式的指令就能够在原生应用程序中热重载Flutter界面，在本申请中，电子设备可以创建可视化窗口，例如，开发人员可以控制电子设备运行Flutter的脚手架，然后在脚手架中输入运行可视化窗口的指令，例如，输入指令“mgpcli start”等，之后电子设备就会创建一个新的进程，并基于新的进程运行可视化窗口，可视化窗口包括热重载指令对应的热重载操控控件。

这样，当开发人员需要在原生应用程序中热重载Flutter界面时，就不需要在脚手架中输入字符形式的指令，而直接操控可视化窗口中的热重载操控控件即可，以使电子设备执行步骤S102。

其中，热重载操控控件包括虚拟按钮或者选择框等开发人员可以直接操控的控件。

在本申请中，可视化窗口可以包括workflow的可视化窗口等，workflow是一个Flutter开发的工具流，通过workflow实现Flutter的创建，开发，编译，打包以及上传等。

在步骤S102中，获取用户对可视化窗口中的热重载操控控件进行操控的操控信息；

在步骤S103中，基于可视化窗口与显示的脚手架窗口之间的通信连接向脚手架窗口发送该操控信息；

在本申请中，可视化窗口相当于开发人员与脚手架窗口之间中间件。开发人员在与可视化窗口交互之后，可视化窗口还需要将开发人员与可视化窗口之间的交互内容传输至脚手架窗口，以使脚手架窗口执行开发人员的交互指令，进而完成在原生应用程序中热重载Flutter界面的目的。

因此，在本申请中，为了使得可视化窗口能够将开发人员与可视化窗口之间的交互内容传输至脚手架窗口，需要创建可视化窗口与显示的脚手架窗口之间的通信连接，该通信连接可以包括：基于websocket的通信连接，或者，基于HTTP(HyperText TransferProtocol，超文本传输协议)的通信连接等。

其中，基于HTTP的通信连接可以是单向的，例如，是从脚手架窗口向可视化窗口的方向的通信连接，脚手架窗口可以通过基于HTTP的通信连接向可视化窗口发送Flutter的版本信息、开发Flutter所使用的计算机程序语言的版本信息以及脚手架窗口的版本信息等，以使开发人员在可视化窗口中就可以直接获知这些信息，便于开发人员基于可视化窗口在原生应用程序中热重载Flutter界面。

基于websocket的通信连接可以为双向的通信连接，可视化窗口和脚手架窗口可以通过基于websocket的通信连接相互发送在原生应用程序中热重载Flutter界面过程中各自产生的日志信息等。

如此，在本步骤中，电子设备就可以控制可视化窗口基于可视化窗口与显示的脚手架窗口之间的通信连接向脚手架窗口发送该操控信息。

在步骤S104中，在脚手架窗口中，基于脚手架窗口与可视化窗口之间的通信连接，接收可视化窗口发送的该操控信息；

其中，该操控信息包括用户对可视化窗口中的热重载操控控件进行操控的操控信息等。

在步骤S105中，基于脚手架窗口获取该操控信息对应的热重载指令；

在本申请中，可以在脚手架窗口中输入的用于启用Flutter的功能的操控指令有多个，其中，在可视化窗口中具有热重载指令对应的操控控件，热重载指令可以基于对可视化窗口的热重载指令对应的操控控件进行操控而触发。

所以，对于任意一个可以脚手架窗口中输入的启用Flutter的功能的操控指令，事先可以确定能够在可视化窗口中触发该操控指令的操控信息，并将该操控指令与该操控信息组成对应表项，并存储在操控指令与操控信息之间的对应关系中。对于其他每一个可以脚手架窗口中输入的启用Flutter的功能的操控指令，同样执行上述操作。

如此，在本步骤中，可以在操控指令与操控信息之间的对应关系中，查找与该操控信息相对应的操控指令，从座位热重载指令，然后执行步骤S106。

在步骤S106中，根据热重载指令对需要热重载的Flutter界面调试，并将调试后的Flutter界面集成在原生应用程序中；

在步骤S107中，在该原生应用程序中显示调试后的Flutter界面。

当需要在原生应用程序中热重载Flutter界面时，在现有技术中，开发人员需要在脚手架窗口中输入用于在原生应用程序中热重载Flutter界面的字符形式的操控指令，以使脚手架窗口响应该操控指令，从而实现在原生应用程序中热重载Flutter界面。

而在本申请中，开发人员可以不在脚手架的窗口上输入用于在原生应用程序中热重载Flutter界面的字符形式的操控指令，开发人员可以在可视化窗口中操控热重载操控控件，以使可视化窗口将开发人员操控热重载操控控件的操控信息发送给脚手架窗口，进而脚手架窗口可以接收该操控信息，并获取操控信息对应的热重载指令，并在脚手架窗口中响应热重载指令，例如，根据热重载指令对需要热重载的Flutter界面调试，并将调试后的Flutter界面集成在原生应用程序中，从而实现在原生应用程序中热重载Flutter界面。

这样，对于开发人员而言，开发人员在可视化窗口是不需要输入字符形式的操控指令的，开发人员只需要直接对可视化窗口中的热重载操控控件进行操控即可，也就不需要记住和熟悉字符形式的操控指令，从而降低了开发应用程序的复杂度，提高了对开发人员友好程度，提高了开发人员的开发体验。

在本申请中，在原生应用程序中热重载Flutter界面的过程中，开发人员是直接与可视化窗口进行交互的，而不需要与脚手架窗口之间直接进行与在原生应用程序中热重载Flutter界面相关的交互，但是，在原生应用程序中热重载Flutter界面之后，有时候可能需要操控可视化窗口中的其他操控控件，以对原生应用程序进行改善。

其中，可视化界面中的热重载操控控件与其他操控控件之间是具有先后逻辑关系或者依赖关系的，例如，执行操控顺序靠后的操控控件是否有效取决于执行操控顺序靠前的操控控件的操控结果，例如，在原生应用程序中热重载Flutter界面之后，需要基于热重载的Flutter界面对原生应用程序进行其他方面改善。

如此，每当开发人员在可视化窗口中操控热重载操控控件之后，则需要使得开发人员知晓操控热重载操控控件的操控结果，以使开发人员获知是否可以继续操控其他操控控件对原生应用程序进行完善。

如此，在本申请另一实施例中，可以在脚手架窗口中基于通信连接向可视化窗口发送对Flutter界面调试的调试结果以及将调试后的Flutter界面集成在原生应用程序中的集成结果；以使可视化窗口基于通信连接接收调试结果以及集成结果，并在可视化窗口中响应调试结果以及集成结果。

其次，还可以在脚手架窗口中显示对Flutter界面调试的调试结果，以及显示将调试后的Flutter界面集成在原生应用程序中的集成结果。

在本申请另一实施例中，在开发人员基于可视化窗口依靠如1所示的实施例的方式在原生应用程序中热重载Flutter界面的过程中，由于可视化窗口与脚手架窗口需要进行实时交互，因此，开发人员通常是不能在这个过程中手动在脚手架窗口中输入其他指令的，否则脚手架窗口响应其他指令会影响在原生应用程序中正常热重载Flutter界面。

因此，在原生应用程序中热重载Flutter界面的过程中，为了在不影响在原生应用程序中正常热重载Flutter界面的情况下，还能够支持开发人员在脚手架窗口中输入其他指令而运行Flutter的其他功能，在本申请另一实施例中，显示的脚手架窗口包括基于原始的脚手架窗口生成的新的脚手架窗口。原始的脚手架窗口与新的脚手架窗口不同且相互独立。原始的脚手架窗口包括Flutter的默认的脚手架窗口。

例如，开发人员在原始的脚手架中输入运行可视化窗口的指令之后，例如，输入指令“mgpcli start”之后，电子设备就会创建一个新的进程，然后基于新的进程运行可视化窗口，以及，根据原始的脚手架窗口生成一个新的脚手架窗口，并基于上述新的进程同时运行新的脚手架窗口以及可视化窗口。从而实现将可视化窗口与新的脚手架窗口绑定。

之后开发人员就可以基于可视化窗口与新的脚手架窗口来开发应用程序，在原生应用程序中热重载Flutter界面之后，开发人员可以手动关闭新的脚手架窗口，对于电子设备而言，在开发人员手动关闭新的脚手架窗口，可视化窗口与新的脚手架窗口之间的绑定关系也随之消除。

其中，电子设备可以同时显示原始的脚手架窗口与新的脚手架窗口，新的脚手架窗口与可视化窗口分别基于同一进程运行，新的脚手架窗口与可视化窗口之间具有通信连接，新的脚手架窗口的功能可以与原始的脚手架窗口的功能相同，新的脚手架窗口与可视化窗口之间可以进行交互，而原始的脚手架窗口与可视化窗口之间可以不具有通信连接，原始的脚手架窗口与可视化窗口之间可以不进行交互，以使开发人员可以基于可视化窗口通过图1所示的实施例的方式在原生应用程序中热重载Flutter界面。新的脚手架窗口和可视化窗口可以参与开发人员在原生应用程序中热重载Flutter界面的过程，原始的脚手架窗口可以不参与开发人员在原生应用程序中热重载Flutter界面的过程。

在一个实施例中，在开发人员基于可视化窗口通过图1所示的实施例的方式在原生应用程序中热重载Flutter界面的过程中，开发人员也可以中途在原始的脚手架窗口输入指令，以使原始的脚手架窗口响应该指令，且由于新的脚手架窗口和可视化窗口参与开发人员在原生应用程序中热重载Flutter界面的过程，而原始的脚手架窗口可以不参与开发人员在原生应用程序中热重载Flutter界面的过程，因此，开发人员在原始的脚手架窗口输入指令并不影响开发人员正常在原生应用程序中热重载Flutter界面。

其中，有时候可视化窗口可能会出现故障，例如，可视化窗口无法感知到开发人员对操控控件的操控等，在这种情况下，就需要重新运行并显示一个可视化窗口，开发人员可以基于重新运行并显示的可视化窗口继续在原生应用程序中热重载Flutter界面。

然而，脚手架窗口与出现故障的可视化窗口之间具有通信连接，脚手架窗口与重新运行的可视化窗口之间不具有通信连接，而脚手架窗口一次只能建立与一个可视化窗口之间的通信连接，而不能同时建立与多个可视化窗口之间的多个通信连接，因此，开发人员对重新运行的可视化窗口中的热重载操控控件进行操控的操控信息是无法传递到脚手架窗口的，进而导致无法正常在原生应用程序中热重载Flutter界面。

因此，为了避免这种情况发生，在本申请中，在电子设备接收到运行可视化窗口的运行指令情况下，可以判断是否已经运行有可视化窗口；在已经运行有可视化窗口的情况下，关闭已经运行的可视化窗口；重新运行并显示可视化窗口；并建立重新运行的可视化窗口与脚手架窗口之间的连接。在未运行可视化窗口的情况下，则可以直接运行并显示可视化窗口。

需要说明的是，对于方法实施例，为了简单描述，故将其都表述为一系列的动作组合，但是本领域技术人员应该知悉，本申请并不受所描述的动作顺序的限制，因为依据本申请，某些步骤可以采用其他顺序或者同时进行。其次，本领域技术人员也应该知悉，说明书中所描述的实施例均属于可选实施例，所涉及的动作并不一定是本申请所必须的。

参照图2，示出了本申请的一种信息处理装置的结构框图，该装置具体可以包括如下模块：

第一接收模块11，用于在显示的脚手架窗口中，基于所述脚手架窗口与可视化窗口之间的通信连接，接收所述可视化窗口发送的操控信息；其中，所述操控信息包括用户对所述可视化窗口中的热重载操控控件进行操控的操控信息；

第一获取模块12，用于基于所述脚手架窗口获取所述操控信息对应的热重载指令；

调试集成模块13，用于根据所述热重载指令对需要热重载的Flutter界面调试，并将调试后的Flutter界面集成在原生应用程序中；

第一显示模块14，用于在所述原生应用程序中显示调试后的Flutter界面。

在一个可选的实现方式中，所述装置还包括：

第二显示模块，用于在所述脚手架窗口中显示对所述Flutter界面调试的调试结果，以及显示将调试后的Flutter界面集成在原生应用程序中的集成结果。

在一个可选的实现方式中，所述装置还包括：

第一发送模块，用于在所述脚手架窗口中基于所述通信连接向所述可视化窗口发送对所述Flutter界面调试的调试结果以及将调试后的Flutter界面集成在原生应用程序中的集成结果；以使所述可视化窗口基于所述通信连接接收所述调试结果以及所述集成结果，并在所述可视化窗口中响应所述调试结果以及所述集成结果。

在一个可选的实现方式中，显示的脚手架窗口包括基于原始的脚手架窗口生成的新的脚手架窗口；所述原始的脚手架窗口与所述新的脚手架窗口不同且相互独立。

当需要在原生应用程序中热重载Flutter界面时，在现有技术中，开发人员需要在脚手架窗口中输入用于在原生应用程序中热重载Flutter界面的字符形式的操控指令，以使脚手架窗口响应该操控指令，从而实现在原生应用程序中热重载Flutter界面。

而在本申请中，开发人员可以不在脚手架的窗口上输入用于在原生应用程序中热重载Flutter界面的字符形式的操控指令，开发人员可以在可视化窗口中操控热重载操控控件，以使可视化窗口将开发人员操控热重载操控控件的操控信息发送给脚手架窗口，进而脚手架窗口可以接收该操控信息，并获取操控信息对应的热重载指令，并在脚手架窗口中响应热重载指令，例如，根据热重载指令对需要热重载的Flutter界面调试，并将调试后的Flutter界面集成在原生应用程序中，从而实现在原生应用程序中热重载Flutter界面。

这样，对于开发人员而言，开发人员在可视化窗口是不需要输入字符形式的操控指令的，开发人员只需要直接对可视化窗口中的热重载操控控件进行操控即可，也就不需要记住和熟悉字符形式的操控指令，从而降低了开发应用程序的复杂度，提高了对开发人员友好程度，提高了开发人员的开发体验。

参照图3，示出了本申请的一种信息处理装置的结构框图，该装置具体可以包括如下模块：

第一运行显示模块21，用于运行并显示可视化窗口，所述可视化窗口中包括热重载指令对应的热重载操控控件；

第二获取模块22，用于获取用户对所述可视化窗口中的热重载操控控件进行操控的操控信息；

第二发送模块23，用于基于所述可视化窗口与显示的脚手架窗口之间的通信连接向所述脚手架窗口发送所述操控信息；以使基于所述脚手架窗口获取所述操控信息对应的热重载指令，根据所述热重载指令对需要热重载的Flutter界面调试，并将调试后的Flutter界面集成在原生应用程序中，以及在所述原生应用程序中显示调试后的Flutter界面。

在一个可选的实现方式中，所述装置还包括：

第二接收模块，用于接收运行可视化窗口的运行指令；

判断模块，用于判断是否已经运行可视化窗口；

关闭模块，用于在已经运行可视化窗口的情况下，关闭已经运行的可视化窗口；

第二运行显示模块，用于重新运行并显示可视化窗口；

建立模块，用于建立重新运行并显示的可视化窗口与所述脚手架窗口之间的连接。

当需要在原生应用程序中热重载Flutter界面时，在现有技术中，开发人员需要在脚手架窗口中输入用于在原生应用程序中热重载Flutter界面的字符形式的操控指令，以使脚手架窗口响应该操控指令，从而实现在原生应用程序中热重载Flutter界面。

而在本申请中，开发人员可以不在脚手架的窗口上输入用于在原生应用程序中热重载Flutter界面的字符形式的操控指令，开发人员可以在可视化窗口中操控热重载操控控件，以使可视化窗口将开发人员操控热重载操控控件的操控信息发送给脚手架窗口，进而脚手架窗口可以接收该操控信息，并获取操控信息对应的热重载指令，并在脚手架窗口中响应热重载指令，例如，根据热重载指令对需要热重载的Flutter界面调试，并将调试后的Flutter界面集成在原生应用程序中，从而实现在原生应用程序中热重载Flutter界面。

这样，对于开发人员而言，开发人员在可视化窗口是不需要输入字符形式的操控指令的，开发人员只需要直接对可视化窗口中的热重载操控控件进行操控即可，也就不需要记住和熟悉字符形式的操控指令，从而降低了开发应用程序的复杂度，提高了对开发人员友好程度，提高了开发人员的开发体验。

对于装置实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

图4是本申请示出的一种电子设备800的框图。例如，电子设备800可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，个人数字助理等。

参照图4，电子设备800可以包括以下一个或多个组件：处理组件802，存储器804，电力组件806，多媒体组件808，音频组件810，输入/输出(I/O)的接口812，传感器组件814，以及通信组件816。

处理组件802通常控制电子设备800的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理组件802可以包括一个或多个处理器820来执行指令，以完成上述方法的全部或部分步骤。此外，处理组件802可以包括一个或多个模块，便于处理组件802和其他组件之间的交互。例如，处理组件802可以包括多媒体模块，以方便多媒体组件808和处理组件802之间的交互。

存储器804被配置为存储各种类型的数据以支持在设备800的操作。这些数据的示例包括用于在电子设备800上操作的任何应用程序或方法的指令，联系人数据，电话簿数据，消息，图像，视频等。存储器804可以由任何类型的易失性或非易失性存储设备或者它们的组合实现，如静态随机存取存储器(SRAM)，电可擦除可编程只读存储器(EEPROM)，可擦除可编程只读存储器(EPROM)，可编程只读存储器(PROM)，只读存储器(ROM)，磁存储器，快闪存储器，磁盘或光盘。

电源组件806为电子设备800的各种组件提供电力。电源组件806可以包括电源管理系统，一个或多个电源，及其他与为电子设备800生成、管理和分配电力相关联的组件。

多媒体组件808包括在所述电子设备800和用户之间的提供一个输出接口的屏幕。在一些实施例中，屏幕可以包括液晶显示器(LCD)和触摸面板(TP)。如果屏幕包括触摸面板，屏幕可以被实现为触摸屏，以接收来自用户的输入信号。触摸面板包括一个或多个触摸传感器以感测触摸、滑动和触摸面板上的手势。所述触摸传感器可以不仅感测触摸或滑动动作的边界，而且还检测与所述触摸或滑动操作相关的持续时间和压力。在一些实施例中，多媒体组件808包括一个前置摄像头和/或后置摄像头。当设备800处于操作模式，如拍摄模式或视频模式时，前置摄像头和/或后置摄像头可以接收外部的多媒体数据。每个前置摄像头和后置摄像头可以是一个固定的光学透镜系统或具有焦距和光学变焦能力。

音频组件810被配置为输出和/或输入音频信号。例如，音频组件810包括一个麦克风(MIC)，当电子设备800处于操作模式，如呼叫模式、记录模式和语音识别模式时，麦克风被配置为接收外部音频信号。所接收的音频信号可以被进一步存储在存储器804或经由通信组件816发送。在一些实施例中，音频组件810还包括一个扬声器，用于输出音频信号。

I/O接口812为处理组件802和外围接口模块之间提供接口，上述外围接口模块可以是键盘，点击轮，按钮等。这些按钮可包括但不限于：主页按钮、音量按钮、运行按钮和锁定按钮。

传感器组件814包括一个或多个传感器，用于为电子设备800提供各个方面的状态评估。例如，传感器组件814可以检测到设备800的打开/关闭状态，组件的相对定位，例如所述组件为电子设备800的显示器和小键盘，传感器组件814还可以检测电子设备800或电子设备800一个组件的位置改变，用户与电子设备800接触的存在或不存在，电子设备800方位或加速/减速和电子设备800的温度变化。传感器组件814可以包括接近传感器，被配置用来在没有任何的物理接触时检测附近物体的存在。传感器组件814还可以包括光传感器，如CMOS或CCD图像传感器，用于在成像应用中使用。在一些实施例中，该传感器组件814还可以包括加速度传感器，陀螺仪传感器，磁传感器，压力传感器或温度传感器。

通信组件816被配置为便于电子设备800和其他设备之间有线或无线方式的通信。电子设备800可以接入基于通信标准的无线网络，如WiFi，运营商网络(如2G、3G、4G或5G)，或它们的组合。在一个示例性实施例中，通信组件816经由广播信道接收来自外部广播管理系统的广播信号或广播操作信息。在一个示例性实施例中，所述通信组件816还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RFID)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。

在示例性实施例中，电子设备800可以被一个或多个应用专用集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理设备(DSPD)、可编程逻辑器件(PLD)、现场可编程门阵列(FPGA)、控制器、微控制器、微处理器或其他电子元件实现，用于执行上述方法。

在示例性实施例中，还提供了一种包括指令的非临时性计算机可读存储介质，例如包括指令的存储器804，上述指令可由电子设备800的处理器820执行以完成上述方法。例如，所述非临时性计算机可读存储介质可以是ROM、随机存取存储器(RAM)、CD-ROM、磁带、软盘和光数据存储设备等。

图5是本申请示出的一种电子设备1900的框图。例如，电子设备1900可以被提供为一服务器。

参照图5，电子设备1900包括处理组件1922，其进一步包括一个或多个处理器，以及由存储器1932所代表的存储器资源，用于存储可由处理组件1922的执行的指令，例如应用程序。存储器1932中存储的应用程序可以包括一个或一个以上的每一个对应于一组指令的模块。此外，处理组件1922被配置为执行指令，以执行上述方法。

电子设备1900还可以包括一个电源组件1926被配置为执行电子设备1900的电源管理，一个有线或无线网络接口1950被配置为将电子设备1900连接到网络，和一个输入输出(I/O)接口1958。电子设备1900可以操作基于存储在存储器1932的操作系统，例如Windows ServerTM，Mac OS XTM，UnixTM,LinuxTM，FreeBSDTM或类似。

本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。

本领域内的技术人员应明白，本申请的实施例可提供为方法、装置、或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本申请是参照根据本申请的方法、终端设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程生成测试用例终端设备的处理器以产生一个机器，使得通过计算机或其他可编程生成测试用例终端设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程生成测试用例终端设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程生成测试用例终端设备上，使得在计算机或其他可编程终端设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程终端设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

尽管已描述了本申请的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例做出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本申请范围的所有变更和修改。

最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者终端设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者终端设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者终端设备中还存在另外的相同要素。

以上对本申请所提供的一种信息处理方法及装置，进行了详细介绍，本文中应用了具体个例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想；同时，对于本领域的一般技术人员，依据本申请的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本申请的限制。

Claims (12)

1.一种信息处理方法，其特征在于，所述方法包括：

在显示的脚手架窗口中，基于所述脚手架窗口与可视化窗口之间的通信连接，接收所述可视化窗口发送的操控信息；其中，所述操控信息包括用户对所述可视化窗口中的热重载操控控件进行操控的操控信息；

基于所述脚手架窗口获取所述操控信息对应的热重载指令；

根据所述热重载指令对需要热重载的Flutter界面调试，并将调试后的Flutter界面集成在原生应用程序中；

在所述原生应用程序中显示调试后的Flutter界面。

2.根据权利要求1所述的方法，其特征在于，所述方法还包括：

在所述脚手架窗口中显示对所述Flutter界面调试的调试结果，以及显示将调试后的Flutter界面集成在原生应用程序中的集成结果。

3.根据权利要求1所述的方法，其特征在于，所述方法还包括：

在所述脚手架窗口中基于所述通信连接向所述可视化窗口发送对所述Flutter界面调试的调试结果以及将调试后的Flutter界面集成在原生应用程序中的集成结果；以使所述可视化窗口基于所述通信连接接收所述调试结果以及所述集成结果，并在所述可视化窗口中响应所述调试结果以及所述集成结果。

4.根据权利要求1所述的方法，其特征在于，显示的脚手架窗口包括基于原始的脚手架窗口生成的新的脚手架窗口；所述原始的脚手架窗口与所述新的脚手架窗口不同且相互独立。

5.一种信息处理方法，其特征在于，所述方法包括：

运行并显示可视化窗口，所述可视化窗口中包括热重载指令对应的热重载操控控件；

获取用户对所述可视化窗口中的热重载操控控件进行操控的操控信息；

基于所述可视化窗口与显示的脚手架窗口之间的通信连接向所述脚手架窗口发送所述操控信息；以使基于所述脚手架窗口获取所述操控信息对应的热重载指令，根据所述热重载指令对需要热重载的Flutter界面调试，并将调试后的Flutter界面集成在原生应用程序中，以及在所述原生应用程序中显示调试后的Flutter界面。

6.一种信息处理装置，其特征在于，所述装置包括：

第一接收模块，用于在显示的脚手架窗口中，基于所述脚手架窗口与可视化窗口之间的通信连接，接收所述可视化窗口发送的操控信息；其中，所述操控信息包括用户对所述可视化窗口中的热重载操控控件进行操控的操控信息；

第一获取模块，用于基于所述脚手架窗口获取所述操控信息对应的热重载指令；

调试集成模块，用于根据所述热重载指令对需要热重载的Flutter界面调试，并将调试后的Flutter界面集成在原生应用程序中；

第一显示模块，用于在所述原生应用程序中显示调试后的Flutter界面。

7.根据权利要求6所述的装置，其特征在于，所述装置还包括：

第二显示模块，用于在所述脚手架窗口中显示对所述Flutter界面调试的调试结果，以及显示将调试后的Flutter界面集成在原生应用程序中的集成结果。

8.根据权利要求6所述的装置，其特征在于，所述装置还包括：

第一发送模块，用于在所述脚手架窗口中基于所述通信连接向所述可视化窗口发送对所述Flutter界面调试的调试结果以及将调试后的Flutter界面集成在原生应用程序中的集成结果；以使所述可视化窗口基于所述通信连接接收所述调试结果以及所述集成结果，并在所述可视化窗口中响应所述调试结果以及所述集成结果。

9.根据权利要求6所述的装置，其特征在于，显示的脚手架窗口包括基于原始的脚手架窗口生成的新的脚手架窗口；所述原始的脚手架窗口与所述新的脚手架窗口不同且相互独立。

10.一种信息处理装置，其特征在于，所述装置包括：

第一运行显示模块，用于运行并显示可视化窗口，所述可视化窗口中包括热重载指令对应的热重载操控控件；

第二获取模块，用于获取用户对所述可视化窗口中的热重载操控控件进行操控的操控信息；

第二发送模块，用于基于所述可视化窗口与显示的脚手架窗口之间的通信连接向所述脚手架窗口发送所述操控信息；以使基于所述脚手架窗口获取所述操控信息对应的热重载指令，根据所述热重载指令对需要热重载的Flutter界面调试，并将调试后的Flutter界面集成在原生应用程序中，以及在所述原生应用程序中显示调试后的Flutter界面。

11.一种电子设备，其特征在于，所述电子设备包括：

处理器；

用于存储处理器可执行指令的存储器；

其中，所述处理器被配置为执行如权利要求1-4任一项所述的信息处理方法，或者，执行如权利要求5所述的信息处理方法。

12.一种非临时性计算机可读存储介质，当所述存储介质中的指令由电子设备的处理器执行时，使得电子设备能够执行如权利要求1-4任一项所述的信息处理方法，或者，执行如权利要求5所述的信息处理方法。

Images