CN110795088A - 前端工程项目构建方法和工具、计算机可读存储介质 - Google Patents

前端工程项目构建方法和工具、计算机可读存储介质 Download PDF

Info

Publication number
CN110795088A
CN110795088A CN201911036052.3A CN201911036052A CN110795088A CN 110795088 A CN110795088 A CN 110795088A CN 201911036052 A CN201911036052 A CN 201911036052A CN 110795088 A CN110795088 A CN 110795088A
Authority
CN
China
Prior art keywords
project
template
user
test
request
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN201911036052.3A
Other languages
English (en)
Other versions
CN110795088B (zh
Inventor
光黄进
范炳华
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
JD Digital Technology Holdings Co Ltd
Jingdong Technology Holding Co Ltd
Original Assignee
JD Digital Technology Holdings Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by JD Digital Technology Holdings Co Ltd filed Critical JD Digital Technology Holdings Co Ltd
Priority to CN201911036052.3A priority Critical patent/CN110795088B/zh
Publication of CN110795088A publication Critical patent/CN110795088A/zh
Application granted granted Critical
Publication of CN110795088B publication Critical patent/CN110795088B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/35—Creation or generation of source code model driven
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F11/00—Error detection; Error correction; Monitoring
    • G06F11/36—Preventing errors by testing or debugging software
    • G06F11/3664—Environments for testing or debugging software
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/40—Transformation of program code
    • G06F8/41—Compilation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/60—Software deployment
    • G06F8/65—Updates
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/70—Software maintenance or management
    • G06F8/71—Version control; Configuration management
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/70—Software maintenance or management
    • G06F8/73—Program documentation

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Computer Security & Cryptography (AREA)
  • Library & Information Science (AREA)
  • Computer Hardware Design (AREA)
  • Quality & Reliability (AREA)
  • Management, Administration, Business Operations System, And Electronic Commerce (AREA)

Abstract

本公开涉及一种前端工程项目构建方法和工具、计算机可读存储介质。该前端工程项目构建方法包括：将项目相关文件按照预定规范初始化成项目工程，存储在内部服务器上；将存储在内部服务器上的项目工程初始化到本地目录，其中，所述项目工程包括至少一个模板文件；响应于用户输入的请求，对项目工程进行相应操作。本公开通过将相关技术的脚手架工具与团队内部实际项目需求相结合，自动生成适合团队内部的项目目录结构和模板，通过命令可对模块进行必要的增、删、改功能。

Description

前端工程项目构建方法和工具、计算机可读存储介质
技术领域
本公开涉及项目构建领域，特别涉及一种前端工程项目构建方法和工具、计算机可读存储介质。
背景技术
脚手架工具的核心功能是根据开发人员的命令快速生成一个完整的项目(解析命令，拷贝项目到本地)，开发人员无需关心配置(构建，编译，代码规范检查等)，只需关心业务代码的实现即可。
发明内容
发明人通过研究发现：相关技术的脚手架工具包含相对固定的目录模板结构及环境配置，在项目的开发、测试、上线阶段无法实现定制化的需求。
鉴于以上技术问题中的至少一项，本公开提供了一种前端工程项目构建方法和工具、计算机可读存储介质，可以在在项目的开发、测试、上线阶段实现定制化需求。
根据本公开的一个方面，提供一种前端工程项目构建方法，包括：
将项目相关文件按照预定规范初始化成项目工程，存储在内部服务器上；
将存储在内部服务器上的项目工程初始化到本地目录，其中，所述项目工程包括至少一个模板文件；
响应于用户输入的请求，对项目工程进行相应操作。
在本公开的一些实施例中，用户输入的请求包括用户输入的开发请求、联调请求、测试请求、上线请求中的至少一项。
在本公开的一些实施例中，所述响应于用户输入的请求，对项目工程进行相应操作包括：
响应于用户输入的模板添加请求，将待添加模板对应的资源加载至本地目录，其中，模板添加请求包括待添加模板名称。
在本公开的一些实施例中，所述响应于用户输入的请求，对项目工程进行相应操作包括：
响应于用户输入的模板更新请求，自动更新替换待更新模板在本地对应的资源，其中，模板更新请求包括待更新模板名称。
在本公开的一些实施例中，所述响应于用户输入的请求，对项目工程进行相应操作包括：
响应于用户输入的模板删除请求，自动删除引用待删除模板的文件引用部分内容，其中，模板更新请求包括待删除模板名称。
在本公开的一些实施例中，所述自动更新替换待更新模板在本地对应的资源包括：
根据待更新模板名称扫描本地项目目录；
在本地存在待更新模板名称的情况下，删除本地待更新模板名称对应的组件模块；
将内部仓库待更新模板名称的组件模块更新至本地。
在本公开的一些实施例中，所述自动更新替换待更新模板在本地对应的资源包括：
继续扫描本地项目目录的其他业务文件；
判断是否存在引用该组件模块的现有文件；
在存在引用该组件模块的现有文件的情况下，自动更新引用相关的目录路径和名称的内容。
在本公开的一些实施例中，所述响应于用户输入的请求，对项目工程进行相应操作包括：
响应于用户输入的联调请求，启动前后端联调服务，通过前后端联调服务与后端进行接口联调及代码自测。
在本公开的一些实施例中，所述响应于用户输入的请求，对项目工程进行相应操作包括：
响应于用户输入的测试请求，自动将编译完成的代码上传至指定测试服务器进行测试，其中，测试请求包括指定测试服务器。
在本公开的一些实施例中，所述响应于用户输入的请求，对项目工程进行相应操作包括：
响应于用户输入的上线请求，启动相关服务，生成压缩包，进行上线，其中，相关服务包括代码编译、规范检查、错误检查和混淆压缩中的至少一项。
在本公开的一些实施例中，所述自动将编译完成的代码上传至指定测试服务器进行测试包括：
在测试服务器上针对该项目工程进行对应的测试环境配置；
根据本地各个测试环境配置，对项目工程代码进行逐一编译打包，生成相对应的测试代码；
将测试代码自动上传至对应的测试环境目录进行部署，部署成功之后指示测试人员根据域名访问进行测试。
根据本公开的另一方面，提供一种前端工程项目构建工具，包括：
初始化模块，用于将项目相关文件按照预定规范初始化成项目工程，存储在内部服务器上；将存储在内部服务器上的项目工程初始化到本地目录，其中，所述项目工程包括至少一个模板文件；
项目构建模块，用于响应于用户输入的请求，对项目工程进行相应操作。
在本公开的一些实施例中，所述前端工程项目构建工具用于执行实现如上述任一实施例所述的前端工程项目构建方法的操作。
根据本公开的另一方面，提供一种前端工程项目构建工具，包括：
存储器，用于存储指令；
处理器，用于执行所述指令，使得所述前端工程项目构建工具执行实现如上述任一实施例所述的前端工程项目构建方法的操作。
根据本公开的另一方面，提供一种计算机可读存储介质，其中，所述计算机可读存储介质存储有计算机指令，所述指令被处理器执行时实现如上述任一实施例所述的前端工程项目构建方法。
本公开通过将相关技术的脚手架工具与团队内部实际项目需求相结合，自动生成适合团队内部的项目目录结构和模板，通过命令可对模块进行必要的增、删、改功能。
附图说明
为了更清楚地说明本公开实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本公开的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为本公开前端工程项目构建方法一些实施例的示意图。
图2为本公开前端工程项目构建方法另一些实施例的示意图。
图3为本公开前端工程项目构建方法又一些实施例的示意图。
图4为本公开一些实施例中组件模块更新的示意图。
图5为本公开一些实施例中组件模块更新的示意图。
图6为本公开前端工程项目构建工具一些实施例的示意图。
图7为本公开前端工程项目构建工具另一些实施例的示意图。
具体实施方式
下面将结合本公开实施例中的附图，对本公开实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本公开一部分实施例，而不是全部的实施例。以下对至少一个示例性实施例的描述实际上仅仅是说明性的，决不作为对本公开及其应用或使用的任何限制。基于本公开中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本公开保护的范围。
除非另外具体说明，否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本公开的范围。
同时，应当明白，为了便于描述，附图中所示出的各个部分的尺寸并不是按照实际的比例关系绘制的。
对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论，但在适当情况下，所述技术、方法和设备应当被视为授权说明书的一部分。
在这里示出和讨论的所有示例中，任何具体值应被解释为仅仅是示例性的，而不是作为限制。因此，示例性实施例的其它示例可以具有不同的值。
应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步讨论。
图1为本公开前端工程项目构建方法一些实施例的示意图。优选的，本实施例可由本公开前端工程项目构建工具执行。该方法包括以下步骤：
步骤11，将项目相关文件按照预定规范初始化成项目工程，存储在内部服务器上；
在本公开的一些实施例中，内部服务器可以为内部数据库或内部仓库。
步骤12，将存储在内部服务器上的项目工程初始化到本地目录，其中，所述项目工程包括至少一个模板文件。
步骤13，响应于用户输入的请求，对项目工程进行相应操作。
在本公开的一些实施例中，用户输入的请求可以包括用户输入的开发请求、联调请求、测试请求、上线请求等请求中的至少一项。
图2为本公开前端工程项目构建方法另一些实施例的示意图。优选的，本实施例可由本公开前端工程项目构建工具执行。图2实施例的步骤21-步骤23分别与图1实施例的步骤11-步骤13相同或类似。该方法包括以下步骤：
步骤21，将HTML、IMG、CSS、JS等文件按预定规范初始化成项目工程，存储在内部服务器上。其中，HTML为超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用。HTML不是一种编程语言，而是一种标记语言(markup language)，“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。IMG为有视觉效果的图片文件。CSS为层叠样式表(Cascading Style Sheets)是一种用来表现HTML或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。JS的全称为javascript，一种属于网络的脚本语言，已经被广泛用于Web应用开发，常用来为网页添加各式各样的动态功能，为用户提供更流畅美观的浏览效果。
步骤22，新项目开始时，响应于用户在本地电脑上针对内部服务器的请求，将存储在内部服务器上的项目工程以二进制数据的传输方式初始化到本地目录，其中，二进制是计算技术中广泛采用的一种数制。二进制数据是用0和1两个数码来表示的数。它的基数为2，进位规则是“逢二进一”，借位规则是“借一当二”，在通信系统中，经常使用二进制格式对信息进行编码。
步骤23，初始化项目完成之后，响应于用户输入的开发请求、联调请求、测试请求、上线请求等请求，自动对现有项目进行开发、联调、测试、上线等一系列操作流程。
图3为本公开前端工程项目构建方法又一些实施例的示意图。优选的，本实施例可由本公开前端工程项目构建工具执行。该方法包括以下步骤：
步骤31，将项目相关文件按照预定规范初始化成项目工程，存储在内部服务器上；将存储在内部服务器上的项目工程初始化到本地目录，其中，所述项目工程包括至少一个模板文件。
在本公开的一些实施例中，步骤31可以包括：响应于用户输入的初始化指令(例如jfe init命令)，根据命令提示依次输入项目的相关信息；根据信息输入之后的确认消息，项目的相关模板文件及配置将从内部仓库初始化至本地指定目录。
在本公开的一些实施例中，如图3所示，内部仓库可以包括HTML、CSS、JS等文件、组件和编译配置。
步骤32，响应于用户输入的开发请求，自动对现有项目进行开发。
在本公开的一些实施例中，步骤32可以包括：
步骤320，响应于用户输入的安装命令(例如npm install命令)，安装本地启动项目需要的模块；安装完成之后，再响应于用户输入的项目启动命令(jfe dev命)，开始启动本地项目，即进入业务逻辑编码阶段，其中，npm的全称为Node Package Manager，是一个基于node.js的包管理器，也是整个node.js社区最流行、支持的第三方模块最多的包管理器；jfe为jd frontend的缩写，本公开上述实施例工具的命名名称。
步骤321，响应于用户输入的模板添加请求(例如jfe add请求)，将待添加模板对应的资源加载至本地目录，其中，模板添加请求包括待添加模板名称。
在本公开的一些实施例中，待添加模板(模块)可以为自定义模板(模块)。
在本公开的一些实施例中，步骤321可以包括：根据用户输入的jfe add+待添加模板名称，可加载该自定义模板对应的资源至本地目录。
步骤322，响应于用户输入的模板更新请求，自动更新替换待更新模板在本地对应的资源，其中，模板更新请求包括待更新模板名称。
在本公开的一些实施例中，步骤322可以包括：根据用户输入的jfe update+待更新模板名称，可自动更新替换该待更新模板在本地对应的资源。
步骤323，响应于用户输入的模板删除请求，自动删除引用待删除模板的文件引用部分内容，其中，模板更新请求包括待删除模板名称。
在本公开的一些实施例中，步骤323可以包括：根据用户输入的jfe del+待删除模板名称，可自动删除引用该待删除模板的文件引用部分内容，无需手动操作。
步骤33，响应于用户输入的联调请求，启动前后端联调服务，通过前后端联调服务与后端进行接口联调及代码自测。
在本公开的一些实施例中，所述联调请求可以为jfe debug请求。
步骤34，响应于用户输入的测试请求，自动将编译完成的代码上传至指定测试服务器进行测试，其中，测试请求包括指定测试服务器。
在本公开的一些实施例中，步骤34可以包括：根据用户输入的jfe test+测试服务器名称，自动将编译完成的代码上传至指定的测试服务器。
步骤35，响应于用户输入的上线请求，启动相关服务，生成压缩包，进行上线，其中，相关服务包括代码编译、规范检查、错误检查和混淆压缩中的至少一项。
在本公开的一些实施例中，步骤35可以包括：根据用户输入的jfe release的请求，启动代码编译、规范检查、错误检查、混淆压缩等服务，生成压缩包，通过诸如内部jci/sure系统上线。
基于本公开上述实施例提供的前端工程项目构建方法，将相关技术的脚手架工具与团队内部实际项目需求相结合，自动生成适合团队内部的项目目录结构和模板，通过命令可对模块进行必要的增、删、改功能，并自动更新该模板的引用文件，从而减少了人为干预，提高了开发效率。
本公开上述实施例可以根据预设的命令加载初始化自定义的组件模块，在测试阶段自动打包多套测试环境配置，编码完成之后无缝对接JDD-JCI/SURE系统进行项目发布。
图4为本公开一些实施例中组件模块更新的示意图。如图4所示。该组件模块更新方法(例如图3实施例的步骤322)可以包括以下步骤：
步骤41，接收用户输入的jfe update+待更新模板名称。
步骤42，根据待更新模板名称扫描本地项目目录。
在本公开的一些实施例中，步骤42可以包括：nodejs根据组件模块名称开始扫描本地项目目录(即，扫描本地目录文件)，其中，nodejs：一种基于Chrome V8引擎的JavaScript运行环境。
步骤43，判断本地是否存在待更新模板名称的组件模块。在本地存在待更新模板名称的情况下，执行步骤44；否则，在本地不存在待更新模板名称的情况下，结束。
步骤44，在本地存在待更新模板名称的情况下，删除本地待更新模板名称对应的组件模块；将内部仓库待更新模板名称的组件模块更新至本地。
步骤45，继续扫描本地项目目录的其他业务文件；判断每一个业务文件是否引用该组件模块。在文件A引用该组件模块的情况下，执行步骤46；否则，在文件B未引用该组件模块的情况下，结束。
步骤46，自动更新引用相关的目录路径和名称的内容。
本公开上述实施例将传统的脚本架与团队内部项目需求相结合，通过node扫描检查业务代码文件中引用的自定义组件模块依赖，当自定义组件模块发生增、删、改时，其相关的业务文件立即发生自动更新，不需要人为干预，从而减少了漏改风险，提高了开发生产效率。
图5为本公开一些实施例中组件模块更新的示意图。如图5所示。该组件模块更新方法(例如图3实施例的步骤34)可以包括以下步骤：
步骤51，在测试服务器上针对该项目工程进行对应的测试环境配置，如部署目录、nginx服务等。
步骤52，根据本地各个测试环境配置，对项目工程代码进行逐一编译打包，生成相对应的测试代码。
在本公开的一些实施例中，步骤52可以包括：打开命令行工具，根据用户输入的jfe test命令，通过nodejs根据本地各个测试环境配置，对代码进行逐一编译打包，生成相对应的测试代码。
例如：用户只输入jfe test1，则生成测试环境1的测试代码。
步骤53，将测试代码自动上传至对应的测试环境目录进行部署，部署成功之后指示测试人员根据域名访问进行测试。
在本公开的一些实施例中，步骤53可以包括：通过nodejs将测试代码自动上传至对应的测试环境目录进行部署，部署成功之后，指示测试人员即可根据域名访问进行测试。
本公开上述实施例由于前端代码与测试环境是一对多的关系，不同的测试环境对应不同的测试分支，相应的后端接口路径和测试场景也不尽相同，这时通过jfe test(n)或者jfe test命令，生成一个或多个测试环境代码自动部署至对应的测试服务器上。
图6为本公开前端工程项目构建工具一些实施例的示意图。如图6所示，本公开前端工程项目构建工具可以包括初始化模块61和项目构建模块62，其中：
初始化模块61，用于将项目相关文件按照预定规范初始化成项目工程，存储在内部服务器上；将存储在内部服务器上的项目工程初始化到本地目录，其中，所述项目工程包括至少一个模板文件。
项目构建模块62，用于响应于用户输入的请求，对项目工程进行相应操作。
在本公开的一些实施例中，项目构建模块62可以用于响应于用户输入的模板添加请求，将待添加模板对应的资源加载至本地目录，其中，模板添加请求包括待添加模板名称。
在本公开的一些实施例中，项目构建模块62可以用于响应于用户输入的模板更新请求，自动更新替换待更新模板在本地对应的资源，其中，模板更新请求包括待更新模板名称。
在本公开的一些实施例中，项目构建模块62可以用于响应于用户输入的模板删除请求，自动删除引用待删除模板的文件引用部分内容，其中，模板更新请求包括待删除模板名称。
在本公开的一些实施例中，项目构建模块62在自动更新替换待更新模板在本地对应的资源的情况下，用于根据待更新模板名称扫描本地项目目录；在本地存在待更新模板名称的情况下，删除本地待更新模板名称对应的组件模块；将内部仓库待更新模板名称的组件模块更新至本地；继续扫描本地项目目录的其他业务文件；判断是否存在引用该组件模块的现有文件；在存在引用该组件模块的现有文件的情况下，自动更新引用相关的目录路径和名称的内容。
在本公开的一些实施例中，项目构建模块62可以用于响应于用户输入的联调请求，启动前后端联调服务，通过前后端联调服务与后端进行接口联调及代码自测。
在本公开的一些实施例中，项目构建模块62可以用于响应于用户输入的测试请求，自动将编译完成的代码上传至指定测试服务器进行测试，其中，测试请求包括指定测试服务器。
在本公开的一些实施例中，项目构建模块62可以用于响应于用户输入的上线请求，启动相关服务，生成压缩包，进行上线，其中，相关服务包括代码编译、规范检查、错误检查和混淆压缩中的至少一项。
在本公开的一些实施例中，项目构建模块62在自动将编译完成的代码上传至指定测试服务器进行测试的情况下，用于在测试服务器上针对该项目工程进行对应的测试环境配置；根据本地各个测试环境配置，对项目工程代码进行逐一编译打包，生成相对应的测试代码；将测试代码自动上传至对应的测试环境目录进行部署，部署成功之后指示测试人员根据域名访问进行测试。
在本公开的一些实施例中，所述前端工程项目构建工具用于执行实现如上述任一实施例(例如图1-图5任一实施例)所述的前端工程项目构建方法的操作。
图7为本公开前端工程项目构建工具另一些实施例的示意图。如图7所示，本公开前端工程项目构建工具可以包括存储器71和处理器72，其中：
存储器71，用于存储指令。
处理器72，用于执行所述指令，使得所述前端工程项目构建工具执行实现如上述任一实施例(例如图1-图5任一实施例)所述的前端工程项目构建方法的操作。
基于本公开上述实施例提供的前端工程项目构建工具，将相关技术的脚手架工具与团队内部实际项目需求相结合，自动生成适合团队内部的项目目录结构和模板，通过命令可对模块进行必要的增、删、改功能，并自动更新该模板的引用文件，从而减少了人为干预，提高了开发效率。
本公开上述实施例可以根据预设的命令加载初始化自定义的组件模块，在测试阶段自动打包多套测试环境配置，编码完成之后无缝对接JDD-JCI/SURE系统进行项目发布。
根据本公开的另一方面，提供一种计算机可读存储介质，其中，所述计算机可读存储介质存储有计算机指令，所述指令被处理器执行时实现如上述任一实施例(例如图1-图5任一实施例)所述的前端工程项目构建方法。
基于本公开上述实施例提供的计算机可读存储介质，将相关技术的脚手架工具与团队内部实际项目需求相结合，自动生成适合团队内部的项目目录结构和模板，通过命令可对模块进行必要的增、删、改功能，并自动更新该模板的引用文件，从而减少了人为干预，提高了开发效率。
本公开上述实施例可以根据预设的命令加载初始化自定义的组件模块，在测试阶段自动打包多套测试环境配置，编码完成之后无缝对接JDD-JCI/SURE系统进行项目发布。
在上面所描述的前端工程项目构建工具可以实现为用于执行本申请所描述功能的通用处理器、可编程逻辑控制器(PLC)、数字信号处理器(DSP)、专用集成电路(ASIC)、现场可编程门阵列(FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件或者其任意适当组合。
至此，已经详细描述了本公开。为了避免遮蔽本公开的构思，没有描述本领域所公知的一些细节。本领域技术人员根据上面的描述，完全可以明白如何实施这里公开的技术方案。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指示相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。
本公开的描述是为了示例和描述起见而给出的，而并不是无遗漏的或者将本公开限于所公开的形式。很多修改和变化对于本领域的普通技术人员而言是显然的。选择和描述实施例是为了更好说明本公开的原理和实际应用，并且使本领域的普通技术人员能够理解本公开从而设计适于特定用途的带有各种修改的各种实施例。

Claims (10)

1.一种前端工程项目构建方法，其特征在于，包括：
将项目相关文件按照预定规范初始化成项目工程，存储在内部服务器上；
将存储在内部服务器上的项目工程初始化到本地目录，其中，所述项目工程包括至少一个模板文件；
响应于用户输入的请求，对项目工程进行相应操作。
2.根据权利要求1所述的前端工程项目构建方法，其特征在于，用户输入的请求包括用户输入的开发请求、联调请求、测试请求、上线请求中的至少一项。
3.根据权利要求1所述的前端工程项目构建方法，其特征在于，所述响应于用户输入的请求，对项目工程进行相应操作包括：
响应于用户输入的模板添加请求，将待添加模板对应的资源加载至本地目录，其中，模板添加请求包括待添加模板名称；
和/或，
响应于用户输入的模板更新请求，自动更新替换待更新模板在本地对应的资源，其中，模板更新请求包括待更新模板名称；
和/或，
响应于用户输入的模板删除请求，自动删除引用待删除模板的文件引用部分内容，其中，模板更新请求包括待删除模板名称。
4.根据权利要求3所述的前端工程项目构建方法，其特征在于，所述自动更新替换待更新模板在本地对应的资源包括：
根据待更新模板名称扫描本地项目目录；
在本地存在待更新模板名称的情况下，删除本地待更新模板名称对应的组件模块；
将内部仓库待更新模板名称的组件模块更新至本地。
5.根据权利要求4所述的前端工程项目构建方法，其特征在于，所述自动更新替换待更新模板在本地对应的资源包括：
继续扫描本地项目目录的其他业务文件；
判断是否存在引用该组件模块的现有文件；
在存在引用该组件模块的现有文件的情况下，自动更新引用相关的目录路径和名称的内容。
6.根据权利要求1-5中任一项所述的前端工程项目构建方法，其特征在于，所述响应于用户输入的请求，对项目工程进行相应操作包括：
响应于用户输入的联调请求，启动前后端联调服务，通过前后端联调服务与后端进行接口联调及代码自测；
和/或，
响应于用户输入的测试请求，自动将编译完成的代码上传至指定测试服务器进行测试，其中，测试请求包括指定测试服务器；
和/或，
响应于用户输入的上线请求，启动相关服务，生成压缩包，进行上线，其中，相关服务包括代码编译、规范检查、错误检查和混淆压缩中的至少一项。
7.根据权利要求6所述的前端工程项目构建方法，其特征在于，所述自动将编译完成的代码上传至指定测试服务器进行测试包括：
在测试服务器上针对该项目工程进行对应的测试环境配置；
根据本地各个测试环境配置，对项目工程代码进行逐一编译打包，生成相对应的测试代码；
将测试代码自动上传至对应的测试环境目录进行部署，部署成功之后指示测试人员根据域名访问进行测试。
8.一种前端工程项目构建工具，其特征在于，包括：
初始化模块，用于将项目相关文件按照预定规范初始化成项目工程，存储在内部服务器上；将存储在内部服务器上的项目工程初始化到本地目录，其中，所述项目工程包括至少一个模板文件；
项目构建模块，用于响应于用户输入的请求，对项目工程进行相应操作；
其中，所述前端工程项目构建工具用于执行实现如权利要求1-7中任一项所述的前端工程项目构建方法的操作。
9.一种前端工程项目构建工具，其特征在于，包括：
存储器，用于存储指令；
处理器，用于执行所述指令，使得所述前端工程项目构建工具执行实现如权利要求1-7中任一项所述的前端工程项目构建方法的操作。
10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机指令，所述指令被处理器执行时实现如权利要求1-7中任一项所述的前端工程项目构建方法。
CN201911036052.3A 2019-10-29 2019-10-29 前端工程项目构建方法和工具、计算机可读存储介质 Active CN110795088B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201911036052.3A CN110795088B (zh) 2019-10-29 2019-10-29 前端工程项目构建方法和工具、计算机可读存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201911036052.3A CN110795088B (zh) 2019-10-29 2019-10-29 前端工程项目构建方法和工具、计算机可读存储介质

Publications (2)

Publication Number Publication Date
CN110795088A true CN110795088A (zh) 2020-02-14
CN110795088B CN110795088B (zh) 2021-05-04

Family

ID=69441765

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201911036052.3A Active CN110795088B (zh) 2019-10-29 2019-10-29 前端工程项目构建方法和工具、计算机可读存储介质

Country Status (1)

Country Link
CN (1) CN110795088B (zh)

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111897520A (zh) * 2020-07-31 2020-11-06 平安科技（深圳）有限公司 前端项目框架的构建方法、装置、计算机设备及存储介质
CN111949262A (zh) * 2020-08-14 2020-11-17 曙光信息产业(北京)有限公司 前端项目的构建方法、装置、计算机设备和存储介质
CN112306474A (zh) * 2020-10-28 2021-02-02 科大国创云网科技有限公司 一种基于组件化模板的vue项目平滑升级方法
CN112685029A (zh) * 2020-12-30 2021-04-20 京东数字科技控股股份有限公司 一种可视化模板的生成方法、装置、设备及存储介质
CN112949272A (zh) * 2021-02-26 2021-06-11 中国联合网络通信集团有限公司 一种设计文件的生成方法及装置
CN113378091A (zh) * 2021-06-08 2021-09-10 北京百度网讯科技有限公司 一种可视化项目生成方法、装置、电子设备及存储介质
CN115202630A (zh) * 2022-09-08 2022-10-18 杭州阿启视科技有限公司 一种基于web前端工程的脚手架构建方法
CN112685029B (zh) * 2020-12-30 2024-07-16 京东科技控股股份有限公司 一种可视化模板的生成方法、装置、设备及存储介质

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104133685A (zh) * 2014-08-05 2014-11-05 广州唯品会网络技术有限公司 网站前端开发的方法与系统
WO2016118979A2 (en) * 2015-01-23 2016-07-28 C3, Inc. Systems, methods, and devices for an enterprise internet-of-things application development platform
CN106843869A (zh) * 2017-01-16 2017-06-13 百融（北京）金融信息服务股份有限公司 一种前端开发工程化系统和方法
CN107291474A (zh) * 2017-06-23 2017-10-24 郑州云海信息技术有限公司 一种前端工程自动化构建系统
CN108647010A (zh) * 2018-04-27 2018-10-12 武汉斗鱼网络科技有限公司 一种项目工程初始化的方法、终端设备及存储介质
CN109240654A (zh) * 2018-07-24 2019-01-18 武汉空心科技有限公司 基于模板的开发方法及系统
CN109814854A (zh) * 2019-01-24 2019-05-28 平安科技（深圳）有限公司 项目框架生成方法、装置、计算机设备和存储介质

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104133685A (zh) * 2014-08-05 2014-11-05 广州唯品会网络技术有限公司 网站前端开发的方法与系统
WO2016118979A2 (en) * 2015-01-23 2016-07-28 C3, Inc. Systems, methods, and devices for an enterprise internet-of-things application development platform
CN106843869A (zh) * 2017-01-16 2017-06-13 百融（北京）金融信息服务股份有限公司 一种前端开发工程化系统和方法
CN107291474A (zh) * 2017-06-23 2017-10-24 郑州云海信息技术有限公司 一种前端工程自动化构建系统
CN108647010A (zh) * 2018-04-27 2018-10-12 武汉斗鱼网络科技有限公司 一种项目工程初始化的方法、终端设备及存储介质
CN109240654A (zh) * 2018-07-24 2019-01-18 武汉空心科技有限公司 基于模板的开发方法及系统
CN109814854A (zh) * 2019-01-24 2019-05-28 平安科技（深圳）有限公司 项目框架生成方法、装置、计算机设备和存储介质

Cited By (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111897520A (zh) * 2020-07-31 2020-11-06 平安科技（深圳）有限公司 前端项目框架的构建方法、装置、计算机设备及存储介质
CN111949262A (zh) * 2020-08-14 2020-11-17 曙光信息产业(北京)有限公司 前端项目的构建方法、装置、计算机设备和存储介质
CN112306474A (zh) * 2020-10-28 2021-02-02 科大国创云网科技有限公司 一种基于组件化模板的vue项目平滑升级方法
CN112685029A (zh) * 2020-12-30 2021-04-20 京东数字科技控股股份有限公司 一种可视化模板的生成方法、装置、设备及存储介质
WO2022142896A1 (zh) * 2020-12-30 2022-07-07 京东科技控股股份有限公司 可视化模板的生成方法、装置、设备及存储介质
CN112685029B (zh) * 2020-12-30 2024-07-16 京东科技控股股份有限公司 一种可视化模板的生成方法、装置、设备及存储介质
CN112949272A (zh) * 2021-02-26 2021-06-11 中国联合网络通信集团有限公司 一种设计文件的生成方法及装置
CN113378091A (zh) * 2021-06-08 2021-09-10 北京百度网讯科技有限公司 一种可视化项目生成方法、装置、电子设备及存储介质
CN113378091B (zh) * 2021-06-08 2024-05-14 北京百度网讯科技有限公司 一种可视化项目生成方法、装置、电子设备及存储介质
CN115202630A (zh) * 2022-09-08 2022-10-18 杭州阿启视科技有限公司 一种基于web前端工程的脚手架构建方法

Also Published As

Publication number Publication date
CN110795088B (zh) 2021-05-04

Similar Documents

Publication Publication Date Title
CN110795088B (zh) 前端工程项目构建方法和工具、计算机可读存储介质
US10915429B2 (en) Employing code overlays to facilitate software development
US20070220494A1 (en) A Method of Rapid Software Application Development for a Wireless Mobile Device
CN111507086B (zh) 本地化应用程序中翻译文本位置的自动发现
US20140298290A1 (en) Identification of code changes using language syntax and changeset data
CN110673837B (zh) 代码修复方法及装置、电子设备、计算机可读存储介质
Rischpater JavaScript JSON Cookbook
CN110781091A (zh) 应用程序的测试方法、装置、电子设备及存储介质
CN117112060A (zh) 组件库构建方法、装置、电子设备及存储介质
CN111240987B (zh) 移植程序检测方法、装置、电子设备及计算机可读存储介质
CN111367512B (zh) 一种应用程序开发中创建Android库模块依赖关系的方法及装置
CN112052007A (zh) 源码调试方法、装置、服务器及存储介质
CN111078529A (zh) 客户端写入模块测试方法、装置、电子设备
Oliveira pytest Quick Start Guide: Write better Python code with simple and maintainable tests
Williamson Ant developer's handbook
Bischoff et al. Writing API Tests with Karate: Enhance your API testing for improved security and performance
CN113032004B (zh) 在开发环境中管理开发作业的方法、设备和程序产品
Golemon Extending and Embedding PHP
CN112764732B (zh) 一种应用于加载目标资源的代码生成方法及装置
CN110716746B (zh) 将rn样式代码转换为小程序样式代码的方法及装置
Klingman React Programming: The Big Nerd Ranch Guide
Hillar Hands-on RESTful Python Web Services: Develop RESTful Web Services Or APIs with Modern Python 3.7
Reynolds Learning Grunt
Versluis et al. Creating and running tests with xamarin test cloud
Duldulao et al. Spring Boot and Angular: Hands-on full stack web development with Java, Spring, and Angular

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant
CP01 Change in the name or title of a patent holder

Address after: Room 221, 2 / F, block C, 18 Kechuang 11th Street, Daxing District, Beijing, 100176

Patentee after: Jingdong Technology Holding Co.,Ltd.

Address before: Room 221, 2 / F, block C, 18 Kechuang 11th Street, Daxing District, Beijing, 100176

Patentee before: Jingdong Digital Technology Holding Co.,Ltd.

Address after: Room 221, 2 / F, block C, 18 Kechuang 11th Street, Daxing District, Beijing, 100176

Patentee after: Jingdong Digital Technology Holding Co.,Ltd.

Address before: Room 221, 2 / F, block C, 18 Kechuang 11th Street, Daxing District, Beijing, 100176

Patentee before: JINGDONG DIGITAL TECHNOLOGY HOLDINGS Co.,Ltd.

CP01 Change in the name or title of a patent holder