CN105068794A - 一种支持Web页面本地研发的实现方法 - Google Patents

Abstract

本发明公开了一种支持Web页面本地研发的实现方法，属于Web应用技术，本发明解决如何实现页面本地研发、测试、审核、上线等一体化运维支持的问题。技术方案为：包括如下步骤：（1）、Devops框架部署：基于SOA架构思想，采用独立部署方式，实现业务应用和Devops框架的松耦合关联；（2）、在线页面编辑：采用内嵌方式维护Devops操作按钮，保持原有页面代码，通过页面导航定位到要修改的页面，点击Devops框架的编辑操作，即可打开该页面对应的源码；（3）、阶段管理：Devops框架支持页面本地研发、运维一体化操作，采用状态机思想，通过阶段迁移实现页面本地编辑、测试、审核、上线的流程操作；（4）、灰度发布引擎：借助灰度发布思想，实现Devops框架调度引擎。

Description

一种支持Web页面本地研发的实现方法

技术领域

　　本发明涉及一种Web应用技术，具体地说是一种支持Web页面本地研发的实现方法。

背景技术

传统意义上的软件开发和运维行为存在脱节现象，从而导致冲突和低效，为了实现从敏捷开发到敏捷运维，Devops（开发运维）应运而生。Devops就是开发（Development）和运维（Operations）这两个领域的合并。它是一种框架，包含了很多优秀想法和原则，它鼓励开发部门和运维部门通力合作。在Devops环境中，开发人员和系统管理员会构建一些关系、流程和工具，从而更好的与客户互动，最终提供更好的服务。Devops也不仅仅是一种软件的部署方法。它通过一种全新的方式，来思考如何让软件的作者（开发部门）和运营者（运营部门）进行合作与协同。使用了Devops模型之后，会使两个部门更好的交互，使两者的关系得到改善，从而让很多领域从中受益，例如：自动化、监视、能力规划和性能、备份与恢复、安全、网络以及服务提供（provisioning）等等。

传统的软件研发一般是由后台进行统一版本的管控，针对客户个性化需求，首先由本地运维人员将需求反馈到后台，由后台研发人员进行版本的开发、测试，然后以升级包形式发送到项目进行升级，这种模式存在很多问题，如需求反馈、处理、发包的复杂性造成开发效率低下，现场实施人员不能充分利用等。Devops强调开发运维一体化，将开发元素嵌入到IT运维过程中，提高IT运维的效率。

目前Devops模式越来越火热，很多大公司的产品线都已经采用，如IBM的Websphere、lotus等。如何让将Devops模式应用到Web页面本地研发中，是本领域人员目前迫切需要解决的问题。

发明内容

　　本发明的技术任务是针对以上不足之处，提供一种支持Web页面本地研发的实现方法，来解决如何实现页面本地研发、测试、审核、上线等一体化运维支持的问题。

本发明解决其技术问题所采用的技术方案是：

一种支持Web页面本地研发的实现方法，采用内嵌方式提供Devops操作按钮，在线编辑的页面源码以版本的形式存储在关系数据表中，Devops框架提供版本文件的存储、管理机制；包括如下步骤：

（1）、Devops框架部署：基于SOA架构思想，采用独立部署的方式，实现业务应用和Devops框架的松耦合关联；

（2）、在线页面编辑：采用内嵌方式维护Devops操作按钮，保持原有页面代码，本地研发人员通过页面导航定位到要修改的页面，点击Devops框架的编辑操作，即可打开该页面对应的源码；

（3）、阶段管理：Devops框架支持页面本地研发、运维一体化操作，采用状态机思想，通过阶段迁移实现页面本地编辑、测试、审核、上线的流程操作；

（4）、灰度发布引擎：借助灰度发布思想，实现Devops框架调度引擎。

步骤（1），流程如下：

①、Devops框架采用关系数据库存储，维护业务规则（区域）、流程环节（阶段）、操作、页面版本的信息；提供在线编辑器，用于页面源代码的编辑；对外暴露服务接口，用于业务获取页面版本和版本源码、阶段操作的信息；

②、提供Devops客户端，嵌入到业务应用；采用内嵌方式提供Devops操作按钮，提供按钮操作js，实现页面的编辑、测试、审核的操作；引入方式如下所示：

<scripttype="text/javascript"src="../devops_plugin.js"></script>；

提供通用的拦截器，该拦截器实现对页面URL请求的拦截，调用Devops灰度引擎选择文件版本，进行展现；

③、独立部署方式下，考虑两应用之间的数据交换；考虑到Devops的灵活性及跨编程语言支持，Devops框架对外暴露rest服务，应用之间采用http方式调用。

步骤（2），流程如下：页面对应的源码加载过程如下：

①、从数据表中获取请求URL对应的版本信息，若存在则返回最新版本的源码模型；若不存在，则通过服务从业务应用中获取文件源码，本地以文件流的方式读取文件源码；

②、源码编辑后保存，若存在编辑阶段版本，则直接覆盖；若存在待测试、待审核的版本，则不允许保存；若不存在版本信息，则另存为新版本；

③、版本源码以大字段类型存储在版本表中。

步骤（3），流程如下：

①、流程阶段：Devops框架以阶段来描述流程中的环节，每个阶段包含相应操作，阶段维护两个状态，两个状态为前状态、后状态，每个状态对应一个阶段，通过状态的变更来实现流程的流转，从而实现阶段的迁移；

②、阶段注册：为了实现本地操作流程的灵活性，Devops框架提供阶段和操作注册页面，业务开发人员针对每个业务规则（区域），注册相关的阶段及操作；阶段、操作信息由Devops维护框架，业务端通过服务获取。

步骤（4），实现Devops调度引擎的流程如下：

①、业务规则：

Devops框架使用“区域”概念作为业务规则，贯穿于页面本地的研发、测试、审核和上线的整个过程；区域作为一种业务规则，是一种比较宽泛的概念，如山东区、青岛市、IP等都可以作为一个区域，由业务开发人员维护；

为实现Devops框架与业务应用的松耦合关联，Devops框架采用cookie方式接收相关数据，相关数据包括：zoneCode[区域编码]、phaseCode[阶段编码]；业务开发人员将相关数据放入cookie，完成Devops框架与业务的关联；

②、URL请求拦截器：

Devops框架页面版本选择是在页面拦截器中处理的，Devops框架提供通用拦截器，以客户端的形式集成到业务应用；若业务端使用技术较为个性化，通用拦截器满足不了业务需求，则需要扩展实现拦截器；Devops框架提供获取页面版本信息服务接口，业务端调用该接口获取版本信息，然后进行相应版本的选择；

③、调度引擎：

Devops框架调度引擎作为Devops框架核心，浏览器发起URL请求访问页面，首先由本地页面拦截器拦截URL请求，然后调用Devops框架服务获取版本信息，若存在适当版本，则返回版本源码模型，将版本源码存储在本地系统；若已存在且版本未过期，则不再进行更新；然后展现该版本文件，否则展现后台原文件页面。

本发明的一种支持Web页面本地研发的实现方法和现有技术相比，具有以下有益效果：

1、使用该Devops框架，项目可实现本地研发、运维一体化管理，提高了项目运维效率；

2、采用独立部署架构，实现了框架和业务应用的松耦合，既方便了业务应用的使用扩展，又提高了Devops框架的兼容性，支持业务应用跨编程语言；

3、提供所见即所得在线页面编辑器，使得本地研发人员通过页面导航即可定位所要修改的页面源码，极大的提高了页面本地运维的效率；

4、提供区域、阶段注册机制，实现不同区域规则流程的灵活配置，满足不同项目的个性化需求。

附图说明

下面结合附图对本发明进一步说明。

附图1为一种支持Web页面本地研发的实现方法的Devops框架的架构框图；

附图2为一种支持Web页面本地研发的实现方法的在线页面编辑流程图；

附图3为一种支持Web页面本地研发的实现方法的Devops框架的调度引擎流程图。

具体实施方式

下面结合附图和具体实施例对本发明作进一步说明。

实施例1：

本发明的一种支持Web页面本地研发的实现方法，采用内嵌方式提供Devops操作按钮，在线编辑的页面源码以版本的形式存储在关系数据表中，Devops框架提供版本文件的存储、管理机制；包括如下步骤：

（1）、Devops框架部署：基于SOA架构思想，采用独立部署的方式，实现业务应用和Devops框架的松耦合关联；

（2）、在线页面编辑：采用内嵌方式维护Devops操作按钮，保持原有页面代码，本地研发人员通过页面导航定位到要修改的页面，点击Devops框架的编辑操作，即可打开该页面对应的源码；

（3）、阶段管理：Devops框架支持页面本地研发、运维一体化操作，采用状态机思想，通过阶段迁移实现页面本地编辑、测试、审核、上线的流程操作；

（4）、灰度发布引擎：借助灰度发布思想，实现Devops框架调度引擎。

实施例2：

本发明的一种支持Web页面本地研发的实现方法，采用内嵌方式提供Devops操作按钮，在线编辑的页面源码以版本的形式存储在关系数据表中，Devops框架提供版本文件的存储、管理机制；包括如下步骤：

（1）、Devops框架部署：基于SOA架构思想，采用独立部署的方式，实现业务应用和Devops框架的松耦合关联；

（2）、在线页面编辑：采用内嵌方式维护Devops操作按钮，保持原有页面代码，本地研发人员通过页面导航定位到要修改的页面，点击Devops框架的编辑操作，即可打开该页面对应的源码；

（3）、阶段管理：Devops框架支持页面本地研发、运维一体化操作，采用状态机思想，通过阶段迁移实现页面本地编辑、测试、审核、上线的流程操作；

（4）、灰度发布引擎：借助灰度发布思想，实现Devops框架调度引擎。

如图1所示，步骤（1），流程如下：

①、Devops框架采用关系数据库存储，维护业务规则（区域）、流程环节（阶段）、操作、页面版本的信息；提供在线编辑器，用于页面源代码的编辑；对外暴露服务接口，用于业务获取页面版本和版本源码、阶段操作的信息；

②、提供Devops客户端，嵌入到业务应用；采用内嵌方式提供Devops操作按钮，提供按钮操作js，实现页面的编辑、测试、审核的操作；引入方式如下所示：

<scripttype="text/javascript"src="../devops_plugin.js"></script>；

提供通用的拦截器，该拦截器实现对页面URL请求的拦截，调用Devops灰度引擎选择文件版本，进行展现；

③、独立部署方式下，考虑两应用之间的数据交换；考虑到Devops的灵活性及跨编程语言支持，Devops框架对外暴露rest服务，应用之间采用http方式调用。

步骤（2），如图2所示，流程如下：页面对应的源码加载过程如下：

①、从数据表中获取请求URL对应的版本信息，若存在则返回最新版本的源码模型；若不存在，则通过服务从业务应用中获取文件源码，本地以文件流的方式读取文件源码；

②、源码编辑后保存，若存在编辑阶段版本，则直接覆盖；若存在待测试、待审核的版本，则不允许保存；若不存在版本信息，则另存为新版本；

③、版本源码以大字段类型存储在版本表中。

步骤（3），流程如下：

①、流程阶段：Devops框架以阶段来描述流程中的环节，每个阶段包含相应操作，阶段维护两个状态，两个状态为前状态、后状态，每个状态对应一个阶段，通过状态的变更来实现流程的流转，从而实现阶段的迁移；

②、阶段注册：为了实现本地操作流程的灵活性，Devops框架提供阶段和操作注册页面，业务开发人员针对每个业务规则（区域），注册相关的阶段及操作；阶段、操作信息由Devops维护框架，业务端通过服务获取。

步骤（4），实现Devops调度引擎的流程如下：

①、业务规则：

Devops框架使用“区域”概念作为业务规则，贯穿于页面本地的研发、测试、审核和上线的整个过程；区域作为一种业务规则，是一种比较宽泛的概念，如山东区、青岛市、IP等都可以作为一个区域，由业务开发人员维护；

为实现Devops框架与业务应用的松耦合关联，Devops框架采用cookie方式接收相关数据，相关数据包括：zoneCode[区域编码]、phaseCode[阶段编码]；业务开发人员将相关数据放入cookie，完成Devops框架与业务的关联；

②、URL请求拦截器：

Devops框架页面版本选择是在页面拦截器中处理的，Devops框架提供通用拦截器，以客户端的形式集成到业务应用；若业务端使用技术较为个性化，通用拦截器满足不了业务需求，则需要扩展实现拦截器；Devops框架提供获取页面版本信息服务接口，业务端调用该接口获取版本信息，然后进行相应版本的选择；

③、调度引擎：

Devops框架调度引擎作为Devops框架核心，其执行过程如图3所示，浏览器发起URL请求访问页面，首先由本地页面拦截器拦截URL请求，然后调用Devops框架服务获取版本信息，若存在适当版本，则返回版本源码模型，将版本源码存储在本地系统；若已存在且版本未过期，则不再进行更新；然后展现该版本文件，否则展现后台原文件页面。

通过上面具体实施方式，所述技术领域的技术人员可容易的实现本发明。但是应当理解，本发明并不限于上述的具体实施方式。在公开的实施方式的基础上，所述技术领域的技术人员可任意组合不同的技术特征，从而实现不同的技术方案。

Claims (5)

1.一种支持Web页面本地研发的实现方法，其特征在于采用内嵌方式提供Devops操作按钮，在线编辑的页面源码以版本的形式存储在关系数据表中，Devops框架提供版本文件的存储、管理机制；包括如下步骤：

（1）、Devops框架部署：基于SOA架构思想，采用独立部署的方式，实现业务应用和Devops框架的松耦合关联；

（2）、在线页面编辑：采用内嵌方式维护Devops操作按钮，保持原有页面代码，本地研发人员通过页面导航定位到要修改的页面，点击Devops框架的编辑操作，即可打开该页面对应的源码；

（3）、阶段管理：Devops框架支持页面本地研发、运维一体化操作，采用状态机思想，通过阶段迁移实现页面本地编辑、测试、审核、上线的流程操作；

（4）、灰度发布引擎：借助灰度发布思想，实现Devops框架调度引擎。

2.根据权利要求1所述的一种支持Web页面本地研发的实现方法，其特征在于步骤（1），流程如下：

①、Devops框架采用关系数据库存储，维护业务规则、流程环节、操作、页面版本的信息；提供在线编辑器，用于页面源代码的编辑；对外暴露服务接口，用于业务获取页面版本和版本源码、阶段操作的信息；

②、提供Devops客户端，嵌入到业务应用；采用内嵌方式提供Devops操作按钮，提供按钮操作js，实现页面的编辑、测试、审核的操作；

提供通用的拦截器，该拦截器实现对页面URL请求的拦截，调用Devops灰度引擎选择文件版本，进行展现；

③、独立部署方式下，Devops框架对外暴露rest服务，应用之间采用http方式调用。

3.根据权利要求1所述的一种支持Web页面本地研发的实现方法，其特征在于步骤（2），流程如下：页面对应的源码加载过程如下：

①、从数据表中获取请求URL对应的版本信息，若存在则返回最新版本的源码模型；若不存在，则通过服务从业务应用中获取文件源码，本地以文件流的方式读取文件源码；

②、源码编辑后保存，若存在编辑阶段版本，则直接覆盖；若存在待测试、待审核的版本，则不允许保存；若不存在版本信息，则另存为新版本；

③、版本源码以大字段类型存储在版本表中。

4.根据权利要求1所述的一种支持Web页面本地研发的实现方法，其特征在于步骤（3），流程如下：

①、流程阶段：Devops框架以阶段来描述流程中的环节，每个阶段包含相应操作，阶段维护两个状态，两个状态为前状态、后状态，每个状态对应一个阶段，通过状态的变更来实现流程的流转，从而实现阶段的迁移；

②、阶段注册：Devops框架提供阶段和操作注册页面，业务开发人员针对每个业务规则，注册相关的阶段及操作；阶段、操作信息由Devops维护框架，业务端通过服务获取。

5.根据权利要求1所述的一种支持Web页面本地研发的实现方法，其特征在于步骤（4），实现Devops调度引擎的流程如下：

①、业务规则：

Devops框架采用cookie方式接收相关数据，相关数据包括：zoneCode、phaseCode；业务开发人员将相关数据放入cookie，完成Devops框架与业务的关联；

②、URL请求拦截器：

Devops框架页面版本选择是在页面拦截器中处理的，Devops框架提供通用拦截器，以客户端的形式集成到业务应用；Devops框架提供获取页面版本信息服务接口，业务端调用该接口获取版本信息，然后进行相应版本的选择；

③、调度引擎：

Devops框架调度引擎作为Devops框架核心，浏览器发起URL请求访问页面，首先由本地页面拦截器拦截URL请求，然后调用Devops框架服务获取版本信息，若存在适当版本，则返回版本源码模型，将版本源码存储在本地系统；若已存在且版本未过期，则不再进行更新；然后展现该版本文件，否则展现后台原文件页面。