代码处理方法、装置、电子设备及介质

技术领域

本申请实施例涉及计算机技术领域，尤其涉及一种代码处理方法、装置、电子设备及介质。

背景技术

在项目上线后，客户可能会在使用时发现其中的一些问题，此时需要前端开发技术人员对线上代码进行修改，进一步调试运行以解决出现的问题。

但是，当我们要对线上的代码问题进行定位时，从获取代码到发布代码所需要的条件都非常苛刻。当一个项目前端出现了功能问题时，由于涉及网络安全，并不能直接在浏览器里开发者工具的调试面板中进行操作，必须要在本地进行调试，将问题在本地解决后再将线上代码进行更新，增加了代码处理的难度。

发明内容

本发明实施例提供一种代码处理方法、装置、电子设备及介质，以便捷高效地对线上代码进行修改运行。

在一个实施例中，本申请实施例提供了一种代码处理方法，该方法包括：

通过代码处理功能界面向用户展示可操作项目；

根据用户对可操作项目的触发操作，调用对应的代码处理工具；

基于所述代码处理工具，对代码进行处理。

在另一个实施例中，本申请实施例还提供了一种代码处理装置，该装置包括：

可操作项目展示模块，用于通过代码处理功能界面向用户展示可操作项目；

工具调用模块，用于根据用户对可操作项目的触发操作，调用对应的代码处理工具；

代码处理模块，用于基于所述代码处理工具，对代码进行处理。

在又一个实施例中，本申请实施例还提供了一种电子设备，包括：一个或多个处理器；

存储器，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现本申请实施例任一项所述的代码处理方法。

在再一个实施例中，本申请实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现如本申请实施例中任一项所述的代码处理方法。

本申请实施例中，通过代码处理功能界面向用户展示可操作项目；根据用户对可操作项目的触发操作，调用对应的代码处理工具；基于所述代码处理工具，对代码进行处理。上述方案通过对于用户对可操作项目的触发操作，调用对应的代码处理工具对代码进行处理，解决了在项目上线后需要修改代码时，必须将代码下载到本地过程繁琐的问题，从而实现在线上进行代码修改和运行，方便了技术人员的操作，提高了代码处理的效率和实时性。

附图说明

图1为本发明一种实施例提供的代码处理方法的流程图；

图2为本发明一种实施例提供的可操作项目展示示意图；

图3为本发明另一实施例提供的代码处理方法的流程图；

图4为本发明另一实施例提供的身份验证界面示意图；

图5为本发明另一实施例提供的前端压缩代码示意图；

图6为本发明另一实施例提供的前端源码示意图；

图7为本发明另一实施例提供的弹窗第一示意图；

图8为本发明另一实施例提供的弹窗第二示意图；

图9为本发明另一实施例提供的编译代码并发布第一示意图；

图10为本发明另一实施例提供的编译代码并发布第二示意图；

图11为本发明另一实施例提供的代码下载示意图；

图12为本发明一种实施例提供的代码处理装置的结构示意图；

图13为本发明一种实施例提供的电子设备的结构示意图。

具体实施方式

下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本发明，而非对本发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本发明相关的部分而非全部结构。

图1为本发明一种实施例提供的代码处理方法的流程图。本申请实施例提供的代码处理方法可适用于对线上代码进行处理的情况。该方法可以适用于Javascript代码或者其他类型的代码，具体可以由代码处理装置执行，该装置可以由软件和/或硬件的方式实现，该装置可以集成在能够实现代码处理方法的电子设备中。本申请实施例提供的代码处理方法还可以集成于插件、软件或者工具中，以便于在设备中灵活运用，直接进行安装运行使用。参见图1，本申请实施例的方法具体包括：

S110、通过代码处理功能界面向用户展示可操作项目。

其中，代码处理功能界面可以为基于浏览器界面展示的界面，该界面可以通过运行能够执行本申请的代码处理方法的插件、软件或者工具调出。在代码处理功能界面上可以展示可操作项目，例如可以为如下至少一项：前端代码反编译、前端代码编译、前端代码修改并运行、下载后端代码以及编译代码并发布。可操作项目可以通过可触发控件进行展示，用户通过触发可操作项目对应的可触发控件，触发执行相应的可操作项目。

示例性的，用户下载并安装执行本申请实施例提供方法的插件、软件或者工具，点击运行该插件、软件或者工具后，在代码处理功能界面上展示可操作项目，如图2所示。其中，可触发项目不限于图2中展示的项目，还可以包括其他项目，可以根据实际情况进行设置。

S120、根据用户对可操作项目的触发操作，调用对应的代码处理工具。

其中，代码处理工具可以为集成于执行本申请实施例方法的插件、软件或者工具中的软件模块，例如Xshell功能模块、webpack功能模块等。可以预先设置代码处理工具和可操作项目的关联关系，通过可操作项目调取对应的代码处理工具。

示例性的，用户可以在代码处理功能界面上点击触发可操作项目，从而调用可操作项目对应的代码处理工具，以基于代码处理工具对代码进行处理。

在本申请实施例中，由于根据用户对可操作项目的触发操作，调用对应的代码处理工具，从而实现了对线上代码的处理操作，而不需要从服务器下载代码到本地进行操作，便于技术人员的操作。

S130、基于所述代码处理工具，对代码进行处理。

其中，代码可以为浏览器代码，也可以为从后端服务器获取的代码，该代码可以直接显示在代码处理功能界面上，以便于技术人员进行查阅操作。在调用对应的代码处理工具后，基于代码处理工具，对代码进行处理，从而实现对线上代码的处理，方便了技术人员的操作。

本申请实施例中，通过代码处理功能界面向用户展示可操作项目；根据用户对可操作项目的触发操作，调用对应的代码处理工具；基于所述代码处理工具，对代码进行处理。上述方案通过对于用户对可触发操作项目的触发操作，调用对应的代码处理工具对代码进行处理，解决了在项目上线后需要修改代码时，必须将代码下载到本地过程繁琐的问题，从而实现在线上进行代码修改和运行，方便了技术人员的操作，提高了代码处理的效率和实时性。

图3为本发明另一实施例提供的代码处理方法的流程图。本申请实施例为对上述实施例的进一步优化，未在本申请实施例中详细描述的细节详见上述实施例。参见图3，本申请实施例提供的代码处理方法可以包括：

S210、通过预先配置的信息验证接口，获取用户身份信息。

其中，信息验证接口可以为预先配置的可以从执行本申请实施例的代码处理方法的插件、软件或工具获取信息的接口。

为了保证代码的安全性，因此并不是所有用户都可以对代码进行处理操作，在用户对代码进行处理操作之前，需要对用户进行身份验证。用户通过代码处理功能界面输入用户身份信息，如图4所示。通过预先配置的信息验证接口，获取用户身份信息，便于对用户身份进行验证。

S220、根据所述用户身份信息与服务器中预设授权信息的匹配结果，对用户进行身份验证。

示例性的，服务器中预先设置有授权信息，在获取到用户身份信息后，将用户身份信息与服务器中的预设授权信息进行匹配，根据匹配结果，对用户进行身份验证。如果用户身份信息和服务器中任一项预设授权信息相匹配，则确定用户身份验证通过，该用户为经过授权的用户，能够对代码进行处理。如果用户身份信息与服务器中的预设授权信息均不匹配，则确定用户身份验证不通过，该用户为未经过授权的用户，不允许对代码进行处理。

S230、通过代码处理功能界面向用户展示可操作项目。

S240、根据用户对可操作项目的触发操作，调用对应的代码处理工具。

S250、基于所述代码处理工具，对代码进行处理。

在本申请实施例中，根据用户对可操作项目的触发操作，调用对应的代码处理工具，包括：若用户对前端代码反编译项目执行触发操作，则调用代码编译工具；其中，代码编译工具为webpack工具；相应地，基于所述代码处理工具，对代码进行处理，包括：基于代码编译工具，将前端压缩代码反编译，得到前端源码。

示例性的，浏览器中的前端代码可能为经过压缩后的不可读的代码，如图5所示，用户无法直接理解压缩后的前端代码的含义，进而无法进行修改操作，因此，需要对前端压缩代码进行反编译，以进一步对可读代码进行处理。用户可以对前端代码反编译项目执行触发操作，代码处理插件调用与前端代码反编译对应的代码编译工具，例如webpack工具，对经过压缩的前端压缩代码进行反编译，得到前端源码，如图6所示，从而便于用户阅读以及修改调试。

在本申请实施例中，根据用户对可操作项目的触发操作，调用对应的代码处理工具，包括：

若用户对前端代码修改并运行项目执行触发操作，则调用代码编译工具；其中，代码编译工具为webpack工具；相应地，基于所述代码处理工具，对代码进行处理，包括：基于代码编译工具，对根据用户的修改操作得到的修改后前端代码进行运行；基于浏览器展示运行结果。

示例性的，在对前端压缩代码进行反编译得到前端源码之后，通过身份验证的用户可以对前端源码进行修改，用户触发前端代码修改并运行的可操作项目，对修改后的前端源码进行运行，并通过浏览器的页面展示运行结果，实现对前端代码的修改和运行。在前端源码进行修改之后，还可以加入alert(‘测试弹窗！！！’)，如图7所示，从而在运行时能够弹出弹框提示，如图8所示。

在本申请实施例中，根据用户对可操作项目的触发操作，调用对应的代码处理工具，包括：若用户对前端代码编译项目执行触发操作，则调用代码编译工具；其中，代码编译工具为webpack工具；相应地，基于所述代码处理工具，对代码进行处理，包括：基于代码编译工具，将前端源码进行压缩，得到前端压缩代码。

示例性的，用户在对前端源码进行修改后，可能需要对前端源码进行编译压缩，得到前端压缩代码，因此，若用户对前端代码编译项目执行触发操作，则调用代码编译工具，例如，webpack工具，对前端压缩代码进行编译，得到前端压缩代码，得到不可读的代码形式，有效地节省了内存，如图5所示。

在本申请实施例中，根据用户对可操作项目的触发操作，调用对应的代码处理工具，包括：若用户对编译代码并发布项目执行触发操作，则调用安全终端模拟工具；其中，安全终端模拟工具为Xshell工具；相应地，基于所述代码处理工具，对代码进行处理，包括：基于安全终端模拟工具，将前端代码发送至后端服务器，并替换后端服务器中的原代码。

示例性的，在对前端代码进行修改之后，可能需要更新至后端服务器中，以实现对服务器中代码的持久化修改，因此，用户可以对编译代码并发布项目执行触发操作，如图9所示，调用对应的安全终模拟工具，例如Xshell工具，连接线上服务器的代码资源目录，将最新代码文件替换掉原有的文件，实现线上代码更新，将前端代码替换后端服务器中的原代码，实现对服务器中原代码的修改与持久化存储，如图10所示。

在本申请实施例中，根据用户对可操作项目的触发操作，调用对应的代码处理工具，包括：若用户对下载后端代码项目执行触发操作，则调用安全终端模拟工具；其中，安全终端模拟工具为Xshell工具；相应地，基于所述代码处理工具，对代码进行处理，包括：基于安全终端模拟工具，从后端服务器获取后端代码并下载到本地。

示例性的，通过身份验证的用户还可以将后端服务器中的代码下载到本地。用户点击时下载后端代码项目，调用对应的安全终端模拟工具，例如Xshell工具，基于Xshell工具从后端服务器中获取代码，并下载到用户指定的路径中，如图11所示。

本申请实施例的方案，通过在对代码进行处理前，对用户身份进行安全验证，允许通过身份验证的用户对代码进行处理。保证代码的安全性，避免代码被恶意篡改。并且通过调用对应的代码处理工具对线上代码进行处理，从而避免了将代码下载到本地进行修改调试的繁琐，提高了代码修改运行的便捷性，方便了技术人员的操作。

图12为本发明一种实施例提供的代码处理装置的结构示意图。该装置可适用于对至少两个数据源的数据进行组装的情况。该装置可以由软件和/或硬件的方式实现，该装置可以集成在电子设备中。参见图12，该装置具体包括：

可操作项目展示模块310，用于通过代码处理功能界面向用户展示可操作项目；

工具调用模块320，用于根据用户对可操作项目的触发操作，调用对应的代码处理工具；

代码处理模块330，用于基于所述代码处理工具，对代码进行处理。

在本申请实施例中，所述可操作项目包括如下至少一项：

前端代码反编译、前端代码编译、前端代码修改并运行、下载后端代码以及编译代码并发布。

在本申请实施例中，工具调用模块320，具体用于：

若用户对前端代码反编译项目执行触发操作，则调用代码编译工具；其中，代码编译工具为webpack工具。

相应地，所述代码处理模块330，具体用于：

基于代码编译工具，将前端压缩代码反编译，得到前端源码。

在本申请实施例中，工具调用模块320，具体用于：

若用户对前端代码修改并运行项目执行触发操作，则调用代码编译工具；其中，代码编译工具为webpack工具；

相应地，所述代码处理模块330，具体用于：

基于代码编译工具，对根据用户的修改操作得到的修改后前端代码进行运行；

基于浏览器展示运行结果。

在本申请实施例中，工具调用模块320，具体用于：

若用户对前端代码编译项目执行触发操作，则调用代码编译工具；其中，代码编译工具为webpack工具。

相应地，所述代码处理模块330，具体用于：

基于代码编译工具，将前端源码进行压缩，得到前端压缩代码。

在本申请实施例中，工具调用模块320，具体用于：

若用户对编译代码并发布项目执行触发操作，则调用安全终端模拟工具；其中，安全终端模拟工具为Xshell工具；

相应地，所述代码处理模块330，具体用于：

基于安全终端模拟工具，将前端代码发送至后端服务器，并替换后端服务器中的原代码。

在本申请实施例中，工具调用模块320，具体用于：

若用户对下载后端代码项目执行触发操作，则调用安全终端模拟工具；其中，安全终端模拟工具为Xshell工具；

相应地，所述代码处理模块330，具体用于：

基于安全终端模拟工具，从后端服务器获取后端代码并下载到本地。

在本申请实施例中，所述装置还包括：

身份信息获取模块，用于通过预先配置的信息验证接口，获取用户身份信息；

身份验证模块，用于根据所述用户身份信息与服务器中预设授权信息的匹配结果，对用户进行身份验证。

本申请实施例所提供的代码处理装置可执行本申请任意实施例所提供的代码处理方法，具备执行方法相应的功能模块和有益效果。

图13为本发明一种实施例提供的电子设备的结构示意图。图13示出了适于用来实现本申请实施例的示例性电子设备412的框图。图13显示的电子设备412仅仅是一个示例，不应对本申请实施例的功能和使用范围带来任何限制。

如图13所示，电子设备412可以包括：一个或多个处理器416；存储器428，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器416执行，使得所述一个或多个处理器416实现本申请实施例所提供的代码处理方法，包括：

通过代码处理功能界面向用户展示可操作项目；

根据用户对可操作项目的触发操作，调用对应的代码处理工具；

基于所述代码处理工具，对代码进行处理。

电子设备412的组件可以包括但不限于：一个或者多个处理器或者处理器416，存储器428，连接不同设备组件(包括存储器428和处理器416)的总线418。

总线418表示几类总线结构中的一种或多种，包括存储器总线或者存储器控制器，外围总线，图形加速端口，处理器或者使用多种总线结构中的任意总线结构的局域总线。举例来说，这些体系结构包括但不限于工业标准体系结构(ISA)总线，微通道体系结构(MAC)总线，增强型ISA总线、视频电子标准协会(VESA)局域总线以及外围组件互连(PCI)总线。

电子设备412典型地包括多种计算机设备可读存储介质。这些存储介质可以是任何能够被电子设备412访问的可用存储介质，包括易失性和非易失性存储介质，可移动的和不可移动的存储介质。

存储器428可以包括易失性存储器形式的计算机设备可读存储介质，例如随机存取存储器(RAM)430和/或高速缓存存储器432。电子设备412可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机设备存储介质。仅作为举例，存储系统434可以用于读写不可移动的、非易失性磁存储介质(图13未显示，通常称为“硬盘驱动器”)。尽管图13中未示出，可以提供用于对可移动非易失性磁盘(例如“软盘”)读写的磁盘驱动器，以及对可移动非易失性光盘(例如CD-ROM,DVD-ROM或者其它光存储介质)读写的光盘驱动器。在这些情况下，每个驱动器可以通过一个或者多个数据存储介质接口与总线418相连。存储器428可以包括至少一个程序产品，该程序产品具有一组(例如至少一个)程序模块，这些程序模块被配置以执行本发明各实施例的功能。

具有一组(至少一个)程序模块442的程序/实用工具440，可以存储在例如存储器428中，这样的程序模块442包括但不限于操作设备、一个或者多个应用程序、其它程序模块以及程序数据，这些示例中的每一个或某种组合中可能包括网络环境的实现。程序模块442通常执行本发明所描述的实施例中的功能和/或方法。

电子设备412也可以与一个或多个外部设备414(例如键盘、指向设备、显示器424等)通信，还可与一个或者多个使得用户能与该电子设备412交互的设备通信，和/或与使得该电子设备412能与一个或多个其它计算设备进行通信的任何设备(例如网卡，调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口422进行。并且，电子设备412还可以通过网络适配器420与一个或者多个网络(例如局域网(LAN)，广域网(WAN)和/或公共网络，例如因特网)通信。如图13所示，网络适配器420通过总线418与电子设备412的其它模块通信。应当明白，尽管图13中未示出，可以结合电子设备412使用其它硬件和/或软件模块，包括但不限于：微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、RAID设备、磁带驱动器以及数据备份存储设备等。

处理器416通过运行存储在存储器428中的多个程序中其他程序的至少一个，从而执行各种功能应用以及数据处理，例如实现本申请实施例所提供的一种代码处理方法。

本发明一种实施例提供了一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时用于执行代码处理方法，包括：

通过代码处理功能界面向用户展示可操作项目；

根据用户对可操作项目的触发操作，调用对应的代码处理工具；

基于所述代码处理工具，对代码进行处理。

本申请实施例的计算机存储介质，可以采用一个或多个计算机可读的存储介质的任意组合。计算机可读存储介质可以是计算机可读信号存储介质或者计算机可读存储介质。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的设备、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本申请实施例中，计算机可读存储介质可以是任何包含或存储程序的有形存储介质，该程序可以被指令执行设备、装置或者器件使用或者与其结合使用。

计算机可读的信号存储介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号存储介质还可以是计算机可读存储介质以外的任何计算机可读存储介质，该计算机可读存储介质可以发送、传播或者传输用于由指令执行设备、装置或者器件使用或者与其结合使用的程序。

计算机可读存储介质上包含的程序代码可以用任何适当的存储介质传输，包括——但不限于无线、电线、光缆、RF等等，或者上述的任意合适的组合。

可以以一种或多种程序设计语言或其组合来编写用于执行本发明操作的计算机程序代码，所述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++，还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或设备上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

注意，上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解，本发明不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此，虽然通过以上实施例对本发明进行了较为详细的说明，但是本发明不仅仅限于以上实施例，在不脱离本发明构思的情况下，还可以包括更多其他等效实施例，而本发明的范围由所附的权利要求范围决定。