一种沙盒系统环境的创建方法、装置、介质和电子设备制造方法及图纸

本发明专利技术提供了一种沙盒系统环境的创建方法、装置、介质和电子设备，其中，所述创建方法包括：配置沙盒系统为包括DOM沙盒、用于免去沙盒使用方使用强制编译的CSS沙盒和用于对运行环境相关联的全局部署环境变量的全局变量沙盒的系统；将启动程序添加至沙盒系统中；将沙盒系统集成到开发环境中。本发明专利技术通过将沙盒系统环境配置为包括DOM沙盒、用于免去沙盒使用方使用强制编译的CSS沙盒和用于对运行环境相关联的全局部署环境变量的全局变量沙盒的系统，实现了对独立开发的各个模块之间的有效隔离，避免了混合加载过程中存在的线上模块互相干扰的问题。

A creation method, device, medium and electronic equipment of sandbox system environment

【技术实现步骤摘要】
一种沙盒系统环境的创建方法、装置、介质和电子设备
本专利技术涉及计算机
，具体而言，涉及一种沙盒系统环境的创建方法、装置、介质和电子设备。
技术介绍
如果前端某个业务集成在一个站点上，随着复杂度上升，包体积会变的过大。发布频繁。如果有n个业务，每个业务都有一定的更新频率，组合起来会导致更新发布非常频繁，每一个业务都会让项目所有一起升级。尤其是多个业务结合的时候。哪个版本对应哪个改动难以追溯。旧的iframe的方案可以在一定程度上解决这个问题。具体是把一个站点页面拆成N个frame，每个frame单独跑一个独立的域名。但因为一个完整的项目包含大量公用的功能和代码，例如登录身份、站内信，业务模块只是其中的一个部分。这部分完全用跨window通信实现起来很费时费力，并且单页应用了React或类似的加载技术展示之后，iframe的效果也逊色很多。即使iframe采用的类似方案，也应当做到软route的同步、视窗大小的同步等等技术细节。把模块丢到iframe里自生自灭是无法接受的。服务端的微服务主要是通过docker技术实现虚拟化的底层支持，使服务开发者可以体会不到环境的区别、抹平运行时差异。在docker得到普遍应用之前，微服务在服务端的使用非常复杂，维护成本大幅提高；这个扩大的成本问题直到随着docker的沙盒体系才得以解决；这个环境在前端浏览器内运行时不存在。由于微服务的特点，本地开发的模块只是项目的一部分，有水平模块(其他项目组)和垂直模块(站点架构)在项目外管理、组合。需要运行时机动的加载不同模块，把互不了解的系统集成到一个页面里运行。开发时不同的模块解耦到各自的业务线下完成，线下独立调试、测试、验收，直到上线时糅合在一起，从CSS到global对象都被混合到一起。由于模块开发者互不了解，如果做不到严格的隔离，本地开发和线上的环境代码不一致、运行结果不同，会无法调试无法维护。模块的本地开发需要非常严密的运行隔离，防止互相干扰，不能污染，不能仅靠约定这种不可靠的非确定性的方式来约束。如果不做沙盒，微服务就是微开发的monolithic服务，不能实现真的微服务。因此，在长期的研发当中，专利技术人对沙盒系统环境的创建方法进行了大量的研究，提出了一种沙盒系统环境的创建方法，以解决上述技术问题之一。
技术实现思路
本专利技术的目的在于提供一种沙盒系统环境的创建方法、装置、介质和电子设备，能够解决上述提到的至少一个技术问题。具体方案如下：根据本专利技术的具体实施方式，第一方面，本专利技术提供一种沙盒系统环境的创建方法，包括：配置沙盒系统为包括DOM沙盒、用于免去沙盒使用方使用强制编译的CSS沙盒和用于对运行环境相关联的全局部署环境变量的全局变量沙盒的系统；将启动程序添加至所述沙盒系统中；将所述沙盒系统集成到开发环境中。根据本专利技术的具体实施方式，第二方面，本专利技术提供一种沙盒系统环境的创建装置，包括：配置单元，用于配置沙盒系统为包括DOM沙盒、用于免去沙盒使用方使用强制编译的CSS沙盒和用于对运行环境相关联的全局部署环境变量的全局变量沙盒的系统；添加单元，用于将启动程序添加至所述配置单元配置的所述沙盒系统中；集成单元，用于将所述配置单元配置的所述沙盒系统集成到开发环境中。根据本专利技术的具体实施方式，第三方面，本专利技术提供一种计算机可读存储介质，其上存储有计算机程序，所述程序被处理器执行时实现如上任一项所述的沙盒系统环境的创建方法。根据本专利技术的具体实施方式，第四方面，本专利技术提供一种电子设备，包括：一个或多个处理器；存储装置，用于存储一个或多个程序，当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现如上任一项所述的沙盒系统环境的创建方法。本专利技术实施例的上述方案与现有技术相比，至少具有以下有益效果：本公开通过提供一种沙盒系统环境的创建方法、装置、介质和电子设备，通过将沙盒系统环境配置为包括DOM沙盒、用于免去沙盒使用方使用强制编译的CSS沙盒和用于对运行环境相关联的全局部署环境变量的全局变量沙盒的系统，实现了对独立开发的各个模块之间的有效隔离，避免了混合加载过程中存在的线上模块互相干扰的问题。附图说明此处的附图被并入说明书中并构成本说明书的一部分，示出了符合本专利技术的实施例，并与说明书一起用于解释本专利技术的原理。显而易见地，下面描述中的附图仅仅是本专利技术的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。在附图中：图1示出了根据本专利技术实施例的沙盒系统环境的创建方法流程图；图2示出了根据本专利技术实施例的沙盒系统时序示意图；图3示出了根据本专利技术的实施例的沙盒系统环境的创建装置结构示意图；图4示出了根据本专利技术的实施例的电子设备连接结构示意图。具体实施方式为了使本专利技术的目的、技术方案和优点更加清楚，下面将结合附图对本专利技术作进一步地详细描述，显然，所描述的实施例仅仅是本专利技术一部分实施例，而不是全部的实施例。基于本专利技术中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本专利技术保护的范围。在本专利技术实施例中使用的术语是仅仅出于描述特定实施例的目的，而非旨在限制本专利技术。在本专利技术实施例和所附权利要求书中所使用的单数形式的“一种”、“所述”和“该”也旨在包括多数形式，除非上下文清楚地表示其他含义，“多种”一般包含至少两种。应当理解，本文中使用的术语“和/或”仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。另外，本文中字符“/”，一般表示前后关联对象是一种“或”的关系。应当理解，尽管在本专利技术实施例中可能采用术语第一、第二、第三等来描述……，但这些……不应限于这些术语。这些术语仅用来将……区分开。例如，在不脱离本专利技术实施例范围的情况下，第一……也可以被称为第二……，类似地，第二……也可以被称为第一……。取决于语境，如在此所使用的词语“如果”、“若”可以被解释成为“在……时”或“当……时”或“响应于确定”或“响应于检测”。类似地，取决于语境，短语“如果确定”或“如果检测(陈述的条件或事件)”可以被解释成为“当确定时”或“响应于确定”或“当检测(陈述的条件或事件)时”或“响应于检测(陈述的条件或事件)”。还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的商品或者装置不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种商品或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的商品或者装置中还存在另外的相同要素。下面结合附图详细说明本专利技术的可选实施例。实施例1本公开提供的沙盒系统环境的创本文档来自技高网...

【技术保护点】
1.一种沙盒系统环境的创建方法，其特征在于，包括：/n配置沙盒系统为包括DOM沙盒、用于免去沙盒使用方使用强制编译的CSS沙盒和用于对运行环境相关联的全局部署环境变量的全局变量沙盒的系统；/n将启动程序添加至所述沙盒系统中；/n将所述沙盒系统集成到开发环境中。/n

【技术特征摘要】
1.一种沙盒系统环境的创建方法，其特征在于，包括：
配置沙盒系统为包括DOM沙盒、用于免去沙盒使用方使用强制编译的CSS沙盒和用于对运行环境相关联的全局部署环境变量的全局变量沙盒的系统；
将启动程序添加至所述沙盒系统中；
将所述沙盒系统集成到开发环境中。


2.根据权利要求1所述的方法，其特征在于，所述配置沙盒系统为包括DOM沙盒、用于免去沙盒使用方使用强制编译的CSS沙盒和用于对运行环境相关联的全局部署环境变量的全局变量沙盒的系统包括：
配置所述DOM沙盒，其中，所述DOM沙盒为包括用于负责插入或移除对应子节点的第一DOM沙盒子单元、用于负责拍摄快照及记录对应子节点的第二DOM沙盒子单元和用于负责计算任意两个第二DOM沙盒子单元之间的区别的第三DOM沙盒子单元；
配置所述CSS沙盒；以及
配置所述全局变量沙盒。


3.根据权利要求2所述的方法，其特征在于，所述配置所述DOM沙盒包括：
配置用于负责插入或移除对应子节点的第一DOM沙盒子单元；
配置用于负责拍摄快照及记录对应子节点的第二DOM沙盒子单元；以及
配置用于负责计算任意两个第二DOM沙盒子单元之间的区别的第三DOM沙盒子单元。


4.根据权利要求2所述的方法，其特征在于，所述配置所述CSS沙盒包括：
通过加载层叠样式表插件通用的插入节点对象的方式，得到所述CSS沙盒。


5.根据权利要求2所述的方法，其特征在于，所述...

【专利技术属性】
技术研发人员：艾石光，
申请(专利权)人：北京字节跳动网络技术有限公司，
类型：发明
国别省市：北京;11