CN115269442B - 一种基于图形接口架构和管理项目的调试方法及工具 - Google Patents

Abstract

本发明涉及一种基于图形接口架构和管理项目的调试方法及工具，涉及计算机技术领域，该方法包括以下步骤：基于操作系统启动安装的调试软件，并启动一个http服务以响应来自浏览器的http接口请求；当调试软件从浏览器启动后，从当前制作项目网页生成项目配置，并通过本地http发送给调试软件，调试软件根据项目配置自动配置调试环境；通过调试软件的页面操作项目并发送命令给Electron内置的Nodejs，Nodejs根据任务使用子进程来操作操作系统以完成任务。本发明极大的提升调试的便利度和效率。

Description

一种基于图形接口架构和管理项目的调试方法及工具

技术领域

本发明涉及计算机技术领域，特别是涉及一种基于图形接口架构和管理项目的调试方法及工具。

背景技术

当前低代码平台在本地调试源码往往需要使用代码编辑器或shell，往往需要复杂的本地环境配置和不友好的命令窗口，为了降低本地源码调试的学习成本和调试效率，就需要有一个能够允许用户通过图形接口来架构和管理项目UI工具。

而目前的Vue CLI集成有一个UI工具，可以用来调试由Vue CLI所创建的项目。其中，Vue CLI集成的UI工具是通过本地shell启动Nodejs来启动一个web静态管理页面和一个http接口服务，通过浏览器访问web静态页面来可视化的操作项目并发送命令给接口服务，Nodejs根据命令使用child_process子进程来操作操作系统完成任务。

但需要通过本地shell命令行窗口启动Nodejs来启动UI界面，并且需要手动配置调试环境和安装依赖软件，操作难度过大。尤其是，在完成接口服务和管理项目任务时，需要依赖shell命令行窗口，还需要手动配置调试环境和安装依赖软件，无法拉取远程仓库代码。

发明内容

鉴于此，本申请提供一种基于图形接口架构和管理项目的调试方法及工具，使不具备项目调试能力的用户能通过图形接口来架构和管理项目并且极大的提升调试的便利度和效率。

为实现上述目的，本发明提供了以下技术方案：

第一方面，本申请提供了一种基于图形接口架构和管理项目的调试方法，包括：

基于操作系统启动安装的调试软件，并启动一个http服务以响应来自浏览器的http接口请求；

当调试软件从浏览器启动后，从当前制作项目网页生成项目配置，并通过本地http发送给调试软件，调试软件根据项目配置自动配置调试环境；

通过调试软件的页面操作项目并发送命令给Electron内置的Nodejs，Nodejs根据任务使用子进程来操作操作系统以完成任务。

作为本发明的进一步方案，所述调试软件为基于Electron开发的调试软件，支持Windows、macOS操作系统。

作为本发明的进一步方案，所述操作系统用于开发调试环境变量检测和自动化配置。

作为本发明的进一步方案，所述操作系统的开发调试环境变量检测包括检测所述操作系统是否安装Git和Nodejs软件，以及Git和Nodejs软件的配置是否正确。

作为本发明的进一步方案，所述操作系统的自动化配置包括使用Electron内置Nodejschild_process子进程进行任务进程管理，读写配置Git和Nodejs软件的相关配置文件。

作为本发明的进一步方案，所述启动一个http服务为所述操作系统的后台启动的一个接口服务，用于响应来自浏览器的http接口请求。

作为本发明的进一步方案，当调试软件从浏览器启动后，从当前制作项目网页生成项目配置，其中，所述项目配置以json格式数据存储，所述json格式数据包含需要调试项目仓库地址、私钥、项目名称以及用户名称。

作为本发明的进一步方案，所述Electron内置的Nodejs为一个基于Chrome V8引擎的JavaScript运行环境，让JavaScript运行在服务端的开发平台。

作为本发明的进一步方案，所述基于图形接口架构和管理项目的调试方法中，调试软件包括调试工具，所述调试工具为通过图形接口来架构和管理项目的工具，所述基于图形接口架构和管理项目的调试方法进行调试环境时，所述调试工具用于拉取远程Git仓库代码。

第二方面，本申请还提供了一种基于图形接口架构和管理项目的调试工具，基于上述所述基于图形接口架构和管理项目的调试方法进行通过图形接口来架构和管理项目，该系统包括：

启动模块，用于基于操作系统启动安装的调试软件，并启动一个http服务以响应来自浏览器的http接口请求；

配置模块，用于在调试软件从浏览器启动后，从当前制作项目网页生成项目配置，并通过本地http发送给调试软件，调试软件根据项目配置自动配置调试环境；

任务执行模块，用于通过调试软件的页面操作项目并发送命令给Electron内置的Nodejs，Nodejs根据任务使用子进程来操作操作系统以完成任务。

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

本申请提供一种基于图形接口架构和管理项目的调试方法及工具，使不具备项目调试能力的用户能通过图形接口来调试和管理项目，基于Electron开发的调试软件，支持Windows、macOS操作系统，操作系统开发调试环境变量检测和自动化配置，并且采用nodejschild_process子进程进行任务进程管理，极大的提升调试的便利度和效率。

本申请的这些方面或其他方面在以下实施例的描述中会更加简明易懂。应当理解的是，以上的一般描述和后文的细节描述仅是示例性和解释性的，并不能限制本申请。

附图说明

为了更清楚地说明本申请实施例中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例。在附图中：

图1为本申请实施例提供的一种基于图形接口架构和管理项目的调试方法的流程图；

图2为本申请实施例提供的一种基于图形接口架构和管理项目的调试方法的流程框图；

图3为本申请实施例提供的一种基于图形接口架构和管理项目的调试方法通过图形接口来架构和管理项目时网页Web应用界面示意图；

图4为本申请实施例提供的一种基于图形接口架构和管理项目的调试方法通过图形接口来架构和管理项目时网站前台界面示意图；

图5为本申请实施例提供的一种基于图形接口架构和管理项目的调试方法操作系统的自动化配置时的设置页面示意图；

图6为本申请实施例提供的一种基于图形接口架构和管理项目的调试方法进行浏览器启动调试时打开的页面示意图；

图7为本申请实施例提供的一种基于图形接口架构和管理项目的调试方法进行通过图形接口来架构和管理项目时新建项目的示意图；

图8为本申请实施例提供的一种基于图形接口架构和管理项目的调试方法进行通过图形接口来架构和管理项目时调试项目的操作界面示意图；

图9本申请实施例提供的一种基于图形接口架构和管理项目的调试工具的结构示意图；

图10为本发明一些实施例中一种计算机设备的硬件架构图；

本申请目的实现、功能特点及优点将结合实施例，参照附图做进一步说明。

具体实施方式

下面，结合附图以及具体实施方式，对本申请做进一步描述，需要说明的是，在不相冲突的前提下，以下描述的各实施例之间或各技术特征之间可以任意组合形成新的实施例。

应当理解，此处所描述的具体实施例仅仅用以解释本申请，并不用于限定本申请。

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

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

相关技术中，由于目前的Vue CLI集成有一个UI工具，可以用来调试由Vue CLI所创建的项目，但需要通过本地shell命令行窗口启动Nodejs来启动UI界面，并且需要手动配置调试环境和安装依赖软件，操作难度过大。

鉴于此，为了使不具备项目调试能力的用户能通过图形接口来架构和管理项目并且极大的提升调试的便利度和效率，本申请提供了一种基于图形接口架构和管理项目的调试方法及工具，基于Electron开发的调试软件，支持 Windows、macOS操作系统。内置了操作系统开发调试环境检测和自动化配置，当软件启动后，后台会启动一个http服务，当软件从浏览器启动后，项目配置会通过本地http发送给软件，软件将自动配置调试环境。通过软件的页面操作项目并发送命令给Electron内置的Nodejs，Nodejs根据任务使用子进程来操作操作系统完成任务。

图1为本申请实施例提供的一种基于图形接口架构和管理项目的调试方法的流程图，图2为本申请实施例提供的一种基于图形接口架构和管理项目的调试方法的流程框图，该方法可以由基于图形接口架构和管理项目的调试工具来执行，该系统可由软件实现，一般可集成在计算机设备中。

如图1和图2所示，该基于图形接口架构和管理项目的调试方法包括步骤S10-步骤S30：

步骤S10、基于操作系统启动安装的调试软件，并启动一个http服务以响应来自浏览器的http接口请求。

步骤S20、当调试软件从浏览器启动后，从当前制作项目网页生成项目配置，并通过本地http发送给调试软件，调试软件根据项目配置自动配置调试环境。

步骤S30、通过调试软件的页面操作项目并发送命令给Electron内置的Nodejs，Nodejs根据任务使用子进程来操作操作系统以完成任务。

在本发明的实施例中，所述调试软件为基于Electron开发的调试软件，支持Windows、macOS操作系统，且操作系统用于开发调试环境变量检测和自动化配置。

其中，所述操作系统的开发调试环境变量检测包括检测所述操作系统是否安装Git和Nodejs软件，以及Git和Nodejs软件的配置是否正确。

其中，所述操作系统的自动化配置包括使用Electron内置Nodejschild_process子进程进行任务进程管理，读写配置Git和Nodejs软件的相关配置文件。

在本实施例中，基于Electron开发的调试软件为一个通过Electron框架构建桌面应用程序工具，该工具通过图形接口来架构，管理和调试web前端项目。其中，Electron是一个使用JavaScript、HTML和CSS构建桌面应用程序的框架。Electron将Chromium和Node.js嵌入到了一个二进制文件中，可以撰写支持Windows、macOS和Linux的跨平台应用。使不具备web前端项目调试能力的用户能通过图形接口来架构和管理项目，并且极大的提升调试的便利度和效率。

示例性的，基于Electron开发的调试软件包括：图形接口UI界面、GIT项目管理模块、Nodejs子进程（Child Process）任务管理模块，工具与浏览器通信http服务，系统调试环境检测与配置模块等主要模块组成。

该基于Electron开发的调试软件在根据项目配置自动配置调试环境的具体流程为：

当该桌面应用程序工具启动后，首先检测配置当前系统环境是否安装了Nodejs和Git，如果没有，会尝试使用内置的Nodejs二进制文件包和Git（isomorphic-git）NPM包，并将Nodejs路径设置到当前程序进程Process.env.Path上。如果报错的话，就在ui界面弹出手动下载安装Nodejs和Git的操作界面。同时软件后台在Electron主进程通过Koa2启动一个http服务接口，响应来自浏览器的http接口请求。创建新的项目可以在浏览器网页将项目配置（json格式数据，包含需要调试项目仓库地址、仓库私钥、项目名称以及用户名称等）通过http请求将配置发送到桌面应用程序工具，该程序将根据Koa2 http服务接收到的项目配置，检测当前调试项目是否已经存在，存在的话直接跳转到该项目调试界面，否则跳转到下载项目页面，并且自动配置改项目调试环境，自动配置包含：1.通过nodejsfs模块检测和配置项目私钥，将私钥写入系统.shh目录；2.通过nodejsfs模块检测和配置项目ssh仓库地址及host，将配置写入系统.ssh/config文件；3.将项目名称和下载地址展示在ui界面上，提示用户是否下载该项目用以后面调试。

本发明实施例的基于图形接口架构和管理项目的调试方法，能够使不具备项目调试能力的用户能通过图形接口来调试和管理项目。基于Electron开发的调试软件，支持Windows、macOS操作系统，操作系统开发调试环境变量检测和自动化配置，并且采用nodejs子进程进行任务进程管理，极大的提升调试的便利度和效率。

在一些实施例中，所述启动一个http服务为所述操作系统的后台启动的一个接口服务，用于响应来自浏览器的http接口请求。

在本实施例中，当调试软件从浏览器启动后，从当前制作项目网页生成项目配置，其中，所述项目配置以json格式数据存储，所述json格式数据包含需要调试项目仓库地址、私钥、项目名称以及用户名称。

示例性的，在采用本实施例的基于图形接口架构和管理项目的调试方法进行通过图形接口来架构和管理项目时，参见图3所示，图3为本申请实施例提供的一种基于图形接口架构和管理项目的调试方法的通过图形接口来架构和管理项目时网页Web应用界面示意图。网页Web应用界面为当前制作项目网页。

图4为本申请实施例提供的一种基于图形接口架构和管理项目的调试方法的通过图形接口来架构和管理项目时网站前台界面示意图。图中为网站前台未运行时可查看的代码文件。

示例性的，本实施例的基于图形接口架构和管理项目的调试方法进行通过图形接口来架构和管理项目时，操作系统的自动化配置时的设置页面如图5所示，支持手动配置环境、切换软件语言以及手动检测更新，图5为通过图形接口来架构和管理项目时软件设置的操作界面示意图，图中设置时包括配置文件的设置、语言的设置以及当前版本的检查更新等，在完成配置后保存即可。

示例性的，本实施例的基于图形接口架构和管理项目的调试方法进行通过图形接口来架构和管理项目时，图形接口来架构和管理项目的过程参见图6-图8所示，浏览器启动调试时可以打开零壤OR低代码调试工具。

图7为通过图形接口来架构和管理项目时新建项目的示意图，图中新建项目时包括项目名称、仓库地址、项目类型以及选择目录选项，在新建后保存即可。

图8为通过图形接口来架构和管理项目时调试项目的操作界面示意图，图中通过网页Web应用进行PC选项，查看PC未运行时的代码文件。

其中，所述Electron内置的Nodejs为一个基于Chrome V8引擎的JavaScript运行环境，让JavaScript运行在服务端的开发平台。

在一些实施例中，所述基于图形接口架构和管理项目的调试方法中，调试软件包括调试工具，所述调试工具为通过图形接口来架构和管理项目的工具，所述基于图形接口架构和管理项目的调试方法进行调试环境时，所述调试工具用于拉取远程Git仓库代码。

在本实施例中，调试工具为一个通过Electron框架构建桌面应用程序工具，该工具通过图形接口来架构，管理和调试web前端项目，用于使不具备web前端项目调试能力的用户能通过图形接口来架构和管理项目，并且极大的提升调试的便利度和效率。

在通过图形接口来架构和管理项目时的具体流程为：

1.新建项目图形接口操作：通过浏览器发送项目配置自动生成需新建项目名称、地址、类型和保存目录或在ui界面上点击新建项目，手动填写项目名称地址、仓库地址、项目类型和保存目录，点击新建项目界面保存按钮，通过Nodejs子进程（Child Process）任务管理模块调用Git服务git clone命令将项目下载到系统磁盘，下载成功后自动跳转调试项目界面。

2.调试项目图形接口操作：在调试项目页面点击安装依赖按钮，通过Nodejs子进程（Child Process）任务管理模块执行npm i命令安装项目所有依赖；点击更新文件按钮，通过Nodejs子进程（Child Process）任务管理模块调用Git服务执行git pull命令拉取远程仓库最新文件；点击启动调试按钮，通过Nodejs子进程（Child Process）任务管理模块执行项目package.json中调试script命令启动调试服务，并将Child Process stdout输出到界面日志显示窗口，启动成功后，按钮变成停止调试，点击停止调试按钮，通过Nodejs子进程（Child Process）任务管理模块执行taskkill（windows）或kill-9（Macos）强制终止当前任务进程。

3.查看项目图形接口操作：在调试项目页面点击查看代码文件，通过Electronshell.openExternal接口打开系统文件浏览器。

4.删除项目图形接口操作：在以下载项目列表页面点击删除icon，删除LocalStorage中项目。

在拉取远程Git仓库代码时的具体流程为：

拉取远程Git仓库项目代码可以在浏览器网页将项目配置（json格式数据，包含需要调试项目仓库地址、仓库私钥、项目名称以及用户名称等）通过http请求将配置发送到桌面应用程序工具，该程序将根据Koa2 http服务接收到的项目配置，检测当前调试项目是否已经存在，存在的话直接跳转到该项目调试界面，否则跳转到下载项目页面或手动填写项目名称地址、仓库地址、项目类型和保存目录，然后点击新建项目界面保存按钮，通过Nodejs子进程（Child Process）任务管理模块调用Git服务git clone命令将项目下载到系统磁盘，下载成功后自动跳转调试项目界面。

另外，调试工具还可以：1.在设置界面通过选择配置文件手动选择配置文件，点击保存按钮后通过Nodejsfs模块读取配置文件中JSON数据中的项目私钥，host配置，然后通过nodejsfs模块检测和配置项目私钥，将私钥写入系统.shh目录，通过nodejsfs模块检测和配置项目ssh仓库地址及host，将配置写入系统.ssh/config文件。

本发明实施例提供一种基于图形接口架构和管理项目的调试方法，使不具备项目调试能力的用户能通过图形接口来调试和管理项目，基于Electron开发的调试软件，支持Windows、macOS操作系统，操作系统开发调试环境变量检测和自动化配置，并且采用nodejschild_process子进程进行任务进程管理，极大的提升调试的便利度和效率。

应该理解的是，上述虽然是按照某一顺序描述的，但是这些步骤并不是必然按照上述顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，这些步骤可以以其它的顺序执行。而且，本实施例的一部分步骤可以包括多个步骤或者多个阶段，这些步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，这些步骤或者阶段的执行顺序也不必然是依次进行，而是可以与其它步骤或者其它步骤中的步骤或者阶段的至少一部分轮流或者交替地执行。

图9为本申请实施例提供的一种基于图形接口架构和管理项目的调试工具的结构示意图。该系统可有软件和/或硬件实现，一般集成在计算机设备中。如图9所示，该系统可以包括：

启动模块100，用于基于操作系统启动安装的调试软件，并启动一个http服务以响应来自浏览器的http接口请求；

配置模块200，用于在调试软件从浏览器启动后，从当前制作项目网页生成项目配置，并通过本地http发送给调试软件，调试软件根据项目配置自动配置调试环境；

任务执行模块300，用于通过调试软件的页面操作项目并发送命令给Electron 内置的Nodejs，Nodejs根据任务使用子进程来操作操作系统以完成任务。

应当注意，尽管在上文详细描述中提及了用于动作执行的设备的若干模块或者单元，但是这种划分并非强制性的。实际上，根据本发明的实施方式，上文描述的两个或更多模块或者单元的特征和功能可以在一个模块或者单元中具体化。反之，上文描述的一个模块或者单元的特征和功能可以进一步划分为由多个模块或者单元来具体化。

本实施例还提供一种计算机设备，如图10所示，该计算机设备包括多个计算机设备1000，在实施例中基于图形接口架构和管理项目的调试工具的组成部分可分散于不同的计算机设备1000中，计算机设备1000可以是执行程序的智能手机、平板电脑、笔记本电脑、台式计算机、机架式服务器、刀片式服务器、塔式服务器或机柜式服务器(包括独立的服务器，或者多个服务器所组成的服务器集群)等。本实施例的计算机设备1000至少包括但不限于：可通过系统总线相互通信连接的存储器1001、处理器1002。需要指出的是，图10仅示出了具有组件存储器1001和处理器1002的计算机设备1000，但是应理解的是，并不要求实施所有示出的组件，可以替代的实施更多或者更少的组件。

本实施例中，存储器1001(即可读存储介质)包括闪存、硬盘、多媒体卡、卡型存储器(例如，SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等。在一些实施例中，存储器1001可以是计算机设备1000的内部存储单元，例如该计算机设备1000的硬盘或内存。在另一些实施例中，存储器1001也可以是计算机设备1000的外部存储设备，例如该计算机设备1000上配备的插接式硬盘，智能存储卡(Smart MediaCard，SMC)，安全数字(Secure Digital，SD)卡，闪存卡(Flash Card)等。当然，存储器1001还可以既包括计算机设备1000的内部存储单元也包括其外部存储设备。本实施例中，存储器1001通常用于存储安装于计算机设备的操作系统和各类应用软件，例如实施例的基于图形接口架构和管理项目的调试工具等。此外，存储器1001还可以用于暂时地存储已经输出或者将要输出的各类数据。

处理器1002在一些实施例中可以是中央处理器(Central Processing Unit，CPU)、控制器、微控制器、微处理器、或其他数据处理芯片。该处理器1002通常用于控制计算机设备1000的总体操作。本实施例中，处理器1002用于运行存储器1001中存储的程序代码或者处理数据。本实施例计算机设备的多个计算机设备1000的处理器1002共同执行计算机程序时实现实施例的基于图形接口架构和管理项目的调试方法，该方法包括：

基于操作系统启动安装的调试软件，并启动一个http服务以响应来自浏览器的http接口请求；

当调试软件从浏览器启动后，从当前制作项目网页生成项目配置，并通过本地http发送给调试软件，调试软件根据项目配置自动配置调试环境；

通过调试软件的页面操作项目并发送命令给Electron内置的Nodejs，Nodejs根据任务使用子进程来操作操作系统以完成任务。

通过以上的实施方式的描述，本领域普通技术人员可以清楚地了解到各实施方式可借助软件加通用硬件平台的方式来实现，当然也可以通过硬件。本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可匹配存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。

本申请的实施例还提供一种计算机可读存储介质，如闪存、硬盘、多媒体卡、卡型存储器(例如，SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘、服务器、App应用商城等等，其上存储有计算机程序，程序被处理器执行时实现相应功能。本实施例计算机可读存储介质存储实施例的基于图形接口架构和管理项目的调试工具，被处理器执行时实现实施例的基于图形接口架构和管理项目的调试方法，该方法包括：

基于操作系统启动安装的调试软件，并启动一个http服务以响应来自浏览器的http接口请求；

当调试软件从浏览器启动后，从当前制作项目网页生成项目配置，并通过本地http发送给调试软件，调试软件根据项目配置自动配置调试环境；

通过调试软件的页面操作项目并发送命令给Electron 内置的Nodejs，Nodejs根据任务使用子进程来操作操作系统以完成任务。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。

存储介质：任何的各种类型的存储器设备或存储设备。术语“存储介质”旨在包括：安装介质，例如CD-ROM、软盘或磁带系统；计算机系统存储器或随机存取存储器，诸如DRAM、DDRRAM、SRAM、EDORAM，兰巴斯(Rambus)RAM等；非易失性存储器，诸如闪存、磁介质(例如硬盘或光存储)；寄存器或其它相似类型的存储器元件等。存储介质可以还包括其它类型的存储器或其组合。另外，存储介质可以位于程序在其中被执行的第一计算机系统中，或者可以位于不同的第二计算机系统中，第二计算机系统通过网络(诸如因特网)连接到第一计算机系统。第二计算机系统可以提供程序指令给第一计算机用于执行。术语“存储介质”可以包括可以驻留在不同位置中(例如在通过网络连接的不同计算机系统中)的两个或更多存储介质。存储介质可以存储可由一个或多个处理器执行的程序指令(例如具体实现为计算机程序)。

当然，本申请实施例所提供的一种包含计算机可执行指令的存储介质，其计算机可执行指令不限于如上所述的基于图形接口架构和管理项目的调试操作，还可以执行本申请任意实施例所提供的基于图形接口架构和管理项目的调试方法中的相关操作。

本发明提供的基于图形接口架构和管理项目的调试方法及工具，使不具备项目调试能力的用户能通过图形接口来调试和管理项目，基于 Electron 开发的调试软件，支持Windows、macOS操作系统，操作系统开发调试环境变量检测和自动化配置，并且采用nodejschild_process子进程进行任务进程管理，极大的提升调试的便利度和效率。

以上仅为本申请的优选实施例，并非因此限制本申请的专利范围，凡是利用本申请说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本申请的专利保护范围内。

Claims (9)

1.一种基于图形接口架构和管理项目的调试方法，其特征在于，该方法包括：

基于操作系统启动安装的调试软件，并启动一个http服务以响应来自浏览器的http接口请求；

当调试软件从浏览器启动后，从当前制作项目网页生成项目配置，并通过本地http发送给调试软件，调试软件根据项目配置自动配置调试环境，其中，调试软件包括调试工具，所述调试工具为通过图形接口来架构和管理项目的工具，所述基于图形接口架构和管理项目的调试方法进行调试环境时，所述调试工具用于拉取远程Git仓库代码；

通过调试软件的页面操作项目并发送命令给Electron 内置的Nodejs，Nodejs根据任务使用子进程来操作操作系统以完成任务；

其中，基于Electron开发的调试软件在根据项目配置自动配置调试环境，包括：

当桌面应用程序工具启动后，检测配置当前系统环境是否安装Nodejs和Git，若未安装Nodejs和Git，则使用内置的Nodejs二进制文件包和GitNPM包并将Nodejs路径设置到当前程序进程Process.env.Path上，若报错则在ui界面弹出手动下载安装Nodejs和Git的操作界面，软件后台在Electron主进程通过Koa2启动一个http服务接口，响应来自浏览器的http接口请求；

创建新的项目可以在浏览器网页将项目配置通过http请求将配置发送到桌面应用程序工具，将根据Koa2 http服务接收到的项目配置，检测当前调试项目是否已经存在，若存在则跳转到该项目调试界面，否则跳转到下载项目页面，并且自动配置项目调试环境；

其中，自动配置包含：

通过nodejs fs模块检测和配置项目私钥，将私钥写入系统.shh目录；

通过nodejs fs模块检测和配置项目ssh仓库地址及host，将配置写入系统.ssh/config文件；

将项目名称和下载地址展示在ui界面上，提示用户是否下载该项目用以后面调试。

2.根据权利要求1所述的基于图形接口架构和管理项目的调试方法，其特征在于，所述调试软件为基于 Electron 开发的调试软件，支持 Windows、macOS 操作系统。

3.根据权利要求2所述的基于图形接口架构和管理项目的调试方法，其特征在于，所述操作系统用于开发调试环境变量检测和自动化配置。

4.根据权利要求3所述的基于图形接口架构和管理项目的调试方法，其特征在于，所述操作系统的开发调试环境变量检测包括检测所述操作系统是否安装Git和 Nodejs软件，以及Git和 Nodejs软件的配置是否正确。

5.根据权利要求3所述的基于图形接口架构和管理项目的调试方法，其特征在于，所述操作系统的自动化配置包括使用Electron内置Nodejschild_process 子进程进行任务进程管理，读写配置Git和 Nodejs软件的配置文件。

6.根据权利要求1所述的基于图形接口架构和管理项目的调试方法，其特征在于，所述启动一个http服务为所述操作系统的后台启动的一个接口服务，用于响应来自浏览器的http接口请求。

7.根据权利要求1所述的基于图形接口架构和管理项目的调试方法，其特征在于，当调试软件从浏览器启动后，从当前制作项目网页生成项目配置，其中，所述项目配置以json格式数据存储，所述json格式数据包含需要调试项目仓库地址、私钥、项目名称以及用户名称。

8.根据权利要求1所述的基于图形接口架构和管理项目的调试方法，其特征在于，所述Electron 内置的Nodejs为一个基于 Chrome V8 引擎的 JavaScript 运行环境，让JavaScript 运行在服务端的开发平台。

9.一种基于图形接口架构和管理项目的调试工具，其特征在于，基于权利要求1-8中任意一项所述基于图形接口架构和管理项目的调试方法进行通过图形接口来架构和管理项目，所述基于图形接口架构和管理项目的调试工具，包括：

启动模块，用于基于操作系统启动安装的调试软件，并启动一个http服务以响应来自浏览器的http接口请求；

配置模块，用于在调试软件从浏览器启动后，从当前制作项目网页生成项目配置，并通过本地http发送给调试软件，调试软件根据项目配置自动配置调试环境；

任务执行模块，用于通过调试软件的页面操作项目并发送命令给Electron 内置的Nodejs，Nodejs根据任务使用子进程来操作操作系统以完成任务。

Images