一种用于前端开发的可视化发布方法及系统技术方案

本发明专利技术涉及一种用于前端开发的可视化发布方法及系统，属于前端开发可视化发布领域，解决了在使用前端构建工具发布工程的过程的配置文件较多、发布效率慢的问题。本发明专利技术通过提供可视化的工程发布配置界面接收用户提交的前端工程配置文件的源路径和前端工程的目标发布目录；根据配置文件调用前端工程发布命令启动发布服务将前端工程发布到用户提交的目标发布目录，并生成前端工程数据；提供可视化的NGINX服务配置界面接收用户提交的前端工程数据源路径和NGINX服务启动参数，调用NGINX服务启动命令将加载前端工程数据的NGINX服务启动；调用浏览器从NGINX服务获取前端工程数据并进行展示。用于将前端工程发布操作可视化，提高开发效率。

【技术实现步骤摘要】
一种用于前端开发的可视化发布方法及系统
本专利技术涉及前端开发可视化发布领域，尤其涉及一种用于前端开发的可视化发布方法及系统。
技术介绍
在工程开发过程中，随着工程工程越来越多，构建工具因其便捷、高效性逐渐成为一个通用的工具，受到越来越多的开发者的青睐。在使用前端构建工具发布工程的过程中，存在诸多问题，比如配置文件较多，发布效率慢，入门门槛较高，给前端开发的发布带来了很多不便。
技术实现思路
本专利技术所要解决的技术问题是针对现有技术的不足，提供一种用于前端开发的可视化发布方法及系统，目的在于将前端工程发布可视化，减少工程配置文件，避免配置文件杂乱问题，降低前端人员对工具技能的门槛，提高开发效率。本专利技术解决上述技术问题的技术方案如下：一种用于前端开发的可视化发布方法，包括以下步骤：S1，提供可视化的工程发布配置界面接收用户提交的前端工程配置文件的源路径和前端工程的目标发布目录；S2，根据用户提交的配置文件的源路径获取配置文件，并根据配置文件调用DOS(磁盘操作系统的缩写，是个人计算机上的一类操作系统)环境下的前端工程发布命令，执行所述前端工程发布命令启动发布服务将前端工程发布到用户提本文档来自技高网...

【技术保护点】
一种用于前端开发的可视化发布方法，其特征在于，包括以下步骤：S1，提供可视化的工程发布配置界面接收用户提交的前端工程配置文件的源路径和前端工程的目标发布目录；S2，根据用户提交的配置文件的源路径获取配置文件，并根据配置文件调用DOS环境下的前端工程发布命令，执行所述前端工程发布命令启动发布服务将前端工程发布到用户提交的目标发布目录，并在目标发布目录生成前端工程数据；S3，提供可视化的NGINX服务配置界面接收用户提交的前端工程数据源路径和NGINX服务启动参数，根据所述前端工程数据源路径和NGINX服务启动参数调用DOS环境下的NGINX服务启动命令，执行所述NGINX服务启动命令将加载前端工...

【技术特征摘要】
1.一种用于前端开发的可视化发布方法，其特征在于，包括以下步骤：S1，提供可视化的工程发布配置界面接收用户提交的前端工程配置文件的源路径和前端工程的目标发布目录；S2，根据用户提交的配置文件的源路径获取配置文件，并根据配置文件调用DOS环境下的前端工程发布命令，执行所述前端工程发布命令启动发布服务将前端工程发布到用户提交的目标发布目录，并在目标发布目录生成前端工程数据；S3，提供可视化的NGINX服务配置界面接收用户提交的前端工程数据源路径和NGINX服务启动参数，根据所述前端工程数据源路径和NGINX服务启动参数调用DOS环境下的NGINX服务启动命令，执行所述NGINX服务启动命令将加载前端工程数据的NGINX服务启动；S4，调用浏览器从已加载前端工程数据的NGINX服务获取前端工程数据并进行展示。2.根据权利要求1所述的用于前端开发的可视化发布方法，其特征在于，所述S2中所述前端工程发布命令包括以下命令模式：观察预览模式和上线压缩模式。3.根据权利要求2所述的用于前端开发的可视化发布方法，其特征在于，所述S2中在所述执行前端工程发布命令后，自动保存所述前端工程发布的操作记录到日志文件中；所述S3中在所述启动NGINX服务后，自动保存所述启动NGINX服务的操作记录到所述日志文件中。4.根据权利要求3所述的用于前端开发的可视化发布方法，其特征在于，所述S3中所述NGINX服务启动参数包括：NGINX服务启动端口、反向代理主机IP地址和反向代理端口。5.根据权利要求1至4任一项所述的用于前端开发的可视化发布方法，其特征在于，所述S2中所述执行前端工程发布命令前，调用DOS环境下的发布服务关闭命令和NGINX服务关闭命令，执行所述发布服务关闭命令和NGINX服务关闭命令将发布服务和NGINX服务关闭。6.一种用于前端开发的可视化发布系统，其特征在于，包...

【专利技术属性】
技术研发人员：申江波，
申请(专利权)人：北京思特奇信息技术股份有限公司，
类型：发明
国别省市：北京,11