CN105808304B - 代码部署方法、装置及系统 - Google Patents

Abstract

本公开揭示了一种代码部署方法、装置及系统，属于互联网技术领域。所述代码部署方法包括：在代码编辑器内的网页代码被修改时，确定被修改的代码文件；在接收到保存被修改的代码文件的指令时，与提供网页代码的服务器建立长连接；将被修改的代码文件发送至服务器，该被修改的代码文件用于触发该服务器利用该被修改的代码文件替换网页代码中对应的代码文件，并在替换完成后利用长连接向终端发送完成通知；利用长连接接收完成通知，并自动刷新网页。本公开解决了现有技术中代码部署的过程中频繁的手动部署代码、刷新网页的操作在一定程度上影响了开发效率的问题；达到了终端自动执行部署代码、刷新网页的操作，提高了开发效率的效果。

Description

代码部署方法、装置及系统

技术领域

本公开涉及互联网技术领域，特别涉及一种代码部署方法、装置及系统。

背景技术

网页由HTML(英文：Hyper Text Markup Language，中文：超级文本标记语言)、CSS(英文：Cascading Style Sheets，中文：层叠样式表)和JS(英文：JavaScript，中文：直译式脚本语言)这三类代码文件构成，在研发网站时，研发人员需要将编写好的这三类代码文件部署到服务器上后，以查看研发效果。

通常，研发人员向服务器部署代码时，需要手动操作编辑器界面上的相应控件，以将编写好的代码打包生成预定格式的代码文件，并利用Myeclipse等专业软件将该代码文件部署到服务器上，研发人员手动刷新终端上浏览器的网页，查看部署后的代码对应的网页。若研发人员发现刷新后的网页有问题，则需要修改代码，再重复上述步骤查看修改后的网页，这种频繁的手动部署代码、刷新网页的操作在一定程度上影响了开发效率。

发明内容

为了解决现有技术中代码部署的过程中频繁的手动部署代码、刷新网页的操作在一定程度上影响了开发效率的问题，本公开提供一种代码部署方法、装置及系统。所述技术方案如下：

根据本公开实施例的第一方面，提供一种代码部署方法，应用于终端中，所述方法包括：

在代码编辑器内的网页代码被修改时，确定被修改的代码文件；

在接收到保存所述被修改的代码文件的指令时，与提供所述网页代码的服务器建立长连接；

将所述被修改的代码文件发送至所述服务器，所述被修改的代码文件用于触发所述服务器利用所述被修改的代码文件替换所述网页代码中对应的代码文件，并在替换完成后利用所述长连接向所述终端发送完成通知；

利用所述长连接接收所述完成通知，并自动刷新所述网页。

本公开的实施例第一方面提供的技术方案可以包括以下有益效果：通过与提供网页代码的服务器建立长连接，将被修改的代码文件发送至该服务器，并利用长连接接收服务器反馈的完成通知，并自动刷新网页；由于终端与服务器建立长连接后，服务器可以主动传送数据给终端，因此解决了现有技术中代码部署的过程中频繁的手动部署代码、刷新网页的操作在一定程度上影响了开发效率的问题；达到了终端自动执行部署代码、刷新网页的操作，提高了开发效率的效果。

可选的，所述在代码编辑器内的网页代码被修改时，确定被修改的代码文件，包括：

当所述代码编辑器内网页的代码被修改时，根据被修改的位置确定被修改的代码文件。

可选的，所述利用所述长连接接收所述完成通知，并自动刷新所述网页，包括：

在利用所述长连接接收所述完成通知后，运行预先设置的刷新脚本，生成刷新指令；

利用所述刷新指令，向所述服务器发送用于请求获取所述网页代码的获取请求，所述获取请求用于触发所述服务器反馈所述网页的代码；

接收所述网页的代码，显示所述网页。

本公开的实施例第一方面提供的可选的技术方案可以包括以下有益效果：通过在利用长连接接收完成通知后，运行预先设置的刷新脚本，向服务器发送用于请求获取网页代码的获取请求，由于服务器可以主动向终端发送完成通知，触发终端运行预先设置的刷新脚本，生成刷新指令，使得终端可以在服务器完成代码部署后，并自动刷新网页。

可选的，所述与提供所述网页代码的服务器建立长连接，包括：

确定出所述代码编辑器内网页的网页地址；

向与所述网页地址对应的服务器发送用于请求建立长连接的连接建立请求；

与所述服务器建立长连接。

本公开的实施例第一方面提供的可选的技术方案可以包括以下有益效果：通过与网页地址对应的服务器建立长连接，使得服务器可以主动传送数据给终端，实现终端与服务器之间的全双工通信。

根据本公开实施例的第二方面，提供一种代码部署方法，应用于服务器中，所述方法包括：

接收终端发送的用于建立长连接的连接建立请求，与所述终端建立长连接；

通过所述长连接接收所述终端发送的被修改的代码文件，利用所述被修改的代码文件替换所述服务器中对应的代码文件，接收到的所述被修改的代码文件是所述终端在确定所述代码文件被利用代码编辑器修改后发送的，所述代码文件用来存放同一类型的代码；

在替换完成后，利用所述长连接向所述终端发送完成通知，所述完成通知用于触发所述终端刷新所述代码编辑器内所编辑的网页。

本公开的实施例第二方面提供的技术方案可以包括以下有益效果：通过与终端建立长连接，并通过长连接接收该终端发送的代码文件完成代码部署，最后利用长连接向该终端发送完成通知；由于终端与服务器建立长连接后，服务器可以主动传送数据给终端，因此解决了现有技术中代码部署的过程中频繁的手动部署代码、刷新网页的操作在一定程度上影响了开发效率的问题；达到了终端自动执行部署代码、刷新网页的操作，提高了开发效率的效果。

可选的，所述利用所述被修改的代码文件替换所述服务器中对应的代码文件，包括：

读取所述被修改的代码文件的文件名；

将存储的具有所述文件名的代码文件替换为接收到的所述被修改的代码文件。

本公开的实施例第二方面提供的可选的技术方案可以包括以下有益效果：通过读取代码文件的文件名，将存储的具有该文件名的代码文件替换为接收到的被修改的代码文件，由于服务器是通过对代码文件进行同名替换来完成代码部署，因此服务器进行代码部署的准确度高。

根据本公开实施例的第三方面，提供一种代码部署装置，应用于终端中，所述装置包括：

确定模块，被配置为在代码编辑器内的网页代码被修改时，确定被修改的代码文件；

建立模块，被配置为在接收到保存所述被修改的代码文件的指令时，与提供所述网页代码的服务器建立长连接；

发送模块，被配置为将所述确定模块确定的所述被修改的代码文件发送至所述服务器，所述被修改的代码文件用于触发所述服务器利用所述被修改的代码文件替换所述网页代码中对应的代码文件，并在替换完成后利用所述长连接向所述终端发送完成通知；

刷新模块，被配置为利用所述建立模块建立的所述长连接接收所述完成通知，并自动刷新所述网页。

可选的，所述确定模块，还被配置为：

当所述代码编辑器内网页的代码被修改时，根据被修改的位置确定被修改的代码文件。

可选的，所述刷新模块，包括：

生成子模块，被配置为在利用所述建立模块建立的所述长连接接收所述完成通知后，运行预先设置的刷新脚本，生成刷新指令；

第一发送子模块，被配置为利用所述生成子模块生成的所述刷新指令，向所述服务器发送用于请求获取所述网页代码的获取请求，所述获取请求用于触发所述服务器反馈所述网页的代码；

显示子模块，被配置为接收所述网页的代码，显示所述网页。

可选的，所述建立模块，包括：

确定子模块，被配置为确定出所述代码编辑器内网页的网页地址；

第二发送子模块，被配置为向与所述确定子模块确定出的所述网页地址对应的服务器发送用于请求建立长连接的连接建立请求；

建立子模块，被配置为与所述服务器建立长连接。

根据本公开实施例的第四方面，提供一种代码部署装置，应用于服务器中，所述装置包括：

接收模块，被配置为接收终端发送的用于建立长连接的连接建立请求，与所述终端建立长连接；

替换模块，被配置为通过所述长连接接收所述终端发送的被修改的代码文件，利用所述被修改的代码文件替换所述服务器中对应的代码文件，接收到的所述被修改的代码文件是所述终端在确定所述代码文件被利用代码编辑器修改后发送的，所述代码文件用来存放同一类型的代码；

发送模块，被配置为在所述替换模块替换完成后，利用所述长连接向所述终端发送完成通知，所述完成通知用于触发所述终端刷新所述代码编辑器内所编辑的网页。

可选的，所述替换模块，包括：

读取子模块，被配置为读取所述被修改的代码文件的文件名；

替换子模块，被配置为将存储的具有所述读取子模块读取的所述文件名的代码文件替换为接收到的所述被修改的代码文件。

根据本公开实施例的第五方面，提供一种代码部署系统，其特征在于，所述系统包括：至少一个终端和服务器，

所述终端包括如第三方面以及第三方面各种可选实施方式中提供的代码部署装置；

所述服务器包括第四方面以及第四方面各种可选实施方式中提供的代码部署装置。

根据本公开实施例的第六方面，提供一种代码部署装置，应用于终端中，所述装置包括：

处理器；

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

其中，所述处理器被配置为：

在代码编辑器内的网页代码被修改时，确定被修改的代码文件；

在接收到保存所述被修改的代码文件的指令时，与提供所述网页代码的服务器建立长连接；

将所述被修改的代码文件发送至所述服务器，所述被修改的代码文件用于触发所述服务器利用所述被修改的代码文件替换所述网页代码中对应的代码文件，并在替换完成后利用所述长连接向所述终端发送完成通知；

利用所述长连接接收所述完成通知，并自动刷新所述网页。

根据本公开实施例的第七方面，提供一种代码部署装置，应用于服务器中，所述装置包括：

处理器；

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

其中，所述处理器被配置为：

接收终端发送的用于建立长连接的连接建立请求，与所述终端建立长连接；

通过所述长连接接收所述终端发送的被修改的代码文件，利用所述被修改的代码文件替换所述服务器中对应的代码文件，接收到的所述被修改的代码文件是所述终端在确定所述代码文件被利用代码编辑器修改后发送的，所述代码文件用来存放同一类型的代码；

在替换完成后，利用所述长连接向所述终端发送完成通知，所述完成通知用于触发所述终端刷新所述代码编辑器内所编辑的网页。

应当理解的是，以上的一般描述和后文的细节描述仅是示例性的，并不能限制本公开。

附图说明

此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本公开的实施例，并于说明书一起用于解释本公开的原理。

图1是根据一示例性实施例示出的一种代码部署方法的流程图；

图2A是根据另一示例性实施例示出的一种代码部署方法的流程图；

图2B是根据一示例性实施例示出的与提供网页代码的服务器建立长连接方法的流程图；

图2C是根据一示例性实施例示出的利用长连接接收完成通知，并自动刷新网页方法的流程图；

图3是根据一示例性实施例示出的一种代码部署方法的流程图；

图4A是根据另一示例性实施例示出的一种代码部署方法的流程图；

图4B是根据一示例性实施例示出的利用该被修改的代码文件替换服务器中对应的代码文件方法的流程图；

图5是根据再一示例性实施例示出的一种代码部署方法的流程图；

图6A是根据一示例性实施例示出的一种代码部署装置的框图；

图6B是根据另一示例性实施例示出的一种代码部署装置的框图；

图7A是根据再一示例性实施例示出的一种代码部署装置的框图；

图7B是根据另一示例性实施例示出的一种代码部署装置的框图；

图8是根据一示例性实施例示出的一种用于部署代码的装置的框图；

图9是根据一示例性实施例示出的一种用于部署代码的装置的框图。

具体实施方式

这里将详细地对示例性实施例进行说明，其示例表示在附图中。下面的描述涉及附图时，除非另有表示，不同附图中的相同数字表示相同或相似的要素。以下示例性实施例中所描述的实施方式并不代表与本公开相一致的所有实施方式。相反，它们仅是与如所附权利要求书中所详述的、本公开的一些方面相一致的装置和方法的例子。

图1是根据一示例性实施例示出的一种代码部署方法的流程图，如图1所示，该代码部署方法，应用于终端中，包括以下步骤。

在步骤101中，在代码编辑器内的网页代码被修改时，确定被修改的代码文件。

在步骤102中，在接收到保存被修改的代码文件的指令时，与提供网页代码的服务器建立长连接。

在步骤103中，将被修改的代码文件发送至服务器，该被修改的代码文件用于触发该服务器利用该被修改的代码文件替换网页代码中对应的代码文件，并在替换完成后利用长连接向终端发送完成通知。

在步骤104中，利用长连接接收完成通知，并自动刷新网页。

综上所述，本公开实施例中提供的代码部署方法，通过与提供网页代码的服务器建立长连接，将被修改的代码文件发送至该服务器，并利用长连接接收服务器反馈的完成通知，并自动刷新网页；由于终端与服务器建立长连接后，服务器可以主动传送数据给终端，因此解决了现有技术中代码部署的过程中频繁的手动部署代码、刷新网页的操作在一定程度上影响了开发效率的问题；达到了终端自动执行部署代码、刷新网页的操作，提高了开发效率的效果。

图2A是根据另一示例性实施例示出的一种代码部署方法的流程图，如图2A所示，该代码部署方法，应用于终端中，包括以下步骤。

在步骤201中，在代码编辑器内的网页代码被修改时，确定被修改的代码文件。

由于网页一般由HTML、CSS和JS这三类代码文件构成，因此，在代码编辑器内网页的代码被修改时，终端可以根据该代码被修改的位置确定被修改的代码文件。

在步骤202中，在接收到保存被修改的代码文件的指令时，与提供网页代码的服务器建立长连接。

当终端接收到针对代码编辑器内网页的代码的保存指令，说明该网页暂时被修改完毕，此时终端会与提供网页代码的服务器建立长连接，为后续向该服务器发送该网页被修改后的代码做准备。

这里所讲的长连接是终端与服务器之间的握手动作，终端与服务器之间一旦建立长连接，终端和服务器可以利用长连接相互发送数据，并可以在长连接维持期间多次发送数据，直到终端请求取消该长连接为止。

这里所讲的长连接可以为websocket连接，但本实施例不限定长连接的具体类型。

可选的，在接收到保存被修改的代码文件的指令时，对被修改之后的代码文件与被修改之前的代码文件进行校对，若被修改之后的代码文件内的代码与被修改之前的代码文件内的代码不一致，终端则与提供网页代码的服务器建立长连接，若被修改之后的代码文件内的代码与被修改之前的代码文件内的代码一致，终端则不实施后续步骤。

图2B是根据一示例性实施例示出的与提供网页代码的服务器建立长连接方法的流程图，如图2B所示，该与提供网页代码的服务器建立长连接方法可以由下述步骤202a至步骤202c实现。

在步骤202a中，确定出代码编辑器内网页的网页地址。

这里所讲的网页的网页地址即为该网页的HTTP(HyperText Transfer Protocol，超文本传输协议)地址。

在步骤202b中，向与网页地址对应的服务器发送用于请求建立长连接的连接建立请求。

当终端获取到网页的网页地址后，即可根据该网页地址确定出与网页地址对应的服务器地址，并根据该服务器地址向该网页地址对应的服务器发送用于请求建立长连接的连接建立请求。

在步骤202c中，与服务器建立长连接。

这里所讲的长连接是由终端向服务器发起。当终端与服务器完成一个握手的动作后，终端与服务器之间就已经形成了一条快速通道，终端与服务器即可进行数据的互相传送，也就是说，服务器可以向终端主动传送数据。

在步骤203中，将被修改的代码文件发送至服务器。

这里所讲的被修改的代码文件用于触发服务器利用接收到的被修改的代码文件替换该服务器存储的网页代码中对应的代码文件，并在替换完成后利用长连接向终端发送完成通知。

在步骤204中，利用长连接接收完成通知，并自动刷新网页。

图2C是根据一示例性实施例示出的利用长连接接收完成通知，并自动刷新网页方法的流程图，如图2C所示，该利用长连接接收完成通知，并自动刷新网页方法可以由下述步骤204a至步骤204c实现。

在步骤204a中，在利用长连接接收完成通知后，运行预先设置的刷新脚本，生成刷新指令。

由于终端与服务器已经建立长连接，因此当服务器利用接收到的被修改的代码文件替换该服务器中对应的代码文件后，该服务器会主动向终端发送完成通知，当终端接收到该完成通知后，会运行预先设置的刷新脚本，该刷新脚本所生成刷新指令可以控制终端刷新网页。

这里所讲的刷新脚本可以为reload.js，本实施例限制刷新脚本的具体类型和内容。

在步骤204b中，利用刷新指令，向服务器发送用于请求获取网页代码的获取请求，该获取请求用于触发该服务器反馈该网页的代码。

当移动终端向服务器发送用于请求获取网页代码的获取请求后，服务器会将代码文件被替换之后的网页的代码反馈至移动终端。

在步骤204c中，接收网页的代码，显示该网页。

当移动终端接收到该网页的代码，即可根据该代码显示该网页，由于移动终端所获取的是代码编辑器内已被修改的网页的代码，因此该终端所显示的也是该代码编辑器内已被修改的网页。

综上所述，本公开实施例中提供的代码部署方法，通过与提供网页代码的服务器建立长连接，将被修改的代码文件发送至该服务器，并利用长连接接收服务器反馈的完成通知，并自动刷新网页；由于终端与服务器建立长连接后，服务器可以主动传送数据给终端，因此解决了现有技术中代码部署的过程中频繁的手动部署代码、刷新网页的操作在一定程度上影响了开发效率的问题；达到了终端自动执行部署代码、刷新网页的操作，提高了开发效率的效果。

通过在利用长连接接收完成通知后，运行预先设置的刷新脚本，向服务器发送用于请求获取网页代码的获取请求，由于服务器可以主动向终端发送完成通知，触发终端运行预先设置的刷新脚本，生成刷新指令，使得终端可以在服务器完成代码部署后，并自动刷新网页。

通过与网页地址对应的服务器建立长连接，使得服务器可以主动传送数据给终端，实现终端与服务器之间的全双工通信。

图3是根据一示例性实施例示出的一种代码部署方法的流程图，如图3所示，该代码部署方法，应用于服务器中，包括以下步骤。

在步骤301中，接收终端发送的用于建立长连接的连接建立请求，与该终端建立长连接。

在步骤302中，通过长连接接收终端发送的被修改的代码文件，利用该被修改的代码文件替换服务器中对应的代码文件，接收到的被修改的代码文件是该终端在确定该代码文件被利用代码编辑器修改后发送的，该代码文件用来存放同一类型的代码。

在步骤303中，在替换完成后，利用长连接向终端发送完成通知，该完成通知用于触发该终端刷新代码编辑器内所编辑的网页。

综上所述，本公开实施例中提供的代码部署方法，通过与终端建立长连接，并通过长连接接收该终端发送的代码文件完成代码部署，最后利用长连接向该终端发送完成通知；由于终端与服务器建立长连接后，服务器可以主动传送数据给终端，因此解决了现有技术中代码部署的过程中频繁的手动部署代码、刷新网页的操作在一定程度上影响了开发效率的问题；达到了终端自动执行部署代码、刷新网页的操作，提高了开发效率的效果。

图4A是根据另一示例性实施例示出的一种代码部署方法的流程图，如图4A所示，该代码部署方法，应用于服务器中，包括以下步骤。

在步骤401中，接收终端发送的用于建立长连接的连接建立请求，与该终端建立长连接。

在步骤402中，通过长连接接收终端发送的被修改的代码文件，利用该被修改的代码文件替换服务器中对应的代码文件。

服务器利用所接收到的被修改的代码文件替换服务器中对应的代码文件的过程即为该服务器部署代码的过程。

这里所讲的接收到的修改后的代码文件是该终端在确定该代码文件被利用代码编辑器修改后发送的，该代码文件用来存放同一类型的代码。

图4B是根据一示例性实施例示出的利用该被修改的代码文件替换服务器中对应的代码文件方法的流程图，如图4B所示，该利用该被修改的代码文件替换服务器中对应的代码文件方法可以由下述步骤402a至步骤402b实现。

在步骤402a中，读取被修改的代码文件的文件名。

在步骤402b中，将存储的具有文件名的代码文件替换为接收到的被修改的代码文件。

比如，若服务器接收到的代码文件的文件名为“CSS”，则将所存储的文件名为“CSS”的代码文件替换为该接收到的“CSS”代码文件。

在步骤403中，在替换完成后，利用长连接向终端发送完成通知。

这里所讲的完成通知用于触发该终端刷新代码编辑器内所编辑的网页。

综上所述，本公开实施例中提供的代码部署方法，通过与终端建立长连接，并通过长连接接收该终端发送的代码文件完成代码部署，最后利用长连接向该终端发送完成通知；由于终端与服务器建立长连接后，服务器可以主动传送数据给终端，因此解决了现有技术中代码部署的过程中频繁的手动部署代码、刷新网页的操作在一定程度上影响了开发效率的问题；达到了终端自动执行部署代码、刷新网页的操作，提高了开发效率的效果。

通过读取代码文件的文件名，将存储的具有该文件名的代码文件替换为接收到的被修改的代码文件，由于服务器是通过对代码文件进行同名替换来完成代码部署，因此服务器进行代码部署的准确度高。

图5是根据再一示例性实施例示出的一种代码部署方法的流程图，如图5所示，该代码部署方法包括以下步骤。

在步骤501中，在代码编辑器内网页的代码被修改时，终端确定被修改的代码文件。

在步骤502中，在接收到保存被修改的代码文件的指令时，终端与提供网页代码的服务器建立长连接。

相应的，服务器接收终端发送的用于建立长连接的连接建立请求，与该终端建立长连接。

在步骤503中，终端将被修改的代码文件发送至服务器。

在步骤504中，服务器通过长连接接收终端发送的被修改的代码文件，利用该被修改的代码文件替换服务器中对应的代码文件。

在步骤505中，在替换完成后，服务器利用长连接向终端发送完成通知。

在步骤506中，终端利用长连接接收完成通知，并自动刷新网页。

需要说明的是，由于步骤501至步骤503与步骤201至步骤203相似，步骤506与步骤204相似，步骤504至步骤505与步骤402至步骤403相似，因此本实施例不对步骤501至步骤506进行赘述。

综上所述，本公开实施例中提供的代码部署方法，通过与提供网页代码的服务器建立长连接，将被修改的代码文件发送至该服务器，并利用长连接接收服务器反馈的完成通知，并自动刷新网页；由于终端与服务器建立长连接后，服务器可以主动传送数据给终端，因此解决了现有技术中代码部署的过程中频繁的手动部署代码、刷新网页的操作在一定程度上影响了开发效率的问题；达到了终端自动执行部署代码、刷新网页的操作，提高了开发效率的效果。

下述为本公开装置实施例，可以用于执行本公开方法实施例。对于本公开装置实施例中未披露的细节，请参照本公开方法实施例。

图6A是根据一示例性实施例示出的一种代码部署装置的框图，如图6A所示，应用于终端中，该代码部署装置包括但不限于：确定模块601、建立模块602、发送模块603和刷新模块604。

确定模块601，被配置为在代码编辑器内的网页代码被修改时，确定被修改的代码文件。

由于网页一般由HTML、CSS和JS这三类代码文件构成，因此，在代码编辑器内网页的代码被修改时，终端可以根据该代码被修改的位置确定被修改的代码文件。

建立模块602，被配置为在接收到保存被修改的代码文件的指令时，与提供网页代码的服务器建立长连接。

当终端接收到针对代码编辑器内网页的代码的保存指令，说明该网页暂时被修改完毕，此时终端会与提供网页代码的服务器建立长连接，为后续向该服务器发送该网页被修改后的代码做准备。

这里所讲的长连接是终端与服务器之间的握手动作，终端与服务器之间一旦建立长连接，终端和服务器可以利用长连接相互发送数据，并可以在长连接维持期间多次发送数据，直到终端请求取消该长连接为止。

这里所讲的长连接可以为websocket连接，但本实施例不限定长连接的具体类型。

可选的，在接收到保存被修改的代码文件的指令时，对被修改之后的代码文件与被修改之前的代码文件进行校对，若被修改之后的代码文件内的代码与被修改之前的代码文件内的代码不一致，终端则与提供网页代码的服务器建立长连接，若被修改之后的代码文件内的代码与被修改之前的代码文件内的代码一致，终端则不实施后续步骤。

发送模块603，被配置为将确定模块601确定的被修改的代码文件发送至服务器，该被修改的代码文件用于触发该服务器利用该被修改的代码文件替换网页代码中对应的代码文件，并在替换完成后利用长连接向终端发送完成通知。

刷新模块604，被配置为利用建立模块602建立的长连接接收完成通知，并自动刷新网页。

在一种可能的实现方式中，请参见图6B所示，其是根据另一示例性实施例示出的一种代码部署装置的框图，在图6B所示中，该确定模块601，还被配置为：当代码编辑器内网页的代码被修改时，根据被修改的位置确定被修改的代码文件。

在一种可能的实现方式中，仍旧参见图6B所示，该刷新模块604，包括：生成子模块604a、第一发送子模块604b和显示子模块604c。

生成子模块604a，被配置为在利用建立模块602建立的长连接接收完成通知后，运行预先设置的刷新脚本，生成刷新指令。

由于终端与服务器已经建立长连接，因此当服务器利用接收到的被修改的代码文件替换该服务器中对应的代码文件后，该服务器会主动向终端发送完成通知，当终端接收到该完成通知后，会运行预先设置的刷新脚本，该刷新脚本所生成刷新指令可以控制终端刷新网页。

这里所讲的刷新脚本可以为reload.js，本实施例限制刷新脚本的具体类型和内容。

第一发送子模块604b，被配置为利用生成子模块604a生成的刷新指令，向服务器发送用于请求获取网页代码的获取请求，该获取请求用于触发该服务器反馈该网页的代码。

当移动终端向服务器发送用于请求获取网页代码的获取请求后，服务器会将代码文件被替换之后的网页的代码反馈至移动终端。

显示子模块604c，被配置为接收网页的代码，显示该网页。

当移动终端接收到该网页的代码，即可根据该代码显示该网页，由于移动终端所获取的是代码编辑器内已被修改的网页的代码，因此该终端所显示的也是该代码编辑器内已被修改的网页。

在一种可能的实现方式中，仍旧参见图6B所示，该建立模块602，包括：确定子模块602a、第二发送子模块602b和建立子模块602c。

确定子模块602a，被配置为确定出代码编辑器内网页的网页地址。

这里所讲的网页的网页地址即为该网页的HTTP(HyperText Transfer Protocol，超文本传输协议)地址。

第二发送子模块602b，被配置为向与确定子模块602a确定出的网页地址对应的服务器发送用于请求建立长连接的连接建立请求。

当终端获取到网页的网页地址后，即可根据该网页地址确定出与网页地址对应的服务器地址，并根据该服务器地址向该网页地址对应的服务器发送用于请求建立长连接的连接建立请求。

建立子模块602c，被配置为与服务器建立长连接。

这里所讲的长连接是由终端向服务器发起。当终端与服务器完成一个握手的动作后，终端与服务器之间就已经形成了一条快速通道，终端与服务器即可进行数据的互相传送，也就是说，服务器可以向终端主动传送数据。

综上所述，本公开实施例中提供的代码部署装置，本公开实施例中提供的代码部署方法，通过与提供网页代码的服务器建立长连接，将被修改的代码文件发送至该服务器，并利用长连接接收服务器反馈的完成通知，并自动刷新网页；由于终端与服务器建立长连接后，服务器可以主动传送数据给终端，因此解决了现有技术中代码部署的过程中频繁的手动部署代码、刷新网页的操作在一定程度上影响了开发效率的问题；达到了终端自动执行部署代码、刷新网页的操作，提高了开发效率的效果。

通过在利用长连接接收完成通知后，运行预先设置的刷新脚本，向服务器发送用于请求获取网页代码的获取请求，由于服务器可以主动向终端发送完成通知，触发终端运行预先设置的刷新脚本，生成刷新指令，使得终端可以在服务器完成代码部署后，并自动刷新网页。

通过与网页地址对应的服务器建立长连接，使得服务器可以主动传送数据给终端，实现终端与服务器之间的全双工通信。

图7A是根据再一示例性实施例示出的一种代码部署装置的框图，如图7A所示，该代码部署装置，应用于服务器中，该代码部署装置包括但不限于：接收模块701、替换模块702和发送模块703。

接收模块701，被配置为接收终端发送的用于建立长连接的连接建立请求，与该终端建立长连接。

替换模块702，被配置为通过长连接接收终端发送的被修改的代码文件，利用该被修改的代码文件替换服务器中对应的代码文件。

服务器利用所接收到的该被修改的代码文件替换服务器中对应的代码文件，即为该服务器部署代码的过程。

这里所讲的接收到的被修改的代码文件是该终端在确定该代码文件被利用代码编辑器修改后发送的，该代码文件用来存放同一类型的代码。

发送模块703，被配置为在替换模块702替换完成后，利用长连接向终端发送完成通知，该完成通知用于触发该终端刷新代码编辑器内所编辑的网页。

在一种可能的实现方式中，请参见图7B所示，其是根据另一示例性实施例示出的一种代码部署装置的框图，在图7B所示中，该替换模块702，包括：读取子模块702a和替换子模块702b。

读取子模块702a，被配置为读取被修改的代码文件的文件名。

替换子模块702b，被配置为将存储的具有读取子模块702a读取的该文件名的代码文件替换为接收到的被修改的代码文件。

比如，若服务器接收到的代码文件的文件名为“CSS”，则将所存储的文件名为“CSS”的代码文件替换为该接收到的“CSS”代码文件。

综上所述，本公开实施例中提供的代码部署装置，通过与终端建立长连接，并通过长连接接收该终端发送的代码文件完成代码部署，最后利用长连接向该终端发送完成通知；由于终端与服务器建立长连接后，服务器可以主动传送数据给终端，因此解决了现有技术中代码部署的过程中频繁的手动部署代码、刷新网页的操作在一定程度上影响了开发效率的问题；达到了终端自动执行部署代码、刷新网页的操作，提高了开发效率的效果。

通过读取代码文件的文件名，将存储的具有该文件名的代码文件替换为接收到的被修改的代码文件，由于服务器是通过对代码文件进行同名替换来完成代码部署，因此服务器进行代码部署的准确度高。

关于上述实施例中的装置，其中各个模块执行操作的具体方式已经在有关该方法的实施例中进行了详细描述，此处将不做详细阐述说明。

本公开一示例性实施例提供了一种代码部署系统，该系统包括至少一个终端和服务器。

其中，终端可以包括如图6A和图6B中各种可能实现方式中的代码部署装置，具体可以参见图6A和图6B的描述，这里就不再赘述。

服务器可以包括如图7A和图7B中各种可能实现方式中的代码部署装置，具体可以参见图7A和图7B的描述，这里就不再赘述。

综上所述，本公开实施例中提供的代码部署装置，通过与提供网页代码的服务器建立长连接，将被修改的代码文件发送至该服务器，并利用长连接接收服务器反馈的完成通知，并自动刷新网页；由于终端与服务器建立长连接后，服务器可以主动传送数据给终端，因此解决了现有技术中代码部署的过程中频繁的手动部署代码、刷新网页的操作在一定程度上影响了开发效率的问题；达到了终端自动执行部署代码、刷新网页的操作，提高了开发效率的效果。

本公开一示例性实施例提供了一种代码部署装置，能够实现本公开提供的以终端为执行主体的代码部署方法，该代码部署装置包括：处理器、用于存储处理器可执行指令的存储器；

其中，处理器被配置为：

在代码编辑器内的网页代码被修改时，确定被修改的代码文件；

在接收到保存被修改的代码文件的指令时，与提供网页代码的服务器建立长连接；

将被修改的代码文件发送至服务器，该被修改的代码文件用于触发该服务器利用该被修改的代码文件替换网页代码中对应的代码文件，并在替换完成后利用长连接向终端发送完成通知；

利用长连接接收完成通知，并自动刷新网页。

本公开另一示例性实施例提供了一种代码部署装置，能够实现本公开提供的以服务器为执行主体的代码部署方法，该代码部署装置包括：处理器、用于存储处理器可执行指令的存储器；

其中，处理器被配置为：

接收终端发送的用于建立长连接的连接建立请求，与该终端建立长连接；

通过长连接接收终端发送的被修改的代码文件，利用该被修改的代码文件替换服务器中对应的代码文件，接收到的被修改的代码文件是该终端在确定该代码文件被利用代码编辑器修改后发送的，该代码文件用来存放同一类型的代码；

在替换完成后，利用长连接向终端发送完成通知，该完成通知用于触发该终端刷新代码编辑器内所编辑的网页。

图8是根据一示例性实施例示出的一种用于部署代码的装置的框图。例如，装置800可以是移动电话，计算机，数字广播终端，消息收发设备，游戏控制台，平板设备，医疗设备，健身设备，台人数字助理等。

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

处理组件802通常控制装置800的整体操作，诸如与显示，电话呼叫，数据通信，相机操作和记录操作相关联的操作。处理组件802可以包括一台或多台处理器818来执行指令，以完成上述的方法的全部或部分步骤。此外，处理组件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可以接入基于通信标准的无线网络，如Wi-Fi，2G或3G，或它们的组合。在一台示例性实施例中，通信组件816经由广播信道接收来自外部广播管理系统的广播信号或广播相关信息。在一台示例性实施例中，通信组件816还包括近场通信(NFC)模块，以促进短程通信。例如，在NFC模块可基于射频识别(RF标识)技术，红外数据协会(IrDA)技术，超宽带(UWB)技术，蓝牙(BT)技术和其他技术来实现。

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

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

图9是根据一示例性实施例示出的一种用于部署代码的装置的框图。例如，装置900可以被提供为一网络侧设备。参照图9，装置900包括处理组件902，其进一步包括一个或多个处理器，以及由存储器904所代表的存储器资源，用于存储可由处理组件902的执行的指令，例如应用程序。存储器904中存储的应用程序可以包括一个或一个以上的每一个对应于一组指令的模块。此外，处理组件902被配置为执行指令，以执行上述以服务器为执行主体的代码部署方法。

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

本领域技术人员在考虑说明书及实践这里公开的发明后，将容易想到本公开的其它实施方案。本申请旨在涵盖本公开的任何变型、用途或者适应性变化，这些变型、用途或者适应性变化遵循本公开的一般性原理并包括本公开未公开的本技术领域中的公知常识或惯用技术手段。说明书和实施例仅被视为示例性的，本公开的真正范围和精神由下面的权利要求指出。

应当理解的是，本公开并不局限于上面已经描述并在附图中示出的精确结构，并且可以在不脱离其范围进行各种修改和改变。本公开的范围仅由所附的权利要求来限制。

Claims (13)

1.一种代码部署方法，其特征在于，应用于终端中，所述方法包括：

在代码编辑器内的网页代码被修改时，确定被修改的代码文件；

在接收到保存所述被修改的代码文件的指令时，对所述被修改的代码文件与修改之前的代码文件进行校对，若所述被修改的代码文件内的代码与所述修改之前的代码文件内的代码不一致，与提供所述网页代码的服务器建立长连接；

将所述被修改的代码文件发送至所述服务器，所述被修改的代码文件用于触发所述服务器利用所述被修改的代码文件替换所述网页代码中对应的代码文件，并在替换完成后利用所述长连接向所述终端发送完成通知；

在利用所述长连接接收所述完成通知后，运行预先设置的刷新脚本，生成刷新指令；

利用所述刷新指令，向所述服务器发送用于请求获取所述网页代码的获取请求，所述获取请求用于触发所述服务器反馈所述网页的代码；

接收所述网页的代码，显示所述网页。

2.根据权利要求1所述的方法，其特征在于，所述在代码编辑器内的网页代码被修改时，确定被修改的代码文件，包括：

当所述代码编辑器内网页的代码被修改时，根据被修改的位置确定被修改的代码文件。

3.根据权利要求1至2中任一所述的方法，其特征在于，所述与提供所述网页代码的服务器建立长连接，包括：

确定出所述代码编辑器内网页的网页地址；

向与所述网页地址对应的服务器发送用于请求建立长连接的连接建立请求；

与所述服务器建立长连接。

4.一种代码部署方法，其特征在于，应用于服务器中，所述方法包括：

接收终端发送的用于建立长连接的连接建立请求，与所述终端建立长连接；

通过所述长连接接收所述终端发送的被修改的代码文件，利用所述被修改的代码文件替换所述服务器中对应的代码文件，接收到的所述被修改的代码文件是所述终端在接收到保存所述被修改的代码文件的指令，对所述被修改的代码文件与修改之前的代码文件进行校对，若所述被修改的代码文件内的代码与所述修改之前的代码文件内的代码不一致后发送的，所述代码文件用来存放同一类型的代码；

在替换完成后，利用所述长连接向所述终端发送完成通知，所述完成通知用于触发所述终端运行预先设置的刷新脚本，生成刷新指令；利用所述刷新指令，向所述服务器发送用于请求获取所述网页代码的获取请求；

接收所述获取请求，向所述终端反馈所述网页的代码，以触发所述终端接收所述网页的代码，并显示所述网页。

5.根据权利要求4所述的方法，其特征在于，所述利用所述被修改的代码文件替换所述服务器中对应的代码文件，包括：

读取所述被修改的代码文件的文件名；

将存储的具有所述文件名的代码文件替换为接收到的所述被修改的代码文件。

6.一种代码部署装置，其特征在于，应用于终端中，所述装置包括：

确定模块，被配置为在代码编辑器内的网页代码被修改时，确定被修改的代码文件；

建立模块，被配置为在接收到保存所述被修改的代码文件的指令时，对所述被修改的代码文件与修改之前的代码文件进行校对，若所述被修改的代码文件内的代码与所述修改之前的代码文件内的代码不一致，与提供所述网页代码的服务器建立长连接；

发送模块，被配置为将所述确定模块确定的所述被修改的代码文件发送至所述服务器，所述被修改的代码文件用于触发所述服务器利用所述被修改的代码文件替换所述网页代码中对应的代码文件，并在替换完成后利用所述长连接向所述终端发送完成通知；

刷新模块，包括：

生成子模块，被配置为在利用所述建立模块建立的所述长连接接收所述完成通知后，运行预先设置的刷新脚本，生成刷新指令；

第一发送子模块，被配置为利用所述生成子模块生成的所述刷新指令，向所述服务器发送用于请求获取所述网页代码的获取请求，所述获取请求用于触发所述服务器反馈所述网页的代码；

显示子模块，被配置为接收所述网页的代码，显示所述网页。

7.根据权利要求6所述的装置，其特征在于，所述确定模块，还被配置为：

当所述代码编辑器内网页的代码被修改时，根据被修改的位置确定被修改的代码文件。

8.根据权利要求6至7中任一所述的装置，其特征在于，所述建立模块，包括：

确定子模块，被配置为确定出所述代码编辑器内网页的网页地址；

第二发送子模块，被配置为向与所述确定子模块确定出的所述网页地址对应的服务器发送用于请求建立长连接的连接建立请求；

建立子模块，被配置为与所述服务器建立长连接。

9.一种代码部署装置，其特征在于，应用于服务器中，所述装置包括：

接收模块，被配置为接收终端发送的用于建立长连接的连接建立请求，与所述终端建立长连接；

替换模块，被配置为通过所述长连接接收所述终端发送的被修改的代码文件，利用所述被修改的代码文件替换所述服务器中对应的代码文件，接收到的所述被修改的代码文件是所述终端在接收到保存所述被修改的代码文件的指令，对所述被修改的代码文件与修改之前的代码文件进行校对，若所述被修改的代码文件内的代码与所述修改之前的代码文件内的代码不一致后发送的，所述代码文件用来存放同一类型的代码；

发送模块，被配置为在所述替换模块替换完成后，利用所述长连接向所述终端发送完成通知，所述完成通知用于触发所述终端运行预先设置的刷新脚本，生成刷新指令；利用所述刷新指令，向所述服务器发送用于请求获取所述网页代码的获取请求；

所述装置还被配置为接收所述获取请求，向所述终端反馈所述网页的代码，以触发所述终端接收所述网页的代码，并显示所述网页。

10.根据权利要求9所述的装置，其特征在于，所述替换模块，包括：

读取子模块，被配置为读取所述被修改的代码文件的文件名；

替换子模块，被配置为将存储的具有所述读取子模块读取的所述文件名的代码文件替换为接收到的所述被修改的代码文件。

11.一种代码部署系统，其特征在于，所述系统包括：至少一个终端和服务器，

所述终端包括如权利要求6至8中任一所述的代码部署装置；

所述服务器包括如权利要求9或10所述的代码部署装置。

12.一种代码部署装置，其特征在于，应用于终端中，所述装置包括：

处理器；

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

其中，所述处理器被配置为：

在代码编辑器内的网页代码被修改时，确定被修改的代码文件；

在接收到保存所述被修改的代码文件的指令时，对所述被修改的代码文件与修改之前的代码文件进行校对，若所述被修改的代码文件内的代码与所述修改之前的代码文件内的代码不一致，与提供所述网页代码的服务器建立长连接；

将所述被修改的代码文件发送至所述服务器，所述被修改的代码文件用于触发所述服务器利用所述被修改的代码文件替换所述网页代码中对应的代码文件，并在替换完成后利用所述长连接向所述终端发送完成通知；

在利用所述长连接接收所述完成通知后，运行预先设置的刷新脚本，生成刷新指令；

利用所述刷新指令，向所述服务器发送用于请求获取所述网页代码的获取请求，所述获取请求用于触发所述服务器反馈所述网页的代码；

接收所述网页的代码，显示所述网页。

13.一种代码部署装置，其特征在于，应用于服务器中，所述装置包括：

处理器；

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

其中，所述处理器被配置为：

接收终端发送的用于建立长连接的连接建立请求，与所述终端建立长连接；

通过所述长连接接收所述终端发送的被修改的代码文件，利用所述被修改的代码文件替换所述服务器中对应的代码文件，接收到的所述被修改的代码文件是所述终端在接收到保存所述被修改的代码文件的指令，对所述被修改的代码文件与修改之前的代码文件进行校对，若所述被修改的代码文件内的代码与所述修改之前的代码文件内的代码不一致后发送的，所述代码文件用来存放同一类型的代码；

在替换完成后，利用所述长连接向所述终端发送完成通知，所述完成通知用于触发所述终端运行预先设置的刷新脚本，生成刷新指令；利用所述刷新指令，向所述服务器发送用于请求获取所述网页代码的获取请求；

接收所述获取请求，向所述终端反馈所述网页的代码，以触发所述终端接收所述网页的代码，并显示所述网页。

Images