CN114489758A - 页面隔离方法、页面渲染方法、装置、设备和计算机介质 - Google Patents

页面隔离方法、页面渲染方法、装置、设备和计算机介质 Download PDF

Info

Publication number
CN114489758A
CN114489758A CN202210133975.6A CN202210133975A CN114489758A CN 114489758 A CN114489758 A CN 114489758A CN 202210133975 A CN202210133975 A CN 202210133975A CN 114489758 A CN114489758 A CN 114489758A
Authority
CN
China
Prior art keywords
pages
entry file
file
routing information
page
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
CN202210133975.6A
Other languages
English (en)
Other versions
CN114489758B (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.)
Beijing Jingdong Zhenshi Information Technology Co Ltd
Original Assignee
Beijing Jingdong Zhenshi Information Technology 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 Beijing Jingdong Zhenshi Information Technology Co Ltd filed Critical Beijing Jingdong Zhenshi Information Technology Co Ltd
Priority to CN202210133975.6A priority Critical patent/CN114489758B/zh
Publication of CN114489758A publication Critical patent/CN114489758A/zh
Application granted granted Critical
Publication of CN114489758B publication Critical patent/CN114489758B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/70Software maintenance or management
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/70Software maintenance or management
    • G06F8/71Version control; Configuration management
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/70Software maintenance or management
    • G06F8/73Program documentation

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Library & Information Science (AREA)
  • Computer Security & Cryptography (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本公开的实施例公开了页面隔离方法、页面渲染方法、装置、设备和计算机介质。该方法的一具体实施方式包括:根据预先配置的多个页面,生成第一路由信息数组和第二路由信息数组;根据多个页面的入口文件和入口文件的环境类型,生成第一入口文件和第二入口文件;根据多个页面的输出目录,构建第一输出目录和第二输出目录;对第一入口文件对应的多个页面中的页面的代码进行打包处理,以生成第一发布代码;对第二入口文件对应的多个页面中的页面的代码进行打包处理,以生成第二发布代码。该实施方式与大数据有关,实现了对不同网络环境的代码的逻辑解耦,实现了公共页面和组件等逻辑的复用,提高了代码维护的效率,有助于项目的持续迭代。

Description

页面隔离方法、页面渲染方法、装置、设备和计算机介质
技术领域
本公开的实施例涉及计算机技术领域,具体涉及页面隔离方法、页面渲染方法、装置、设备和计算机介质。
背景技术
随着Web前端工程化的日益发展,企业级单页应用往往需要根据网络环境,遵循统一的视觉风格分别对不同网络环境(例如,局域网和广域网)的用户展示不同的页面内容。目前,对不同网络环境的用户展示不同的页面内容,通常采用的方式为:将项目拆分为多个应用,分别对应不同网络环境的代码仓库并独立部署在Web服务器上。
然而,采用上述方式通常会存在以下技术问题:需要维护多套源代码,使得公共页面和组件等逻辑无法复用,不利于项目的持续迭代。
发明内容
本公开的内容部分用于以简要的形式介绍构思,这些构思将在后面的具体实施方式部分被详细描述。本公开的内容部分并不旨在标识要求保护的技术方案的关键特征或必要特征,也不旨在用于限制所要求的保护的技术方案的范围。
本公开的一些实施例提出了页面隔离方法、页面渲染方法、装置、电子设备和计算机可读介质,来解决以上背景技术部分提到的技术问题中的一项或多项。
第一方面,本公开的一些实施例提供了一种页面隔离方法,该方法包括:根据预先配置的多个页面,生成第一路由信息数组和第二路由信息数组;根据上述多个页面的入口文件和上述入口文件的环境类型,生成第一入口文件和第二入口文件,其中,上述第一入口文件对应上述第一路由信息数组,上述第二入口文件对应上述第二路由信息数组;根据上述多个页面的输出目录,构建第一输出目录和第二输出目录,其中,上述第一输出目录对应上述第一入口文件,上述第二输出目录对应上述第二入口文件;按照上述第一输出目录,对上述第一入口文件对应的上述多个页面中的页面的代码进行打包处理,以生成第一发布代码;按照上述第二输出目录,对上述第二入口文件对应的上述多个页面中的页面的代码进行打包处理,以生成第二发布代码。
可选地,上述根据预先配置的多个页面,生成第一路由信息数组和第二路由信息数组,包括:将上述多个页面所包含的第一路由信息添加至预先配置的第一路由空文件中,得到第一路由文件;将上述多个页面所包含的第二路由信息添加至预先配置的第二路由空文件中,得到第二路由文件;将上述第一路由文件转换成第一路由信息数组;将上述第二路由文件转换成第二路由信息数组。
可选地,上述根据上述多个页面的入口文件和上述入口文件的环境类型,生成第一入口文件和第二入口文件,包括:响应于上述入口文件的环境类型为第一网络环境,将上述第一路由信息数组导入至上述入口文件中,以生成第一入口文件;接收对应上述第二路由信息数组的入口文件作为第二初始入口文件,以及将上述第二路由信息数组导入至上述第二初始入口文件中,以生成第二入口文件。
可选地,上述根据上述多个页面的入口文件和上述入口文件的环境类型,生成第一入口文件和第二入口文件,包括:响应于上述入口文件的环境类型为第二网络环境,将上述第二路由信息数组导入至上述入口文件中,以生成第二入口文件;接收对应上述第一路由信息数组的入口文件作为第一初始入口文件,以及将上述第一路由信息数组导入至上述第一初始入口文件中,以生成第一入口文件。
可选地,上述根据上述多个页面的输出目录,构建第一输出目录和第二输出目录,包括:响应于上述多个页面的输出目录的环境类型为第一网络环境,将上述输出目录确定为第一输出目录;构建对应上述第二入口文件的第二输出目录。
可选地,上述根据上述多个页面的输出目录,构建第一输出目录和第二输出目录,包括:响应于上述多个页面的输出目录的环境类型为第二网络环境,将上述输出目录确定为第二输出目录;构建对应上述第一入口文件的第一输出目录。
可选地,上述方法还包括:将上述第一发布代码和上述第二发布代码上传至存储服务器中;将上述第一发布代码的域名和上述第二发布代码的域名上传至配置服务器中。
第二方面,本公开的一些实施例提供了一种页面隔离装置,装置包括:第一生成单元,被配置成根据预先配置的多个页面,生成第一路由信息数组和第二路由信息数组;第二生成单元,被配置成根据上述多个页面的入口文件和上述入口文件的环境类型,生成第一入口文件和第二入口文件,其中,上述第一入口文件对应上述第一路由信息数组,上述第二入口文件对应上述第二路由信息数组;构建单元,被配置成根据上述多个页面的输出目录,构建第一输出目录和第二输出目录,其中,上述第一输出目录对应上述第一入口文件,上述第二输出目录对应上述第二入口文件;第一打包单元,被配置成按照上述第一输出目录,对上述第一入口文件对应的上述多个页面中的页面的代码进行打包处理,以生成第一发布代码;第二打包单元,被配置成按照上述第二输出目录,对上述第二入口文件对应的上述多个页面中的页面的代码进行打包处理,以生成第二发布代码。
可选地,第一生成单元被进一步配置成:将上述多个页面所包含的第一路由信息添加至预先配置的第一路由空文件中,得到第一路由文件;将上述多个页面所包含的第二路由信息添加至预先配置的第二路由空文件中,得到第二路由文件;将上述第一路由文件转换成第一路由信息数组;将上述第二路由文件转换成第二路由信息数组。
可选地,第二生成单元被进一步配置成:响应于上述入口文件的环境类型为第一网络环境,将上述第一路由信息数组导入至上述入口文件中,以生成第一入口文件;接收对应上述第二路由信息数组的入口文件作为第二初始入口文件,以及将上述第二路由信息数组导入至上述第二初始入口文件中,以生成第二入口文件。
可选地,第二生成单元被进一步配置成:响应于上述入口文件的环境类型为第二网络环境,将上述第二路由信息数组导入至上述入口文件中,以生成第二入口文件;接收对应上述第一路由信息数组的入口文件作为第一初始入口文件,以及将上述第一路由信息数组导入至上述第一初始入口文件中,以生成第一入口文件。
可选地,构建单元被进一步配置成:响应于上述多个页面的输出目录的环境类型为第一网络环境,将上述输出目录确定为第一输出目录;构建对应上述第二入口文件的第二输出目录。
可选地,构建单元被进一步配置成:响应于上述多个页面的输出目录的环境类型为第二网络环境,将上述输出目录确定为第二输出目录;构建对应上述第一入口文件的第一输出目录。
可选地,装置还包括:第一上传单元,被配置成将上述第一发布代码和上述第二发布代码上传至存储服务器中;第二上传单元,被配置成将上述第一发布代码的域名和上述第二发布代码的域名上传至配置服务器中。
第三方面,本公开的一些实施例提供了一种页面渲染方法,该方法包括:响应于接收到用户端输入的请求地址,根据上述请求地址,获取页面发布代码,其中,上述页面发布代码为第一发布代码或第二发布代码,上述第一发布代码是通过第一路由信息数组、第一入口文件和第一输出目录构建的页面代码,上述第二发布代码是通过第二路由信息数组、第二入口文件和第二输出目录构建的页面代码;根据上述页面发布代码,进行页面渲染。
可选地,上述根据上述请求地址,获取页面发布代码,包括:响应于上述请求地址为第一请求地址,获取第一发布代码;响应于上述请求地址为第二请求地址,获取第二发布代码。
第四方面,本公开的一些实施例提供了一种页面渲染装置,该装置包括:获取单元,被配置成响应于接收到用户端输入的请求地址,根据上述请求地址,获取页面发布代码,其中,上述页面发布代码为第一发布代码或第二发布代码,上述第一发布代码是通过第一路由信息数组、第一入口文件和第一输出目录构建的页面代码,上述第二发布代码是通过第二路由信息数组、第二入口文件和第二输出目录构建的页面代码;渲染单元,被配置成根据上述页面发布代码,进行页面渲染。
可选地,上述获取单元,被进一步配置成:响应于上述请求地址为第一请求地址,获取第一发布代码;响应于上述请求地址为第二请求地址,获取第二发布代码。
第五方面,本公开的一些实施例提供了一种电子设备,包括:一个或多个处理器;存储装置,其上存储有一个或多个程序,当一个或多个程序被一个或多个处理器执行,使得一个或多个处理器实现上述第一方面或第三方面任一实现方式所描述的方法。
第六方面,本公开的一些实施例提供了一种计算机可读介质,其上存储有计算机程序,其中,程序被处理器执行时实现上述第一方面或第三方面任一实现方式所描述的方法。
本公开的上述各个实施例具有如下有益效果:通过本公开的一些实施例的页面隔离方法,实现了公共页面和组件等逻辑的复用,提高了代码维护的效率,有助于项目的持续迭代。具体来说,不利于项目的持续迭代的原因在于:需要维护多套源代码,使得公共页面和组件等逻辑无法复用,不利于项目的持续迭代。基于此,本公开的一些实施例的页面隔离方法,首先,根据预先配置的多个页面,生成第一路由信息数组和第二路由信息数组。由此,可以将预先配置的多个页面中包括的路由信息拆分为不同网络环境的路由信息数组,为后续生成第一发布代码和第二发布代码提供了索引。其次,根据上述多个页面的入口文件和上述入口文件的环境类型,生成第一入口文件和第二入口文件。其中,上述第一入口文件对应上述第一路由信息数组,上述第二入口文件对应上述第二路由信息数组。由此,便于后续根据第一入口文件和第二入口文件分别查找第一对应的页面代码和第二对应的页面代码,以及不同网络环境的公共模块。接着,根据上述多个页面的输出目录,构建第一输出目录和第二输出目录。其中,上述第一输出目录对应上述第一入口文件,上述第二输出目录对应上述第二入口文件。由此,可以将不同资源放置在不同的目录下,便于对不同目录下的资源的卸载与部署。同时入口文件中还包含公共模块,以实现公共页面和组件等逻辑的复用。然后,按照上述第一输出目录,对上述第一入口文件对应的上述多个页面中的页面的代码进行打包处理,以生成第一发布代码。最后,按照上述第二输出目录,对上述第二入口文件对应的上述多个页面中的页面的代码进行打包处理,以生成第二发布代码。由此,可以按照第一入口文件和第二入口文件将多个页面的代码打包为第二发布代码和第一发布代码。从而,实现了对不同网络环境的代码的逻辑解耦,实现了公共页面和组件等逻辑的复用,提高了代码维护的效率,有助于项目的持续迭代。
附图说明
结合附图并参考以下具体实施方式,本公开各实施例的上述和其他特征、优点及方面将变得更加明显。贯穿附图中,相同或相似的附图标记表示相同或相似的元素。应当理解附图是示意性的,元件和元素不一定按照比例绘制。
图1是本公开的一些实施例的页面隔离方法的一个应用场景的示意图;
图2是根据本公开的页面隔离方法的一些实施例的流程图;
图3是根据本公开的页面隔离方法的另一些实施例的流程图;
图4是根据本公开的页面隔离方法的又一些实施例的流程图;
图5是根据本公开的页面渲染方法的一些实施例的流程图;
图6是根据本公开的页面隔离装置的一些实施例的结构示意图;
图7是根据本公开的页面渲染装置的一些实施例的结构示意图;
图8是适于用来实现本公开的一些实施例的电子设备的结构示意图。
具体实施方式
下面将参照附图更详细地描述本公开的实施例。虽然附图中显示了本公开的某些实施例,然而应当理解的是,本公开可以通过各种形式来实现,而且不应该被解释为限于这里阐述的实施例。相反,提供这些实施例是为了更加透彻和完整地理解本公开。应当理解的是,本公开的附图及实施例仅用于示例性作用,并非用于限制本公开的保护范围。
另外还需要说明的是,为了便于描述,附图中仅示出了与有关发明相关的部分。在不冲突的情况下,本公开中的实施例及实施例中的特征可以相互组合。
需要注意,本公开中提及的“第一”、“第二”等概念仅用于对不同的装置、模块或单元进行区分,并非用于限定这些装置、模块或单元所执行的功能的顺序或者相互依存关系。
需要注意,本公开中提及的“一个”、“多个”的修饰是示意性而非限制性的,本领域技术人员应当理解,除非在上下文另有明确指出,否则应该理解为“一个或多个”。
本公开实施方式中的多个装置之间所交互的消息或者信息的名称仅用于说明性的目的,而并不是用于对这些消息或信息的范围进行限制。
下面将参考附图并结合实施例来详细说明本公开。
图1是根据本公开一些实施例的页面隔离方法的一个应用场景的示意图。
在图1的应用场景中,首先,计算设备101可以根据预先配置的多个页面102,生成第一路由信息数组103和第二路由信息数组104。其次,计算设备101可以根据上述多个页面102的入口文件和上述入口文件的环境类型,生成第一入口文件105和第二入口文件106。其中,上述第一入口文件105对应上述第一路由信息数组103,上述第二入口文件106对应上述第二路由信息数组104。接着,计算设备101可以根据上述多个页面的输出目录,构建第一输出目录107和第二输出目录108。其中,上述第一输出目录107对应上述第一入口文件105,上述第二输出目录108对应上述第二入口文件106。然后,计算设备101可以按照上述第一输出目录107,对上述第一入口文件105对应的上述多个页面中的页面的代码进行打包处理,以生成第一发布代码109。最后,计算设备101可以按照上述第二输出目录108,对上述第二入口文件106对应的上述多个页面中的页面的代码进行打包处理,以生成第二发布代码110。
需要说明的是,上述计算设备101可以是硬件,也可以是软件。当计算设备为硬件时,可以实现成多个服务器或终端设备组成的分布式集群,也可以实现成单个服务器或单个终端设备。当计算设备体现为软件时,可以安装在上述所列举的硬件设备中。其可以实现成例如用来提供分布式服务的多个软件或软件模块,也可以实现成单个软件或软件模块。在此不做具体限定。
应该理解,图1中的计算设备的数目仅仅是示意性的。根据实现需要,可以具有任意数目的计算设备。
继续参考图2,示出了根据本公开的页面隔离方法的一些实施例的流程200。该页面隔离方法,包括以下步骤:
步骤201,根据预先配置的多个页面,生成第一路由信息数组和第二路由信息数组。
在一些实施例中,首先,页面隔离方法的执行主体(例如图1所示的计算设备101)可以查找开发人员预先开发配置的多个页面中所包含的路由表。然后,可以将路由表中所包含的路由信息划分为第一路由信息和第二路由信息。这里,第一路由信息可以包括但不限于:第一网络路径、路径参数、组件名称和元数据。第二路由信息可以包括但不限于:第二网络路径、路径参数、组件名称和元数据。这里,可以按照路由信息包括的路径和路径参数进行划分。例如,第一网络路径可以是'blog/:id'=>'blog/read',则表明'blog/:id'=>'blog/read'为第一路径。这里,第一网络与第二网络的网络环境不同,例如,第一网络可以是指局域网。第二网络可以是指广域网。最后,可以将第一路由信息以声明赋值的形式将第一路由信息和第二路由信息分别转换为第一路由信息数组和第二路由信息数组。例如,声明赋值的形式可以是“char[]arr={a,b,c,…}”。这里,{a,b,c,…}可以用于表征第二网络路径、路径参数、组件名称和元数据。这里,预先开发设置的多个页面可以是指根据开发人员预先开发的页面代码所构建的页面。
步骤202,根据上述多个页面的入口文件和上述入口文件的环境类型,生成第一入口文件和第二入口文件。
在一些实施例中,首先,上述执行主体可以查找预先设置的上述多个页面的源代码的入口文件,以及入口文件的环境类型。这里,环境类型可以是指网络环境的类型,可以包括第一网络环境(例如,广域网的网络环境)和第二网络环境(例如,局域网的网络环境)。这里,入口文件可以用于定义框架路径、项目路径、调试模式、应用模式和系统相关常量。入口文件还可以用于载入框架的引导文件。这里,系统相关常量可以包括但不限于以下至少一项:框架目录,应用目录,应用运行时目录,存储类型。这里,入口文件可以包括但不限于:组件、全局变量、逻辑函数和公共模块。然后,响应于多个页面的入口文件的环境类型为第一网络环境,可以将对应上述入口文件的第一路由信息数组导入至上述入口文件中,以生成第一入口文件。再然后,可以将第二路由信息数组所包括的第二网络路径作为索引,创建第二初始入口文件。这里,可以先定义项目名称和第二网络路径,再定义调试模式和载入框架的引导文件,从而生成第二初始入口文件。最后,将第二路由信息数组导入至上述第二初始入口文件中,以生成第二入口文件。
在一些实施例的一些可选的实现方式中,根据上述多个页面的入口文件和上述入口文件的环境类型,上述执行主体可以通过以下步骤生成第一入口文件和第二入口文件:
第一步,响应于上述入口文件的环境类型为第一网络环境,将上述第一路由信息数组导入至上述入口文件中,以生成第一入口文件。实践中,响应于上述入口文件的环境类型为第一网络环境,上述执行主体可以将上述第一路由信息数组导入至上述入口文件中,以生成第一入口文件。
第二步,接收对应上述第二路由信息数组的入口文件作为第二初始入口文件,以及将上述第二路由信息数组导入至上述第二初始入口文件中,以生成第二入口文件。实践中,首先,上述执行主体可以接收开发多个页面的开发人员输入的第二网络路径与上述第二路由信息数组包括的第二网络路径相同的入口文件,以作为第二初始入口文件。然后,可以将上述第二路由信息数组导入至上述第二初始入口文件中,以生成第二入口文件。
在一些实施例的另一些可选的实现方式中,根据上述多个页面的入口文件和上述入口文件的环境类型,上述执行主体可以通过以下步骤生成第一入口文件和第二入口文件:
第一步,响应于上述入口文件的环境类型为第二网络环境,将上述第二路由信息数组导入至上述入口文件中,以生成第二入口文件。实践中,响应于上述入口文件的环境类型为第二网络环境,上述执行主体可以将上述第二路由信息数组导入至上述入口文件中,以生成第二入口文件。
第二步,接收对应上述第一路由信息数组的入口文件作为第一初始入口文件,以及将上述第一路由信息数组导入至上述第一初始入口文件中,以生成第一入口文件。实践中,上述执行主体可以接收开发多个页面的开发人员输入的第一路径与上述第一路由信息数组包括的第一路径相同的入口文件,以作为第一初始入口文件。然后,可以将上述第一路由信息数组导入至上述第一初始入口文件中,以生成第一入口文件。
由此,可以基于多个页面预先配置的入口文件的环境类型,配置另一个入口文件,便于后续实现对第一发布代码和第二发布代码的隔离。
步骤203,根据上述多个页面的输出目录,构建第一输出目录和第二输出目录。
在一些实施例中,首先,上述执行主体可以查找预先配置的多个页面的输出目录,以及输出目录的环境类型。这里,环境类型可以是指网络环境的类型,可以包括第一网络环境和第二网络环境。这里,输出目录可以包括静态资源文件和对应上述静态资源文件的文件目录。这里,文件目录可以包括但不限于:样式目录、图片目录、流媒体目录以及脚本目录。接着,响应于检测到上述多个页面的输出目录的环境类型为第一网络环境,可以将上述输出目录确定为第一输出目录。然后,查找第二入口文件对应的上述多个页面的页面。最后,可以提取第二入口文件所对应的页面所包括的静态资源文件和页面元素的类型作为第二输出目录。这里,页面元素的类型可以包括但不限于:样式、图片、流媒体以及脚本。
在一些实施例的一些可选的实现方式中,根据上述多个页面的输出目录,上述执行主体可以通过以下步骤构建第一输出目录和第二输出目录:
第一步,响应于上述多个页面的输出目录的环境类型为第一网络环境,将上述输出目录确定为第一输出目录。实践中,上述执行主体可以响应于上述多个页面的输出目录的环境类型为第一网络环境,将上述输出目录确定为第一输出目录。
第二步,构建对应上述第二入口文件的第二输出目录。实践中,上述执行主体可以提取第二入口文件所对应的页面所包括的静态资源文件和页面元素的类型作为第二输出目录。
在一些实施例的另一些可选的实现方式中,根据上述多个页面的输出目录,上述执行主体可以通过以下步骤构建第一输出目录和第二输出目录:
第一步,响应于上述多个页面的输出目录的环境类型为第二网络环境,将上述输出目录确定为第二输出目录。实践中,上述执行主体可以响应于上述多个页面的输出目录的环境类型为第二网络环境,将上述输出目录确定为第二输出目录。
第二步,构建对应上述第一入口文件的第一输出目录。实践中,上述执行主体可以提取第一入口文件所对应的页面所包括的静态资源文件和页面元素的类型作为第一输出目录。
步骤204,按照上述第一输出目录,对上述第一入口文件对应的上述多个页面中的页面的代码进行打包处理,以生成第一发布代码。
在一些实施例中,首先,上述执行主体可以将构建工具的配置文件中的项目入口文件名的配置修改为上述第一入口文件的第一路径。然后,可以将上述构建工具的配置文件中的项目入口文件对应的输出目录的配置修改为第一输出目录所包括的静态资源文件的相对路径。最后,调用上述构建工具对上述多个页面中的页面的代码进行打包处理,以生成第一发布代码。这里,构建工具可以是指打包工具。例如,构建工具可以是Parcel、Webpack。
步骤205,按照上述第二输出目录,对上述第二入口文件对应的上述多个页面中的页面的代码进行打包处理,以生成第二发布代码。
在一些实施例中,首先,上述执行主体可以将构建工具的配置文件中的项目入口文件名的配置修改为上述第二入口文件的第二网络路径。然后,可以将上述构建工具的配置文件中的项目入口文件对应的输出目录的配置修改为第二输出目录所包括的静态资源文件的相对路径。最后,调用上述构建工具对上述多个页面中的页面的代码进行打包处理,以生成第二发布代码。这里,构建工具可以是指打包工具。例如,构建工具可以是Parcel、Webpack。
本公开的上述各个实施例具有如下有益效果:通过本公开的一些实施例的页面隔离方法,实现了公共页面和组件等逻辑的复用,提高了代码维护的效率,有助于项目的持续迭代。具体来说,不利于项目的持续迭代的原因在于:需要维护多套源代码,使得公共页面和组件等逻辑无法复用,不利于项目的持续迭代。基于此,本公开的一些实施例的页面隔离方法,首先,根据预先配置的多个页面,生成第一路由信息数组和第二路由信息数组。由此,可以将预先配置的多个页面中包括的路由信息拆分为不同网络环境的路由信息数组,为后续生成第一发布代码和第二发布代码提供了索引。其次,根据上述多个页面的入口文件和上述入口文件的环境类型,生成第一入口文件和第二入口文件。其中,上述第一入口文件对应上述第一路由信息数组,上述第二入口文件对应上述第二路由信息数组。由此,便于后续根据第一入口文件和第二入口文件分别查找第一对应的页面代码和第二对应的页面代码,以及不同网络环境的公共模块。接着,根据上述多个页面的输出目录,构建第一输出目录和第二输出目录。其中,上述第一输出目录对应上述第一入口文件,上述第二输出目录对应上述第二入口文件。由此,可以将不同资源放置在不同的目录下,便于对不同目录下的资源的卸载与部署。同时入口文件中还包含公共模块,以实现公共页面和组件等逻辑的复用。然后,按照上述第一输出目录,对上述第一入口文件对应的上述多个页面中的页面的代码进行打包处理,以生成第一发布代码。最后,按照上述第二输出目录,对上述第二入口文件对应的上述多个页面中的页面的代码进行打包处理,以生成第二发布代码。由此,可以按照第一入口文件和第二入口文件将多个页面的代码打包为第二发布代码和第一发布代码。从而,实现了对不同网络环境的代码的逻辑解耦,实现了公共页面和组件等逻辑的复用,提高了代码维护的效率,有助于项目的持续迭代。
进一步参考图3,示出了根据本公开的页面隔离方法的另一些实施例。该页面隔离方法,包括以下步骤:
步骤301,根据预先配置的多个页面,生成第一路由信息数组和第二路由信息数组。
步骤302,根据上述多个页面的入口文件和上述入口文件的环境类型,生成第一入口文件和第二入口文件。
步骤303,根据上述多个页面的输出目录,构建第一输出目录和第二输出目录。
步骤304,按照上述第一输出目录,对上述第一入口文件对应的上述多个页面中的页面的代码进行打包处理,以生成第一发布代码。
步骤305,按照上述第二输出目录,对上述第二入口文件对应的上述多个页面中的页面的代码进行打包处理,以生成第二发布代码。
在一些实施例中,步骤301-305的具体实现及所带来的技术效果可以参考图2对应的那些实施例中的步骤201-205,在此不再赘述。
步骤306,将上述第一发布代码和上述第二发布代码上传至存储服务器中。
在一些实施例中,页面隔离方法的执行主体(例如图1所示的计算设备101)可以将上述第一发布代码和上述第二发布代码上传至存储服务器中。这里,存储服务器可以是指用于存储代码的服务器。例如,存储服务器可以是指本地服务器。
步骤307,将上述第一发布代码的域名和上述第二发布代码的域名上传至配置服务器中。
在一些实施例中,上述执行主体可以将上述第一发布代码的域名和上述第二发布代码的域名上传至配置服务器中。这里,配置服务器可以是指Web服务器。实践中,Web服务器在接收到上述第一发布代码的域名和上述第二发布代码的域名之后,可以在配置文件中将上述第一发布代码的域名和上述第二发布代码的域名进行绑定。在绑定完成之后,启动Web服务器。
实践中,在完成对Web服务器的启动之后,响应于接收到用户输入的网址后,向Web服务器发送网址访问请求。Web服务器在接收到网址访问请求之后,检测网址的网络环境;响应于检测到网址的网络环境为第二网络环境,则路由至第二网络环境对应的主页,以及分发第二路由渲染页面;响应于检测到网址的网络环境为第一网络环境,则路由至第一网络环境对应的主页,以及分发第一路由渲染页面。
从图3可以看出,与图2对应的一些实施例的描述相比,图3对应的一些实施例中的流程300实现了在代码上传之后,对web服务器的配置,以便于后续用户在输入网址时,可以根据网址的网络环境向用户展示对应的页面。
进一步参考图4,示出了根据本公开的页面隔离方法的又一些实施例。该页面隔离方法,包括以下步骤:
步骤401,将多个页面所包含的第一路由信息添加至预先配置的第一路由空文件中,得到第一路由文件。
在一些实施例中,页面隔离方法的执行主体(例如图1所示的计算设备101)可以将多个页面中所包含的第一路由信息添加至预先配置的第一路由空文件中,得到第一路由文件。这里,可以根据多个页面中所包含的路由信息的路径和路径参数确定的第一路由信息。
步骤402,将上述多个页面所包含的第二路由信息添加至预先配置的第二路由空文件中,得到第二路由文件。
在一些实施例中,上述执行主体可以将上述多个页面所包含的第二路由信息添加至预先配置的第二路由空文件中,得到第二路由文件。这里,可以根据多个页面中所包含的路由信息的路径和路径参数确定的第二路由信息。
步骤403,将上述第一路由文件转换成第一路由信息数组。
在一些实施例中,上述执行主体可以将上述第一路由文件以声明赋值的形式转换成第一路由信息数组。例如,声明赋值的形式可以是“char[]arr={a,b,c,…}”。
步骤404,将上述第二路由文件转换成第二路由信息数组。
在一些实施例中,上述执行主体可以将上述第二路由文件以声明赋值的形式转换成第二路由信息数组。例如,声明赋值的形式可以是“char[]arr={a,b,c,…}”。
步骤405,根据上述多个页面的入口文件和上述入口文件的环境类型,生成第一入口文件和第二入口文件。
步骤406,根据上述多个页面的输出目录,构建第一输出目录和第二输出目录。
步骤407,按照上述第一输出目录,对上述第一入口文件对应的上述多个页面中的页面的代码进行打包处理,以生成第一发布代码。
步骤408,按照上述第二输出目录,对上述第二入口文件对应的上述多个页面中的页面的代码进行打包处理,以生成第二发布代码。
在一些实施例中,步骤405-408的具体实现及所带来的技术效果可以参考图2对应的那些实施例中的步骤202-205,在此不再赘述。
从图4可以看出,与图2对应的一些实施例的描述相比,图4对应的一些实施例中的流程400实现了对开发人员预先配置的多个页面的路由信息的分离,为后续分离第一网络环境的代码和第二网络环境的代码提供了索引支持。
进一步参考图5,示出了根据本公开的页面渲染方法的一些实施例的流程500。该页面渲染方法,包括以下步骤:
步骤501,响应于接收到用户端输入的请求地址,根据上述请求地址,获取页面发布代码。
在一些实施例中,页面渲染方法的执行主体可以响应于接收到用户端输入的请求地址,根据上述请求地址,获取页面发布代码。其中,上述页面发布代码为第一发布代码或第二发布代码。上述第一发布代码是通过第一路由信息数组、第一入口文件和第一输出目录构建的页面代码。上述第二发布代码是通过第二路由信息数组、第二入口文件和第二输出目录构建的页面代码。这里,上述第一发布代码和上述第二发布代码可以是采用上述页面隔离方法的一些实施例的任一实现方式所描述的方法生成。这里,页面渲染方法的执行主体可以与页面隔离方法的执行主体为同一计算设备,也可以为独立的服务器。这里,请求地址可以是指访问页面的地址。例如,请求地址可以是页面网址或页面的资源定位符。这里,用户端可以是指用户的计算设备。实践中,首先,上述页面渲染方法的执行主体可以访问上述请求地址所指向的服务器(例如,存储了第一发布代码和第二发布代的存储服务器)。然后,上述执行主体可以从上述请求地址所指向的服务器中获取上述请求地址所指向的页面发布代码。
在一些实施例的一些可选的实现方式中,根据上述请求地址,上述执行主体可以通过以下步骤获取页面发布代码:
第一步,响应于上述请求地址为第一请求地址,获取第一发布代码。这里,第一请求地址可以是指访问第一发布代码的地址。实践中,响应于上述请求地址为第一请求地址,从上述第一请求地址所指向的服务器中获取第一发布代码。
第二步,响应于上述请求地址为第二请求地址,获取第二发布代码。这里,第二请求地址可以是指访问第二发布代码的地址。实践中,响应于上述请求地址为第二请求地址,从上述第二请求地址所指向的服务器中获取第二发布代码。
步骤502,根据上述页面发布代码,进行页面渲染。
在一些实施例中,上述执行主体可以根据上述页面发布代码,进行页面渲染。实践中,上述执行主体可以利用上述页面发布代码进行页面渲染。诸如,当上述页面发布代码为第一发布代码时,上述执行主体可以根据上述第一发布代码包括的静态资源文件以及第一输出目录渲染第一网络环境的页面,以及将渲染完成的第一网络环境的页面发送至上述用户端。再诸如,当上述页面发布代码为第二发布代码时,上述执行主体可以根据上述第二发布代码包括的静态资源文件以及第二输出目录渲染第二网络环境的页面,以及将渲染完成的第二网络环境的页面发送至上述用户端。
从图5可以看出,图5对应的一些实施例中的流程500可以根据不同的请求地址,进行不同的页面渲染,使得不同网络环境(第一网络环境和第二网络环境)的页面渲染可以分离,提高了页面渲染的效率。
进一步参考图6,作为对上述各图所示方法的实现,本公开提供了一种页面隔离装置的一些实施例,这些装置实施例与图2所示的那些方法实施例相对应,该装置具体可以应用于各种电子设备中。
如图6所示,一些实施例的页面隔离装置600包括:第一生成单元601、第二生成单元602、构建单元603、第一打包单元604和第二打包单元605。其中,第一生成单元601被配置成根据预先配置的多个页面,生成第一路由信息数组和第二路由信息数组;第二生成单元602被配置成根据上述多个页面的入口文件和上述入口文件的环境类型,生成第一入口文件和第二入口文件,其中,上述第一入口文件对应上述第一路由信息数组,上述第二入口文件对应上述第二路由信息数组;构建单元603被配置成根据上述多个页面的输出目录,构建第一输出目录和第二输出目录,其中,上述第一输出目录对应上述第一入口文件,上述第二输出目录对应上述第二入口文件;第一打包单元604被配置成按照上述第一输出目录,对上述第一入口文件对应的上述多个页面中的页面的代码进行打包处理,以生成第一发布代码;第二打包单元605被配置成按照上述第二输出目录,对上述第二入口文件对应的上述多个页面中的页面的代码进行打包处理,以生成第二发布代码。
可选地,第一生成单元601被进一步配置成:将上述多个页面所包含的第一路由信息添加至预先配置的第一路由空文件中,得到第一路由文件;将上述多个页面所包含的第二路由信息添加至预先配置的第二路由空文件中,得到第二路由文件;将上述第一路由文件转换成第一路由信息数组;将上述第二路由文件转换成第二路由信息数组。
可选地,第二生成单元602被进一步配置成:响应于上述入口文件的环境类型为第一网络环境,将上述第一路由信息数组导入至上述入口文件中,以生成第一入口文件;接收对应上述第二路由信息数组的入口文件作为第二初始入口文件,以及将上述第二路由信息数组导入至上述第二初始入口文件中,以生成第二入口文件。
可选地,第二生成单元602被进一步配置成:响应于上述入口文件的环境类型为第二网络环境,将上述第二路由信息数组导入至上述入口文件中,以生成第二入口文件;接收对应上述第一路由信息数组的入口文件作为第一初始入口文件,以及将上述第一路由信息数组导入至上述第一初始入口文件中,以生成第一入口文件。
可选地,构建单元603被进一步配置成:响应于上述多个页面的输出目录的环境类型为第一网络环境,将上述输出目录确定为第一输出目录;构建对应上述第二入口文件的第二输出目录。
可选地,构建单元603被进一步配置成:响应于上述多个页面的输出目录的环境类型为第二网络环境,将上述输出目录确定为第二输出目录;构建对应上述第一入口文件的第一输出目录。
可选地,装置600还包括:第一上传单元,被配置成将上述第一发布代码和上述第二发布代码上传至存储服务器中;第二上传单元,被配置成将上述第一发布代码的域名和上述第二发布代码的域名上传至配置服务器中。
可以理解的是,该装置600中记载的诸单元与参考图2描述的方法中的各个步骤相对应。由此,上文针对方法描述的操作、特征以及产生的有益效果同样适用于装置600及其中包含的单元,在此不再赘述。
进一步参考图7,作为对上述各图所示方法的实现,本公开提供了一种页面渲染装置的一些实施例,这些装置实施例与图5所示的那些方法实施例相对应,该装置具体可以应用于各种电子设备中。
如图7所示,一些实施例的页面渲染装置700包括:获取单元701和渲染单元702。其中,获取单元701被配置成响应于接收到用户端输入的请求地址,根据上述请求地址,获取页面发布代码,其中,上述页面发布代码为第一发布代码或第二发布代码,上述第一发布代码是通过第一路由信息数组、第一入口文件和第一输出目录构建的页面代码,上述第二发布代码是通过第二路由信息数组、第二入口文件和第二输出目录构建的页面代码;渲染单元702被配置成根据上述页面发布代码,进行页面渲染。
可选地,获取单元701被进一步配置成:响应于上述请求地址为第一请求地址,获取第一发布代码;响应于上述请求地址为第二请求地址,获取第二发布代码。
可以理解的是,该装置700中记载的诸单元与参考图5描述的方法中的各个步骤相对应。由此,上文针对方法描述的操作、特征以及产生的有益效果同样适用于装置700及其中包含的单元,在此不再赘述。
下面参考图8,其示出了适于用来实现本公开的一些实施例的电子设备(例如图1中的计算设备101)800的结构示意图。本公开的一些实施例中的电子设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。图8示出的电子设备仅仅是一个示例,不应对本公开的实施例的功能和使用范围带来任何限制。
如图8所示,电子设备800可以包括处理装置(例如中央处理器、图形处理器等)801,其可以根据存储在只读存储器(ROM)802中的程序或者从存储装置808加载到随机访问存储器(RAM)803中的程序而执行各种适当的动作和处理。在RAM 803中,还存储有电子设备800操作所需的各种程序和数据。处理装置801、ROM802以及RAM803通过总线804彼此相连。输入/输出(I/O)接口805也连接至总线804。
通常,以下装置可以连接至I/O接口805:包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置806;包括例如液晶显示器(LCD)、扬声器、振动器等的输出装置807;包括例如磁带、硬盘等的存储装置808;以及通信装置809。通信装置809可以允许电子设备800与其他设备进行无线或有线通信以交换数据。虽然图8示出了具有各种装置的电子设备800,但是应理解的是,并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。图8中示出的每个方框可以代表一个装置,也可以根据需要代表多个装置。
特别地,根据本公开的一些实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本公开的一些实施例包括一种计算机程序产品,其包括承载在计算机可读介质上的计算机程序,该计算机程序包含用于执行流程图所示的方法的程序代码。在这样的一些实施例中,该计算机程序可以通过通信装置809从网络上被下载和安装,或者从存储装置808被安装,或者从ROM802被安装。在该计算机程序被处理装置801执行时,执行本公开的一些实施例的方法中限定的上述功能。
需要说明的是,本公开的一些实施例中记载的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开的一些实施例中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开的一些实施例中,计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于:电线、光缆、RF(射频)等等,或者上述的任意合适的组合。
在一些实施方式中,客户端、服务器可以利用诸如HTTP(HyperText TransferProtocol,超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信,并且可以与任意形式或介质的数字数据通信(例如,通信网络)互连。通信网络的示例包括局域网(“LAN”),广域网(“WAN”),网际网(例如,互联网)以及端对端网络(例如,ad hoc端对端网络),以及任何当前已知或未来研发的网络。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。上述计算机可读介质承载有一个或者多个程序,当上述一个或者多个程序被该电子设备执行时,使得该电子设备:根据预先配置的多个页面,生成第一路由信息数组和第二路由信息数组;根据上述多个页面的入口文件和上述入口文件的环境类型,生成第一入口文件和第二入口文件,其中,上述第一入口文件对应上述第一路由信息数组,上述第二入口文件对应上述第二路由信息数组;根据上述多个页面的输出目录,构建第一输出目录和第二输出目录,其中,上述第一输出目录对应上述第一入口文件,上述第二输出目录对应上述第二入口文件;按照上述第一输出目录,对上述第一入口文件对应的上述多个页面中的页面的代码进行打包处理,以生成第一发布代码;按照上述第二输出目录,对上述第二入口文件对应的上述多个页面中的页面的代码进行打包处理,以生成第二发布代码。
或使得该电子设备:响应于接收到用户端输入的请求地址,根据上述请求地址,获取页面发布代码,其中,上述页面发布代码为第一发布代码或第二发布代码,上述第一发布代码是通过第一路由信息数组、第一入口文件和第一输出目录构建的页面代码,上述第二发布代码是通过第二路由信息数组、第二入口文件和第二输出目录构建的页面代码;根据上述页面发布代码,进行页面渲染。
可以以一种或多种程序设计语言或其组合来编写用于执行本公开的一些实施例的操作的计算机程序代码,上述程序设计语言包括面向对象的程序设计语言—诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络——包括局域网(LAN)或广域网(WAN)——连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开的一些实施例中的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。所描述的单元也可以设置在处理器中,例如,可以描述为:一种处理器包括第一生成单元、第二生成单元、构建单元、第一打包单元和第二打包单元。其中,这些单元的名称在某种情况下并不构成对该单元本身的限定,例如,第一打包单元还可以被描述为“根据上述第一输出目录和上述第一入口文件,对上述多个页面的代码进行打包处理,以生成第一发布代码的单元”。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如,非限制性地,可以使用的示范类型的硬件逻辑部件包括:现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。
以上描述仅为本公开的一些较佳实施例以及对所运用技术原理的说明。本领域技术人员应当理解,本公开的实施例中所涉及的发明范围,并不限于上述技术特征的特定组合而成的技术方案,同时也应涵盖在不脱离上述发明构思的情况下,由上述技术特征或其等同特征进行任意组合而形成的其它技术方案。例如上述特征与本公开的实施例中公开的(但不限于)具有类似功能的技术特征进行互相替换而形成的技术方案。

Claims (13)

1.一种页面隔离方法,包括:
根据预先配置的多个页面,生成第一路由信息数组和第二路由信息数组;
根据所述多个页面的入口文件和所述入口文件的环境类型,生成第一入口文件和第二入口文件,其中,所述第一入口文件对应所述第一路由信息数组,所述第二入口文件对应所述第二路由信息数组;
根据所述多个页面的输出目录,构建第一输出目录和第二输出目录,其中,所述第一输出目录对应所述第一入口文件,所述第二输出目录对应所述第二入口文件;
按照所述第一输出目录,对所述第一入口文件对应的所述多个页面中的页面的代码进行打包处理,以生成第一发布代码;
按照所述第二输出目录,对所述第二入口文件对应的所述多个页面中的页面的代码进行打包处理,以生成第二发布代码。
2.根据权利要求1所述的方法,其中,所述根据预先配置的多个页面,生成第一路由信息数组和第二路由信息数组,包括:
将所述多个页面所包含的第一路由信息添加至预先配置的第一路由空文件中,得到第一路由文件;
将所述多个页面所包含的第二路由信息添加至预先配置的第二路由空文件中,得到第二路由文件;
将所述第一路由文件转换成第一路由信息数组;
将所述第二路由文件转换成第二路由信息数组。
3.根据权利要求1所述的方法,其中,所述根据所述多个页面的入口文件和所述入口文件的环境类型,生成第一入口文件和第二入口文件,包括:
响应于所述入口文件的环境类型为第一网络环境,将所述第一路由信息数组导入至所述入口文件中,以生成第一入口文件;
接收对应所述第二路由信息数组的入口文件作为第二初始入口文件,以及将所述第二路由信息数组导入至所述第二初始入口文件中,以生成第二入口文件。
4.根据权利要求1所述的方法,其中,所述根据所述多个页面的入口文件和所述入口文件的环境类型,生成第一入口文件和第二入口文件,包括:
响应于所述入口文件的环境类型为第二网络环境,将所述第二路由信息数组导入至所述入口文件中,以生成第二入口文件;
接收对应所述第一路由信息数组的入口文件作为第一初始入口文件,以及将所述第一路由信息数组导入至所述第一初始入口文件中,以生成第一入口文件。
5.根据权利要求1所述的方法,其中,所述根据所述多个页面的输出目录,构建第一输出目录和第二输出目录,包括:
响应于所述多个页面的输出目录的环境类型为第一网络环境,将所述输出目录确定为第一输出目录;
构建对应所述第二入口文件的第二输出目录。
6.根据权利要求1所述的方法,其中,所述根据所述多个页面的输出目录,构建第一输出目录和第二输出目录,包括:
响应于所述多个页面的输出目录的环境类型为第二网络环境,将所述输出目录确定为第二输出目录;
构建对应所述第一入口文件的第一输出目录。
7.根据权利要求1所述的方法,其中,所述方法还包括:
将所述第一发布代码和所述第二发布代码上传至存储服务器中;
将所述第一发布代码的域名和所述第二发布代码的域名上传至配置服务器中。
8.一种页面渲染方法,包括:
响应于接收到用户端输入的请求地址,根据所述请求地址,获取页面发布代码,其中,所述页面发布代码为第一发布代码或第二发布代码,所述第一发布代码是通过第一路由信息数组、第一入口文件和第一输出目录构建的页面代码,所述第二发布代码是通过第二路由信息数组、第二入口文件和第二输出目录构建的页面代码;
根据所述页面发布代码,进行页面渲染。
9.根据权利要求8所述的方法,其中,所述根据所述请求地址,获取页面发布代码,包括:
响应于所述请求地址为第一请求地址,获取第一发布代码;
响应于所述请求地址为第二请求地址,获取第二发布代码。
10.一种页面隔离装置,包括:
第一生成单元,被配置成根据预先配置的多个页面,生成第一路由信息数组和第二路由信息数组;
第二生成单元,被配置成根据所述多个页面的入口文件和所述入口文件的环境类型,生成第一入口文件和第二入口文件,其中,所述第一入口文件对应所述第一路由信息数组,所述第二入口文件对应所述第二路由信息数组;
构建单元,被配置成根据所述多个页面的输出目录,构建第一输出目录和第二输出目录,其中,所述第一输出目录对应所述第一入口文件,所述第二输出目录对应所述第二入口文件;
第一打包单元,被配置成按照所述第一输出目录,对所述第一入口文件对应的所述多个页面中的页面的代码进行打包处理,以生成第一发布代码;
第二打包单元,被配置成按照所述第二输出目录,对所述第二入口文件对应的所述多个页面中的页面的代码进行打包处理,以生成第二发布代码。
11.一种页面渲染装置,包括:
获取单元,被配置成响应于接收到用户端输入的请求地址,根据所述请求地址,获取页面发布代码,其中,所述页面发布代码为第一发布代码或第二发布代码,所述第一发布代码是通过第一路由信息数组、第一入口文件和第一输出目录构建的页面代码,所述第二发布代码是通过第二路由信息数组、第二入口文件和第二输出目录构建的页面代码;
渲染单元,被配置成根据所述页面发布代码,进行页面渲染。
12.一种电子设备,包括:
一个或多个处理器;
存储装置,其上存储有一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-7或8-9中任一所述的方法。
13.一种计算机可读介质,其上存储有计算机程序,其中,所述程序被处理器执行时实现如权利要求1-7或8-9中任一所述的方法。
CN202210133975.6A 2022-02-14 2022-02-14 页面隔离方法、页面渲染方法、装置、设备和计算机介质 Active CN114489758B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202210133975.6A CN114489758B (zh) 2022-02-14 2022-02-14 页面隔离方法、页面渲染方法、装置、设备和计算机介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202210133975.6A CN114489758B (zh) 2022-02-14 2022-02-14 页面隔离方法、页面渲染方法、装置、设备和计算机介质

Publications (2)

Publication Number Publication Date
CN114489758A true CN114489758A (zh) 2022-05-13
CN114489758B CN114489758B (zh) 2024-08-16

Family

ID=81480971

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202210133975.6A Active CN114489758B (zh) 2022-02-14 2022-02-14 页面隔离方法、页面渲染方法、装置、设备和计算机介质

Country Status (1)

Country Link
CN (1) CN114489758B (zh)

Citations (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
AU2011244901A1 (en) * 2004-06-24 2011-11-24 X2M Connect Limited Client processor device
CN109739604A (zh) * 2018-12-28 2019-05-10 北京城市网邻信息技术有限公司 页面渲染方法、装置、服务器及存储介质
CN110109659A (zh) * 2019-04-28 2019-08-09 广东三维家信息科技有限公司 一种实现前端应用脚手架的系统和服务器
CN110531983A (zh) * 2019-08-08 2019-12-03 国云科技股份有限公司 一种基于多项目构建的前端页面按需打包方法
CN110532491A (zh) * 2019-08-19 2019-12-03 无线生活(杭州)信息科技有限公司 前端页面构建方法及装置
CN110647348A (zh) * 2019-09-20 2020-01-03 浪潮思科网络科技有限公司 一种解决因版本差异化导致代码难以维护的方法及系统
CN111209028A (zh) * 2020-01-07 2020-05-29 京东数字科技控股有限公司 一种数据处理方法、装置、电子设备及存储介质
CN111273898A (zh) * 2020-02-25 2020-06-12 安徽以萨数据技术有限公司 web前端代码自动化构建方法、系统及存储介质
CN111443921A (zh) * 2020-03-27 2020-07-24 中国平安财产保险股份有限公司 web前端项目的分包部署方法、系统和计算机设备
CN113254017A (zh) * 2021-05-27 2021-08-13 平安普惠企业管理有限公司 基于Vue框架生成开发模板文件方法、装置、设备及介质
CN113821193A (zh) * 2020-11-26 2021-12-21 北京京东振世信息技术有限公司 一种信息生成的方法、装置和存储介质

Patent Citations (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
AU2011244901A1 (en) * 2004-06-24 2011-11-24 X2M Connect Limited Client processor device
CN109739604A (zh) * 2018-12-28 2019-05-10 北京城市网邻信息技术有限公司 页面渲染方法、装置、服务器及存储介质
CN110109659A (zh) * 2019-04-28 2019-08-09 广东三维家信息科技有限公司 一种实现前端应用脚手架的系统和服务器
CN110531983A (zh) * 2019-08-08 2019-12-03 国云科技股份有限公司 一种基于多项目构建的前端页面按需打包方法
CN110532491A (zh) * 2019-08-19 2019-12-03 无线生活(杭州)信息科技有限公司 前端页面构建方法及装置
CN110647348A (zh) * 2019-09-20 2020-01-03 浪潮思科网络科技有限公司 一种解决因版本差异化导致代码难以维护的方法及系统
CN111209028A (zh) * 2020-01-07 2020-05-29 京东数字科技控股有限公司 一种数据处理方法、装置、电子设备及存储介质
CN111273898A (zh) * 2020-02-25 2020-06-12 安徽以萨数据技术有限公司 web前端代码自动化构建方法、系统及存储介质
CN111443921A (zh) * 2020-03-27 2020-07-24 中国平安财产保险股份有限公司 web前端项目的分包部署方法、系统和计算机设备
CN113821193A (zh) * 2020-11-26 2021-12-21 北京京东振世信息技术有限公司 一种信息生成的方法、装置和存储介质
CN113254017A (zh) * 2021-05-27 2021-08-13 平安普惠企业管理有限公司 基于Vue框架生成开发模板文件方法、装置、设备及介质

Non-Patent Citations (4)

* Cited by examiner, † Cited by third party
Title
DANIEL SCHWABE 等: "Web Design Frameworks: An Approach to Improve Reuse in Web Applications", 《WEB ENGINEERING》, 1 January 2001 (2001-01-01), pages 335 *
O小红帽O: "webpac多页面打包(本地环境)", pages 1 - 8, Retrieved from the Internet <URL:https://blog.csdn.net/sinat_38728634/article/details/105640450> *
张晓明: "基于uni-app和Android的学生手机管控系统的设计与实现", 《中国优秀硕士学位论文全文数据库 信息科技辑》, 15 April 2021 (2021-04-15), pages 138 - 258 *
徐鹏涛: "基于Vue的前端开发框架的设计与实现", 《中国优秀硕士学位论文全文数据库 信息科技辑》, 15 October 2020 (2020-10-15), pages 139 - 85 *

Also Published As

Publication number Publication date
CN114489758B (zh) 2024-08-16

Similar Documents

Publication Publication Date Title
CN111581563B (zh) 页面响应方法、装置、存储介质和电子设备
CN111679990B (zh) 测试数据生成方法、装置、可读介质及电子设备
CN111930534A (zh) 数据调用方法、装置和电子设备
CN111338623B (zh) 一种开发用户界面的方法、装置、介质和电子设备
CN111221572B (zh) 一种自动适配运行环境的方法、装置、介质和设备
CN111309304B (zh) 一种生成idl文件的方法、装置、介质和电子设备
CN112395253B (zh) 索引文件生成方法、终端设备、电子设备及介质
CN111857720B (zh) 用户界面状态信息的生成方法、装置、电子设备及介质
CN115982491A (zh) 页面更新方法及装置、电子设备和计算机可读存储介质
CN112558933B (zh) 组件渲染方法、装置、可读介质及电子设备
CN113391860B (zh) 服务请求处理方法、装置、电子设备及计算机存储介质
CN111209205B (zh) 配置方法、装置和电子设备
CN109669720B (zh) 基于Promise的链式异步请求处理方法、装置及电子设备
CN110618811B (zh) 信息呈现方法和装置
CN114489758B (zh) 页面隔离方法、页面渲染方法、装置、设备和计算机介质
CN111240657A (zh) 用于生成sdk的方法、装置和电子设备
CN113900671A (zh) 应用程序安装包的数据处理方法、装置及电子设备
CN112306469A (zh) 一种无障碍组件构建方法、装置、设备及存储介质
CN112084003B (zh) 一种隔离数据的方法、装置、介质和电子设备
CN111796802B (zh) 功能包生成方法、装置和电子设备
CN112445517B (zh) 入口文件生成方法、装置、电子设备和计算机可读介质
CN113157365B (zh) 程序运行方法、装置、电子设备和计算机可读介质
CN111831655B (zh) 一种数据处理的方法、装置、介质和电子设备
CN114047922B (zh) 用于预编译器的代码转换方法、装置、介质及设备
CN111782713B (zh) 用于转换数据的方法和装置

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