CN116186457B - 网页访问和网页开发的方法、装置、电子设备及介质 - Google Patents
网页访问和网页开发的方法、装置、电子设备及介质 Download PDFInfo
- Publication number
- CN116186457B CN116186457B CN202310436222.7A CN202310436222A CN116186457B CN 116186457 B CN116186457 B CN 116186457B CN 202310436222 A CN202310436222 A CN 202310436222A CN 116186457 B CN116186457 B CN 116186457B
- Authority
- CN
- China
- Prior art keywords
- domain name
- webpage
- access
- web page
- target
- 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.)
- Active
Links
- 238000011161 development Methods 0.000 title claims abstract description 173
- 238000000034 method Methods 0.000 title claims abstract description 92
- 238000009877 rendering Methods 0.000 claims abstract description 40
- 238000013507 mapping Methods 0.000 claims description 34
- 230000000007 visual effect Effects 0.000 claims description 26
- 238000004891 communication Methods 0.000 claims description 17
- 238000003860 storage Methods 0.000 claims description 14
- 238000004590 computer program Methods 0.000 claims description 8
- 230000000694 effects Effects 0.000 claims description 5
- 230000008569 process Effects 0.000 description 17
- 238000010586 diagram Methods 0.000 description 13
- 230000006870 function Effects 0.000 description 6
- 238000012360 testing method Methods 0.000 description 5
- 230000009471 action Effects 0.000 description 3
- 238000010924 continuous production Methods 0.000 description 3
- 238000012423 maintenance Methods 0.000 description 3
- 238000004519 manufacturing process Methods 0.000 description 3
- 230000006978 adaptation Effects 0.000 description 2
- 239000003795 chemical substances by application Substances 0.000 description 2
- 238000012790 confirmation Methods 0.000 description 2
- 230000007613 environmental effect Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012216 screening Methods 0.000 description 2
- 230000001133 acceleration Effects 0.000 description 1
- 238000007792 addition Methods 0.000 description 1
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 235000014510 cooky Nutrition 0.000 description 1
- 238000012217 deletion Methods 0.000 description 1
- 230000037430 deletion Effects 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000004806 packaging method and process Methods 0.000 description 1
- 238000012856 packing Methods 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 238000012827 research and development Methods 0.000 description 1
- 230000004044 response Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 239000000758 substrate Substances 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- 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/34—Graphical or visual programming
-
- 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/38—Creation or generation of source code for implementing user interfaces
Abstract
本公开涉及一种网页访问和网页开发的方法、装置、电子设备及介质,上述网页访问的方法应用于终端设备,上述方法包括:接收基于第一域名发起的网页访问请求;对上述网页访问请求进行解析,得到第二域名对应的目标服务端的访问地址;上述第二域名为开发平台的域名,上述开发平台用于开发上述第一域名对应的目标网页;根据上述访问地址,从上述目标服务端获取与上述网页访问请求对应的目标网页配置信息;根据上述目标网页配置信息进行渲染,得到上述目标网页的呈现界面。第一域名可以脱离开发平台对应的统一形式的第二域名进行个性化设置,满足同一个开发平台下多个不同的前端页面项目具有独立访问域名的需求。
Description
技术领域
本公开涉及前端开发技术领域,尤其涉及一种网页访问和网页开发的方法、装置、电子设备及介质。
背景技术
相关技术中,针对前端网页开发,无代码开发平台(也称为低代码开发平台)为开发者提供了极大的便利和开发效率。无代码开发平台提供一种简便的开发框架,使得开发人员几乎不用写代码或者写很少的代码,只需要在开发界面操作可视化的元素并进行布局搭建,便可生成前端页面的配置数据,例如为JSON格式的配置数据(一种轻量级的数据交换格式),并利用渲染器渲染上述配置数据来得到前端页面。
然而,针对一个开发平台对应于开发多个网页项目的场景,无代码开发平台无法满足前端网页呈现个性化域名来实现访问的需求。例如,无代码开发平台提供统一的通用域名和统一的主机(为服务端的角色),在实现一个开发平台对应于多个开发项目的需求时,通常是在开发平台对应的通用域名下设置各个开发项目对应的子目录域名形式,同时各个网页呈现的域名是由开发平台的通用域名和各个网页对应的参数构成,即,目前基于无代码开发平台开发得到的网页不能以单独的域名进行访问,无法满足前端网页呈现个性化域名的需求。
发明内容
为了解决上述技术问题或者至少部分地解决上述技术问题,本公开的实施例提供了一种网页访问和网页开发的方法、装置、电子设备及介质。
第一方面,本公开的实施例提供了一种网页访问的方法。上述网页访问的方法应用于终端设备,上述方法包括:接收基于第一域名发起的网页访问请求;对上述网页访问请求进行解析,得到第二域名对应的目标服务端的访问地址;上述第二域名为开发平台的域名,上述开发平台用于开发上述第一域名对应的目标网页;根据上述访问地址,从上述目标服务端获取与上述网页访问请求对应的目标网页配置信息;根据上述目标网页配置信息进行渲染,得到上述目标网页的呈现界面。
根据本公开的实施例,根据上述访问地址,从上述目标服务端获取与上述网页访问请求对应的目标网页配置信息,包括:确定与上述网页访问请求对应的环境标识信息;根据上述访问地址,从上述目标服务端获取与上述环境标识信息对应的目标网页配置信息。
根据本公开的实施例,上述网页访问请求携带有用户身份标识。上述确定与上述网页访问请求对应的环境标识信息,包括:根据上述第一域名和上述用户身份标识,向上述目标服务端请求加载与上述网页访问请求对应的环境标识文件;从加载的上述环境标识文件中获取环境标识信息。
根据本公开的实施例,上述环境标识文件为以下形式中的一种:预先存储于上述目标服务端的文件,或者,预先存储于上述目标服务端的内存中的配置内容。
根据本公开的实施例,上述第一域名和上述环境标识信息之间具有一对一或一对多的映射关系,在一对多的映射关系下,同一个第一域名的不同用户身份标识对应于不同的环境标识信息。
根据本公开的实施例,上述目标网页配置信息包括:上述目标网页所含组件的组件标识和组件显示信息。根据上述目标网页配置信息进行渲染,得到上述目标网页的呈现界面,包括:根据上述访问地址,从上述目标服务端加载渲染器代码文件;执行上述渲染器代码文件,得到渲染器;根据上述组件标识,从上述目标服务端加载对应的组件代码文件;上述渲染器根据上述组件代码文件和上述组件显示信息执行渲染操作,得到上述目标网页的呈现界面。
根据本公开的实施例,对上述网页访问请求进行解析,得到第二域名对应的目标服务端的访问地址,包括:基于网络访问路由信息对上述网页访问请求进行解析,得到第二域名对应的目标服务端的访问地址;上述网络访问路由信息表示上述第一域名的网络地址解析路径。上述网络访问路由信息包含:第一映射关系,上述第一映射关系用于表示客户端网页的呈现域名与开发平台对应的服务端访问地址之间的映射关系;或者,上述网络访问路由信息包含:第二映射关系,上述第二映射关系用于表示客户端网页的呈现域名与开发平台的域名之间的映射关系。
根据本公开的实施例,目标服务端为根据距离上述终端设备的空间位置远近筛选得到的可用CDN(内容分发网络)服务节点。
第二方面,本公开的实施例提供了一种网页开发的方法。上述网页开发的方法包括:在开发平台中接收针对第一域名的第一网页的开发请求;根据上述开发请求,生成可视化界面;根据上述可视化界面接收到的操作指令,生成网页配置信息;根据上述第一域名与上述开发平台的第二域名之间的映射关系,生成网络访问路由信息;上述网络访问路由信息表示上述第一域名的网络地址解析路径,上述网络地址解析路径用于将上述第一域名解析为上述开发平台的服务端的访问地址;将上述网页配置信息存储于上述服务端。
根据本公开的实施例,上述网页开发的方法还包括:接收访问身份设置信息;根据上述访问身份设置信息,生成对应的环境标识信息。其中,根据上述可视化界面接收到的操作指令,生成网页配置信息,包括:在上述访问身份设置信息对应的目标访问身份下,根据上述可视化界面接收到的操作指令,生成与上述环境标识信息对应的网页配置信息。其中,将上述网页配置信息存储于上述服务端,包括:将上述环境标识信息作为上述网页配置信息的索引键,在上述服务端存储上述网页配置信息。
根据本公开的实施例,上述网页开发的方法还包括:接收针对上述第一网页的预览请求;根据上述预览请求,从上述服务端加载对应的渲染器代码文件;执行上述渲染器代码文件,得到渲染器;上述渲染器根据上述网页配置信息执行渲染操作,得到上述第一网页在上述目标访问身份下的网页预览效果。
第三方面,本公开的实施例提供了一种网页访问的装置。上述网页访问的装置包括:访问请求接收模块、解析模块、配置信息获取模块和渲染模块。上述访问请求接收模块用于接收基于第一域名发起的网页访问请求。上述解析模块用于对上述网页访问请求进行解析,得到第二域名对应的目标服务端的访问地址;上述第二域名为开发平台的域名,上述开发平台用于开发上述第一域名对应的目标网页。上述配置信息获取模块用于根据上述访问地址,从上述目标服务端获取与上述网页访问请求对应的目标网页配置信息。上述渲染模块用于根据上述目标网页配置信息进行渲染,得到上述目标网页的呈现界面。
第四方面,本公开的实施例提供了一种网页开发的装置。上述网页开发的装置包括:开发请求接收模块、界面生成模块、配置信息生成模块、访问路由信息生成模块和信息上传模块。上述开发请求接收模块用于在开发平台中接收针对第一域名的第一网页的开发请求。上述界面生成模块用于根据上述开发请求,生成可视化界面。上述配置信息生成模块用于根据上述可视化界面接收到的操作指令,生成网页配置信息。上述访问路由信息生成模块用于根据上述第一域名与上述开发平台的第二域名之间的映射关系,生成网络访问路由信息;上述网络访问路由信息表示上述第一域名的网络地址解析路径,上述网络地址解析路径用于将上述第一域名解析为上述开发平台的服务端的访问地址。上述信息上传模块用于将上述网页配置信息存储于上述服务端。
第五方面,本公开的实施例提供了一种电子设备。上述电子设备包括处理器、通信接口、存储器和通信总线,其中,处理器、通信接口和存储器通过通信总线完成相互间的通信;存储器,用于存放计算机程序;处理器,用于执行存储器上所存放的程序时,实现如上所述的网页访问的方法或网页开发的方法。
第六方面,本公开的实施例提供了一种计算机可读存储介质。上述计算机可读存储介质上存储有计算机程序,上述计算机程序被处理器执行时实现如上所述的网页访问的方法或网页开发的方法。
本公开实施例提供的上述技术方案至少具有如下优点的部分或全部:
通过构建从第一域名解析成开发平台对应的目标服务端的访问地址这一网络路由的解析路径,针对一个开发平台对应于多个前端网页项目的场景而言,第一域名可以脱离开发平台对应的统一形式的第二域名进行个性化设置,多个目标网页可以对应于多个不同的个性化域名,同时终端设备能够将多个不同的个性化域名映射至统一的开发平台(具有通用的第二域名)对应的目标服务端的访问地址,并从目标服务端对应获取与各个个性化域名和网页访问请求适配的目标网页配置信息,由终端设备基于上述目标网页配置信息进行渲染得到多个不同的个性化网页;这一过程耗时非常短,对于网页的使用者而言几乎无卡顿或延迟,整个过程就是在浏览器输入第一域名并在终端设备上渲染得到目标网页的呈现界面的连续过程,满足同一个开发平台下多个不同的前端页面项目具有独立访问域名的需求;此外,在映射的访问地址发生变动的情况下,基于本公开实施例提供的网络路由的解析路径,仅需要适配调整统一形式的第二域名与目标服务端的访问地址之间的映射关系即可,无需对各个个性化域名进行一一调整,节约开发维护的时间成本。
附图说明
此处的附图被并入说明书中并构成本说明书的一部分,示出了符合本公开的实施例,并与说明书一起用于解释本公开的原理。
为了更清楚地说明本公开实施例或现有技术中的技术方案,下面将对实施例或相关技术描述中所需要使用的附图作简单地介绍,显而易见地,对于本领域普通技术人员而言,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1示意性地示出了适用于本公开实施例的网页访问的方法和网页开发的方法的系统架构;
图2示意性地示出了根据本公开一实施例的网页访问的方法的流程图;
图3A示意性地示出了根据本公开一实施例的网页访问的方法的实施场景示意图;
图3B示意性地示出了根据本公开另一实施例的网页访问的方法的实施场景示意图;
图3C示意性地示出了根据本公开又一实施例的网页访问的方法的实施场景示意图;
图4示意性地示出了根据本公开一实施例的步骤S230的详细实施流程图;
图5示意性地示出了根据本公开一实施例的步骤S410和S420的实施场景示意图;
图6示意性地示出了根据本公开一实施例的步骤S240的详细实施流程图;
图7示意性地示出了根据本公开一实施例的步骤S610~S640的实施场景示意图;
图8示意性地示出了根据本公开一实施例的网页开发的方法的流程图;
图9示意性地示出了根据本公开另一实施例的网页开发的方法的流程图;
图10示意性地示出了根据本公开又一实施例的网页开发的方法的流程图;
图11示意性地示出了根据本公开实施例的网页访问的装置的结构框图;
图12示意性地示出了根据本公开实施例的网页开发的装置的结构框图;以及
图13示意性地示出了本公开实施例提供的电子设备的结构框图。
具体实施方式
为使本公开实施例的目的、技术方案和优点更加清楚,下面将结合本公开实施例中的附图,对本公开实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例是本公开的一部分实施例,而不是全部的实施例。基于本公开中的实施例,本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都属于本公开保护的范围。
图1示意性地示出了适用于本公开实施例的网页访问的方法和网页开发的方法的系统架构。
参照图1所示,适用于本公开实施例的网页访问的方法和网页开发的方法的系统架构100包括:终端设备101、102、103,网络104和服务端105 。网络104是用于在终端设备101、102、103和服务端105之间提供通信链路的介质。网络104可以包括各种连接类型,例如有线、无线通信链路或者光纤电缆等等。
用户可以使用终端设备101、102、103通过网络104与服务端105交互,以接收或发送消息等。终端设备101、102、103上可以安装有开发平台和网页浏览器应用,上述开发平台是指提供开发环境和框架的一个开发工具,以软件形式或者在线平台的形式呈现,软件开发者可以利用该开发平台进行应用开发、网页开发等。上述终端设备上还可以安装有其他通讯客户端应用,例如购物类应用、搜索类应用、视频播放类应用、即时通信工具、邮箱客户端、社交平台软件等(仅为示例)。
终端设备101、102、103可以是具有显示屏的各种电子设备,例如包括但不限于智能手机、平板电脑、笔记本电脑、台式计算机等等。
服务端105可以是提供各种服务的服务端,该服务端可以是云服务器、服务集群或者应用服务器等。在一些实施例中,服务端105可以是对用户(网页使用者)利用终端设备101、102、103所访问的网页进行服务支持的服务端(仅为示例),在另一些实施例中,服务端105也可以是对终端设备上的开发平台提供服务支持的服务端;上述服务端可以是Nginx服务端。
需要说明的是,本公开实施例所提供的网页访问的方法一般可以由终端设备101、102、103来执行。相应地,本公开实施例所提供的网页访问的装置一般可以设置于终端设备101、102、103中。
本公开实施例所提供的网页开发的方法一般可以由终端设备101、102、103来执行。相应地,本公开实施例所提供的网页开发的装置一般可以设置于终端设备101、102、103中。
在一些实施场景中,在网页已经发布上线的情况下,由网页使用者操作终端设备和服务端进行交互来实现网页访问,由终端设备执行本公开实施例提供的网页访问的方法。
在一些实施场景中,在网页开发过程中,由网页开发者操作终端设备和服务端进行交互来实现网页开发,由终端设备执行本公开实施例提供的网页开发的方法。
应该理解,图1中的终端设备、网络和服务端的数目仅仅是示意性的。根据实现需要,可以具有任意数目的终端设备、网络和服务端。
本公开的第一个示例性实施例提供了一种网页访问的方法。本实施例的方法可以应用于系统架构100中的终端设备。
图2示意性地示出了根据本公开一实施例的网页访问的方法的流程图。
参照图2所示,本公开实施例提供的网页访问的方法,包括以下步骤:S210、S220、S230和S240。
在步骤S210,接收基于第一域名发起的网页访问请求。
图3A示意性地示出了根据本公开一实施例的网页访问的方法的实施场景示意图;图3B示意性地示出了根据本公开另一实施例的网页访问的方法的实施场景示意图;图3C示意性地示出了根据本公开又一实施例的网页访问的方法的实施场景示意图。
第一域名是独立于开发平台的第二域名的访问域名信息。
例如在一些实施例中,第一域名可以是面向网页使用者的个性化域名,与开发平台对应的通用的第二域名是独立的。例如,参照图3A~图3C所示,针对同一个开发平台,示例了对应的第二域名302为:kaifa.xy.com,该开发平台上可以创建多个网页开发项目,用于分别开发网页A、B、C。其中,网页A和B具有不同的域名,网页A和网页C具有相同的域名而对应不同的运行环境,对应的网页界面内容也不同。作为示例,网页A对应的第一域名301a和网页C对应的第一域名301c例如均为:jysaas.xy.com;网页B对应的第一域名301b例如为:xypaymop.xy.com。
在一实施场景中,参照图3A所示,用户(例如为网页使用者)P1可以在终端设备的浏览器界面310的地址导航栏311中输入第一域名301a:jysaas.xy.com,并点击确认或搜索功能键(例如为回车键),在该终端设备上视为接收到针对网页A的网页访问请求R1。
参照图3B所示,用户(例如为网页使用者)P2可以在终端设备的浏览器界面330的地址导航栏331中输入第一域名301b:xypaymop.xy.com,并点击确认或搜索功能键,在该终端设备上视为接收到针对网页B的网页访问请求R2。
参照图3C所示,用户(例如为网页开发者)P3可以在终端设备的浏览器界面350的地址导航栏351中中输入第一域名301c:jysaas.xy.com,并点击确认或搜索功能键,在该终端设备上视为接收到针对网页C的网页访问请求R3。
其中,针对具有相同第一域名的网页访问请求,可以基于网页访问请求对应的浏览器IP地址、终端设备对应的用户标识等信息来识别不同的用户访问身份,例如这里将网页使用者和网页开发者作为不同的用户访问身份的示例,在同一个用户访问身份下,不同用户例如网页使用者张某和李某看到的网页呈现界面可以是相同的。例如在图3A中,在终端设备的浏览器界面310下方示意了网页访问请求R1,并在终端设备向服务端发起网页访问请求的路由中示意了该网页访问请求R1对应的用户访问身份为使用者;在图3B中,在终端设备的浏览器界面330下方示意了网页访问请求R2,并在终端设备向服务端发起网页访问请求的路由中示意了该网页访问请求R2对应的用户访问身份为使用者;在图3C中,在终端设备的浏览器界面350下方示意了网页访问请求R3,并在终端设备向服务端发起网页访问请求的路由中示意了该网页访问请求R3对应的用户访问身份为开发者。
在步骤S220,对上述网页访问请求进行解析,得到第二域名对应的目标服务端的访问地址;上述第二域名为开发平台的域名,上述开发平台用于开发上述第一域名对应的目标网页。
上述开发平台是指提供开发环境和框架的一个开发工具,以软件形式或者在线平台的形式呈现,开发者可以利用该开发平台进行网页开发。在一些实施例中,上述开发平台可以是低代码开发平台,例如在可视化开发界面支持通过拖拽形式、选择形式等来进行组件的添加、删除、位置移动以及对组件的属性信息进行修改等操作,进而实现网页所含组件、组件布局和样式等信息的配置过程。
在一些实施例中,多个不同的第一域名可以指向同一个第二域名。例如,参照图3A~图3C所示,通过对网页访问请求R1、R2和R3分别进行解析,可以得到各个请求对应的第二域名302(这里将第二域名示例为kaifa.xy.com)所分别对应的目标服务端303a、303b、303c的访问地址,这里以各个网页访问请求R1、R2和R3对应的第二域名所指向的目标服务端相同作为示例,并示例目标服务端的访问地址为:168.xx.xx.1。
尽管上述实施例是以访问请求R1、R2和R3对应于同一个目标服务端作为示例;应该理解的是,在其他实施例中,由于服务节点的请求流量的变化或者网络服务的可用性变化,根据负载均衡和就近节点分配等因素进行调度,对于指向同一个第二域名的多个不同的网页访问请求而言,可能会产生对应于不同的目标服务端的情形。
通过构建从第一域名解析成开发平台对应的目标服务端的访问地址这一网络路由的解析路径,针对一个开发平台对应于多个前端网页项目的场景而言,第一域名可以脱离开发平台对应的统一形式的第二域名而进行个性化设置,多个目标网页可以对应于多个不同的个性化域名。
在步骤S230,根据上述访问地址,从上述目标服务端获取与上述网页访问请求对应的目标网页配置信息。
基于上述访问地址可以访问到对应的目标服务端。网页配置信息是与网页访问请求相对应适配的,这一适配体现在与网页访问请求的用户访问身份、域名相适配。在一些实施例中,网页配置信息可以是在网页开发阶段由开发者预先配置好的信息,在不同的域名下对应的网页配置信息是不同的;同一个域名下的多个不同的用户访问身份所对应的网页配置信息是不同的。目标服务端能够访问数据库,数据库中存储有所需的各种配置源数据,例如数据库里存储有每个开发项目在各种环境下的配置数据,采用分版本存储的方式来区分同一个域名对应的多个配置环境。
在一些实施例中,参照图3A所示,针对网页访问请求R1,根据访问地址168.xx.xx.1,从目标服务端303a获取的目标网页配置信息为:网页A对应的网页配置信息SA。
参照图3B所示,针对网页访问请求R2,根据访问地址168.xx.xx.1,从目标服务端303b获取的目标网页配置信息为:网页B对应的网页配置信息SB。
参照图3C所示,针对网页访问请求R3,根据访问地址168.xx.xx.1,从目标服务端303c获取的目标网页配置信息为:网页C对应的网页配置信息SC。
在步骤S240,根据上述目标网页配置信息进行渲染,得到上述目标网页的呈现界面。
例如,参照图3A所示,终端设备根据上述网页配置信息SA进行渲染,渲染后在浏览器界面320中显示网页A的呈现界面322;参照图3B所示,终端设备根据上述网页配置信息SB进行渲染,渲染后在浏览器界面340中显示网页B的呈现界面342;参照图3C所示,终端设备根据上述网页配置信息SC进行渲染,渲染后在浏览器界面360中显示网页C的呈现界面362。
在图3A~图3C中还示意了呈现出来的网页A的呈现界面322、网页B的呈现界面342和网页C的呈现界面362的细节。例如参照图3A~图3C所示,网页A为jysaas.xy.com(一种示例的供应链交易网站)对应的用户登录界面,供应链交易网站的用户登录界面包含:组件Y1(例如为文本形式)、组件Y2(例如为图片形式)、登录文本框、注册文本框、账号输入框、密码输入框和登录确认键;网页C为jysaas.xy.com对应的开发者登录界面,开发者登录界面相较于用户登录界面而言,除了包含用户登录界面的组件之外,还包含邮箱输入框;网页B为xypaymop.xy.com(一种示例的金融支付网站)对应的用户登录界面,金融支付网站的用户登录界面包含:组件Y3、账户登录文本框、账号输入框、密码输入框、确认键和注册键等。
在包含上述步骤S210~S240的实施例中,通过构建从第一域名解析成开发平台对应的目标服务端的访问地址这一网络路由的解析路径,针对一个开发平台对应于多个前端网页项目的场景而言,第一域名可以脱离开发平台对应的统一形式的第二域名进行个性化设置,多个目标网页可以对应于多个不同的个性化域名,同时终端设备能够将多个不同的个性化域名映射至统一的开发平台(具有通用的第二域名)对应的目标服务端的访问地址,并从目标服务端对应获取与各个个性化域名和网页访问请求适配的目标网页配置信息,由终端设备基于上述目标网页配置信息进行渲染得到多个不同的个性化网页。这一过程耗时非常短,对于网页的使用者而言几乎无卡顿或延迟,整个过程就是在浏览器输入第一域名并在终端设备上渲染得到目标网页的呈现界面的连续过程,满足同一个开发平台下多个不同的前端页面项目具有独立访问域名的需求。
此外,在映射的访问地址发生变动的情况下,基于本公开实施例提供的网络路由的解析路径,仅需要适配调整统一形式的第二域名与目标服务端的访问地址之间的映射关系即可,无需对各个个性化域名进行一一调整,节约开发维护的时间成本。
根据本公开的实施例,上述步骤S220中,对上述网页访问请求进行解析,得到第二域名对应的目标服务端的访问地址,包括:基于网络访问路由信息对上述网页访问请求进行解析,得到第二域名对应的目标服务端的访问地址。上述网络访问路由信息表示上述第一域名的网络地址解析路径。
在一些实施例中,上述网络访问路由信息存储于终端设备本地,这种情况下,根据占据空间大小,可能网络访问路由信息是不全面的,可能仅记录了部分常用网址域名与对应的访问地址之间的映射关系。例如存储于终端设备的hosts文件(是一个没有扩展名的系统文件)中,该hosts文件用于将一些常用的网址域名与其对应的访问地址(例如为互联网协议(IP)地址)建立一个关联数据库(也可以称为映射数据库),当用户在浏览器中输入一个需要登录的域名时,首先自动从hosts文件中寻找该域名对应的访问地址,一旦找到,会立即打开对应的网页;如果没有找到,则再将该网址提交域名解析服务端(DNS)进行访问地址的解析。
在其他实施例中,上述网络访问路由信息也可以存储于域名解析服务端对应的数据库中,这种情况下对应的网络访问路由信息是很全面的;在步骤S220中,也可以通过调用域名解析服务,该域名解析服务基于网络访问路由信息来对上述网页访问请求进行解析,得到第二域名对应的目标服务端的访问地址。
在一些实施例中,上述网络访问路由信息包含:第一映射关系(例如为A记录),上述第一映射关系用于表示客户端网页的呈现域名与开发平台对应的服务端访问地址之间的映射关系;其中,上述域名解析服务基于上述第一映射关系确定上述目标服务端的访问地址。
或者,在另一些实施例中,上述网络访问路由信息包含:第二映射关系(例如为CNAME(别名映射)),上述第二映射关系用于表示客户端网页的呈现域名与开发平台的域名之间的映射关系;上述域名解析服务基于上述第二映射关系确定上述第二域名,并确定上述第二域名对应的目标服务端的访问地址。例如在一些实施例中,根据第二域名可以访问用于静态资源加速的调度服务,由调度服务确定第二域名对应的服务端的访问地址。
在一些实施例中,目标服务端为根据距离上述终端设备的空间位置远近筛选得到的可用CDN(内容分发网络)服务节点,例如为最近的可用CDN服务节点。
在研发中还发现,在一个开发项目形成规模化之后,对于开发者而言具有多版本搭建环境的需求,然而相关技术所提供的开发平台无法实现这一功能。有鉴于此,本公开实施例还通过引入环境标识信息这一设置,将网页访问请求中的第一域名和用户身份标识与环境标识信息进行关联对应,同时环境标识信息是与网页配置信息所关联对应的,即通过环境标识信息来指向不同的网页配置信息,来有效区分不同的域名以及区分同一个域名下的不同版本,例如测试版本、开发版本、交付版本等。下面结合图4和图5来进行详细介绍。
图4示意性地示出了根据本公开一实施例的步骤S230的详细实施流程图。
根据本公开的实施例,参照图4所示,上述步骤S230中,根据上述访问地址,从上述目标服务端获取与上述网页访问请求对应的目标网页配置信息,包括以下步骤:S410和S420。
在步骤S410,确定与上述网页访问请求对应的环境标识信息。
图5示意性地示出了根据本公开一实施例的步骤S410和S420的实施场景示意图。
根据本公开的实施例,上述网页访问请求携带有用户身份标识,例如用户张三对应的用户身份标识是网页使用者;用户李四对应的用户身份标识是网页使用者;用户王五对应的用户身份标识是网页开发者。
在一些实施例中,用户身份标识包括但不限于是:Cookie(是指为了辨别用户身份,浏览器储存在终端设备本地的一小段文本文件数据)、IP地址、User Agent(用户代理,它是一个特殊字符串头,使得服务器能够识别用户使用的操作系统及版本、CPU类型、浏览器及版本、浏览器渲染引擎、浏览器语言、浏览器插件等)等。
参照图5所示,上述步骤S410中,上述确定与上述网页访问请求对应的环境标识信息,包括:根据上述第一域名和上述用户身份标识,向上述目标服务端请求加载与上述网页访问请求对应的环境标识文件;从加载的上述环境标识文件中获取环境标识信息。例如,在图5中以网页访问请求R1作为示例。
在一些实施例中,上述环境标识文件为以下形式中的一种:预先存储于上述目标服务端的文件,或者,预先存储于上述目标服务端的内存中的配置内容。
通过将环境标识文件预先存储至目标服务端中,而不需要从数据库进行读,能够有效避免访问数据库导致的输入/输出(I/O)速度慢的问题;另外,在环境标识文件为预先存储于上述目标服务端的内存中的配置内容的情况下,对应的环境标识文件实际上是虚拟文件形式(虚拟文件是服务器上没有这个文件,只是一段配置,用户访问这个地址,nginx服务器拦截到这个请求,返回配置上的内容),这样的设置能够实现快速加载,实现后端相对轻量化,对于高并发访问场景下能够减轻后端数据库的压力并提升前端访问的响应效率。
环境标识信息是和网页配置信息相关联的,用于指示各个域名的网页访问身份下对应的各种运行环境。
例如,参照图5所示,根据第一域名301a:jysaas.xy.com和用户P1的用户身份标识:网页使用者,从目标服务端303a加载对应的环境标识文件为A.environment.js;从该环境标识文件A.environment.js中获取环境标识信息为:1-a。
类似的,根据第一域名301b:xypaymop.xy.com和用户P2的用户身份标识:网页使用者,从目标服务端303b加载对应的环境标识文件为B.environment.js;从该环境标识文件B.environment.js中获取环境标识信息为:2-a。
根据第一域名301c:jysaas.xy.com和用户P3的用户身份标识:网页开发者,从目标服务端303c加载对应的环境标识文件为C.environment.js;从该环境标识文件C.environment.js中获取环境标识信息为:1-b。
在其他实施例中,同一个域名所指向的环境标识文件也可以是同一个文件,里面的环境标识信息是和用户身份标识对应的。例如,根据第一域名301a:jysaas.xy.com,从目标服务端加载对应的环境标识文件为A.environment.js,根据用户P1的用户身份标识:网页使用者,在环境标识文件A.environment.js中获取到环境标识为1-a。根据第一域名301c:jysaas.xy.com,从目标服务端加载对应的环境标识文件为A.environment.js,根据用户P3的用户身份标识:网页开发者,在环境标识文件A.environment.js中获取到环境标识为1-b。
在步骤S420,根据上述访问地址,从上述目标服务端获取与上述环境标识信息对应的目标网页配置信息。
根据本公开的实施例,上述第一域名和上述环境标识信息之间具有一对一或一对多的映射关系,在一对多的映射关系下,同一个第一域名的不同用户身份标识对应于不同的环境标识信息。
例如,参照图5所示,上述示例的域名jysaas.xy.com在网页使用者的用户身份标识下对应于环境标识1-a,相应的目标网页配置信息为SA。域名jysaas.xy.com在网页开发者的用户身份标识下对应于环境标识1-b,相应的目标网页配置信息为SC。
包含步骤S410~S420的实施例中,网页访问请求是通过第一域名和用户身份标识来与环境标识信息进行关联对应的,而环境标识信息又是和网页配置信息所关联对应的;不同的域名(例如,针对jysaas.xy.com、xypaymop.xy.com)对应于不同的网页配置信息而得到不同的网页呈现界面;同一个域名下可能有一个或多个环境标识信息,不同的环境标识信息对应于不同的网页配置信息,那么针对同一个域名的网页(例如都是jysaas.xy.com)而言,会基于多个不同的环境标识信息而对应生成多个不同的网页呈现界面;在应用场景下,比如具有开发者界面和使用者界面,或者具有开发者界面对应的生产环境版本、预发环境版本、测试环境版本、开发环境版本等多个不同的呈现界面。
另外,请求加载环境标识文件实际使用的是开发平台的通用的第二域名,与目标服务端进行后台交互对于网页使用者而言是无感知的。通过加载不同的环境标识信息,便能够实现对网页环境身份的调整并适配对应的网页配置信息得到不同的网页呈现界面,例如从测试版本切换为开发版本等。
对于开发者而言,通过改变网络访问路由信息、访问身份设置信息和对应的网页配置信息,能够实现对同一个域名或不同域名对应的多个不同环境下的网页呈现界面进行动态调整,开发模式友好且高效。
图6示意性地示出了根据本公开一实施例的步骤S240的详细实施流程图。
在一些实施例中,参照图6所示,上述步骤S240中,根据上述目标网页配置信息进行渲染,得到上述目标网页的呈现界面,包括以下步骤:S610、S620、S630和S640。
在步骤S610,根据上述访问地址,从上述目标服务端加载渲染器代码文件。
在一些实施例中,步骤S610在步骤S220之后执行,步骤S610的执行顺序和步骤S230的执行顺序不做限制,可以并行执行,也可以先后执行。
图7示意性地示出了根据本公开一实施例的步骤S610~S640的实施场景示意图。
参照图7所示,根据访问地址168.xx.xx.1,从目标服务端303a加载渲染器代码文件。渲染器代码文件是最小文件单元,预先加载该渲染器代码文件,一方面便于终端设备快速达到能够渲染的状态,另一方面先加载最小文件单元有助于节省与目标服务端的通信开销(相较于打包加载渲染器代码文件、组件代码文件而言),后续在渲染器正常工作之后再根据网页配置信息从目标服务端加载对应的组件代码文件即可。
在步骤S620,执行上述渲染器代码文件,得到渲染器。
参照图7所示,通过执行渲染器代码文件来实例化渲染器,此时对应的浏览器界面320a中的网页322a可以根据实际需要设置对应的呈现效果,属于未加载网页配置信息时对应的初始化状态。
在步骤S630,根据上述组件标识,从上述目标服务端加载对应的组件代码文件。
根据本公开的实施例,在步骤S230中,目标网页配置信息包括:上述目标网页所含组件的组件标识和组件显示信息。在一些实施例中,上述组件显示信息包括组件布局信息和组件样式信息。
参照图7所示,该步骤S630在步骤S230之后执行。
在步骤S640,上述渲染器根据上述组件代码文件和上述组件显示信息执行渲染操作,得到上述目标网页的呈现界面。
参照图7所示,基于渲染器执行渲染操作,在浏览器界面320b中呈现上述目标网页A的呈现界面322b。
包含步骤S610~S640的实施例中,能够实现终端设备快速达到可渲染状态,并能够通过根据网页配置信息来快速加载所需的组件代码文件,在本地执行渲染操作并快速得到目标网页的呈现界面。
本公开的第二个示例性实施例提供了一种网页开发的方法。本实施例的方法可以应用于系统架构100中的终端设备,该终端设备上安装有开发平台对应的应用软件或者能够通过在线访问的形式登录在线开发平台。本实施例的方法可以是第一个实施例的方法所访问的目标网页的开发过程,两个实施例的内容可以结合起来进行理解,本实施例中与第一个实施例中相同或相应的描述内容不做详细赘述。
图8示意性地示出了根据本公开一实施例的网页开发的方法的流程图。
参照图8所示,本公开实施例提供的网页开发的方法,包括以下步骤:S810、S820、S830、S840和S850。
在步骤S810,在开发平台中接收针对第一域名的第一网页的开发请求。
第一域名可以是独立于该开发平台的第二域名的个性化域名。
第一域名对应的第一网页可以具有一个或多个版本,多个版本对应于不同的运行环境,并在终端设备上对应显示不同的呈现界面。
在步骤S820,根据上述开发请求,生成可视化界面。
该可视化界面例如可以是支持拖拽形式或者其他选择形式进行组件选择、添加、删除、修改组件属性信息、对组件进行位置移动等的友好开发界面。在一些实施例中,该可视化界面还可以提供一些常用网页开发项目的模板,里面提供一些设定的布局形式、常用组件供用户选择或直接复用等。
在步骤S830,根据上述可视化界面接收到的操作指令,生成网页配置信息。
用户(例如网页开发者)可以在可视化界面对选中组件拖动至项目编辑区域、进行位置调整、对选中组件进行属性信息修改等,由此终端设备检测到相应的操作指令,并根据这些操作指令生成网页配置信息。
在步骤S840,根据上述第一域名与上述开发平台的第二域名之间的映射关系,生成网络访问路由信息;上述网络访问路由信息表示上述第一域名的网络地址解析路径,上述网络地址解析路径用于将上述第一域名解析为上述开发平台的服务端的访问地址。
在一些实施例中,第一域名与上述开发平台的第二域名之间的映射关系可以是由用户构建的,或者在用户输入第一域名之后主动由电子设备构建出来的。该步骤S840中根据映射关系生成网络访问路由信息可以是根据用户(例如为开发者)的设置而生成的,或者由终端设备根据网络服务配置的针对第二域名的可用服务端而确定的。
在步骤S850,将上述网页配置信息存储于上述服务端。
步骤S850在步骤S830之后执行,步骤S850和步骤S840之间不限定先后执行顺序,二者可以并行执行,也可以先后执行。
在一些实施例中,也可以通过将网页配置信息存储于数据库,然后服务端在设定条件(例如为空闲状态或者网络访问量低于设定阈值)下从数据库中加载网页配置信息至自身的存储空间中。
需要说明的是,本实施例中,服务端存储的网页配置信息是随着时间而动态变化的,可以是开发过程中各个瞬时对应的配置信息;也可以是开发完成后对应的配置信息。对应在开发完成后网页发布后,网页访问的方法中对应的网页配置信息是开发完成后对应的配置信息。
包含步骤S810~S850的实施例中,通过利用个性化域名与开发平台的域名构建网页的加载路由路径,生成网络访问路由信息,同时根据开发过程中开发平台接收到的操作指令实时生成网页配置信息,并将网页配置信息存储于服务端,实现低代码开发过程且有效实现独立域名网页的开发。针对一个开发平台对应于多个前端网页项目的场景而言,第一域名可以脱离开发平台对应的统一形式的第二域名进行个性化设置,多个目标网页可以对应于多个不同的个性化域名,在开发好的网页的使用场景下,终端设备能够将多个不同的个性化域名映射至统一的开发平台(具有通用的第二域名)对应的目标服务端的访问地址,并从目标服务端对应获取与各个个性化域名和网页访问请求适配的目标网页配置信息,由终端设备基于上述目标网页配置信息进行渲染得到多个不同的个性化网页。这一过程耗时非常短,对于网页的使用者而言几乎无卡顿或延迟,整个过程就是在浏览器输入第一域名并在终端设备上渲染得到目标网页的呈现界面的连续过程,满足同一个开发平台下多个不同的前端页面项目具有独立访问域名的需求。
此外,如果需要修改路由过程,例如在映射的访问地址发生变动的情况下,基于本公开实施例提供的网络访问路由信息,仅需要适配调整统一形式的第二域名与目标服务端的访问地址之间的映射关系即可,无需对各个个性化域名进行一一调整,节约开发维护的时间成本。
图9示意性地示出了根据本公开另一实施例的网页开发的方法的流程图。
在一些实施例中,网页开发的方法除了包括步骤S810~S850之外,还包括以下步骤:S910和S920,其中步骤S830具体包括步骤S830a,步骤S850具体包括步骤S850a。
在步骤S910,接收访问身份设置信息。
在一些实施例中,步骤S910可以在步骤S820之后执行。例如可视化界面能够提供访问身份设置的选项,需要用户(例如为开发者)对待开发的第一网页的访问身份进行设置之后,才会对应呈现接收操作指令的目标区域或目标界面,开发者通过在该目标区域或目标界面上进行组件操作而生成与访问身份设置信息对应的网页配置信息,也可以理解为和环境标识信息对应的网页配置信息。
在步骤S920,根据上述访问身份设置信息,生成对应的环境标识信息。
身份设置信息例如包括:开发者身份、使用者身份;对于开发者身份而言,例如还可以包括细化分类:生产环境开发者身份、预发环境开发者身份、测试环境开发者身份、开发环境开发者身份;对应的环境标识信息用于区分网页的呈现环境(或者网页的版本):生产环境、预发环境、测试环境、开发环境。使用者身份对应的环境标识信息为交付环境。
其中,上述步骤S830中,根据上述可视化界面接收到的操作指令,生成网页配置信息,包括以下步骤S830a:在上述访问身份设置信息对应的目标访问身份下,根据上述可视化界面接收到的操作指令,生成与上述环境标识信息对应的网页配置信息。
其中,上述步骤S850中,将上述网页配置信息存储于上述服务端,包括以下步骤S850a:将上述环境标识信息作为上述网页配置信息的索引键,在上述服务端存储上述网页配置信息。
包含步骤S910和S920的实施例中,通过为开发者提供访问身份设置的功能,并根据访问身份设置信息来生成对应的环境标识信息;基于环境标识信息能够区分同一个域名下的多个不同的搭建环境,从而使得终端设备根据环境标识来加载对应的网页配置信息,并呈现对应的版本。同样也能基于环境标识信息区分不同的域名所对应的环境差别。
图10示意性地示出了根据本公开又一实施例的网页开发的方法的流程图。
在上述各个实施例的基础上,网页开发的方法还可以包括以下步骤:S1001、S1002、S1003和S1004。
在步骤S1001,接收针对上述第一网页的预览请求。
在步骤S1002,根据上述预览请求,从上述服务端加载对应的渲染器代码文件。
在步骤S1003,执行上述渲染器代码文件,得到渲染器。
在步骤S1004,上述渲染器根据上述网页配置信息执行渲染操作,得到上述第一网页在上述目标访问身份下的网页预览效果。步骤S1004在步骤S830之后执行。
基于步骤S1001~S1004,能够实现在网页开发过程中对网页样式的即时预览。
本公开的第三个示例性实施例提供了一种网页访问的装置。
图11示意性地示出了根据本公开实施例的网页访问的装置的结构框图。
参照图11所示,网页访问的装置1100包括:访问请求接收模块1101、解析模块1102、配置信息获取模块1103和渲染模块1104。
上述访问请求接收模块1101用于接收基于第一域名发起的网页访问请求。
上述解析模块1102用于对上述网页访问请求进行解析,得到第二域名对应的目标服务端的访问地址;上述第二域名为开发平台的域名,上述开发平台用于开发上述第一域名对应的目标网页。
上述配置信息获取模块1103用于根据上述访问地址,从上述目标服务端获取与上述网页访问请求对应的目标网页配置信息。上述配置信息获取模块1103包含用于执行步骤S410和S420的功能模块或子模块。
上述渲染模块1104用于根据上述目标网页配置信息进行渲染,得到上述目标网页的呈现界面。上述渲染模块1104包含用于执行步骤S610~S640的功能模块或子模块。
本实施例的各个功能模块的具体细节可以参照第一个实施例的详细描述,这里不再赘述。
第四方面,本公开的实施例提供了一种网页开发的装置。
图12示意性地示出了根据本公开实施例的网页开发的装置的结构框图。
参照图12所示,网页开发的装置1200包括:开发请求接收模块1201、界面生成模块1202、配置信息生成模块1203、访问路由信息生成模块1204和信息上传模块1205。
上述开发请求接收模块1201用于在开发平台中接收针对第一域名的第一网页的开发请求。
上述界面生成模块1202用于根据上述开发请求,生成可视化界面。
上述配置信息生成模块1203用于根据上述可视化界面接收到的操作指令,生成网页配置信息。
上述访问路由信息生成模块1204用于根据上述第一域名与上述开发平台的第二域名之间的映射关系,生成网络访问路由信息;上述网络访问路由信息表示上述第一域名的网络地址解析路径,上述网络地址解析路径用于将上述第一域名解析为上述开发平台的服务端的访问地址。
上述信息上传模块1205用于将上述网页配置信息存储于上述服务端。
在一些实施例中,上述装置1200还包括:访问身份设置模块和环境标识生成模块。
访问身份设置模块用于接收访问身份设置信息。
环境标识生成模块用于根据上述访问身份设置信息,生成对应的环境标识信息。
其中,根据上述可视化界面接收到的操作指令,生成网页配置信息,包括:在上述访问身份设置信息对应的目标访问身份下,根据上述可视化界面接收到的操作指令,生成与上述环境标识信息对应的网页配置信息。
其中,将上述网页配置信息存储于上述服务端,包括:将上述环境标识信息作为上述网页配置信息的索引键,在上述服务端存储上述网页配置信息。
在一些实施例中,上述装置1200还包括:预览请求接收模块、渲染器代码加载模块和执行模块。
上述预览请求接收模块用于接收针对上述第一网页的预览请求。
上述渲染器代码加载模块用于根据上述预览请求,从上述服务端加载对应的渲染器代码文件。
上述执行模块用于执行上述渲染器代码文件,得到渲染器。
上述渲染器根据上述网页配置信息执行渲染操作,得到上述第一网页在上述目标访问身份下的网页预览效果。
本实施例的各个功能模块的具体细节可以参照第二个实施例的详细描述,这里不再赘述。
上述装置1100或装置1200所包含的功能模块中的任意多个可以合并在一个模块中实现,或者其中的任意一个模块可以被拆分成多个模块。或者,这些模块中的一个或多个模块的至少部分功能可以与其他模块的至少部分功能相结合,并在一个模块中实现。上述装置1100或装置1200所包含的功能模块中的至少一个可以至少被部分地实现为硬件电路,例如现场可编程门阵列(FPGA)、可编程逻辑阵列(PLA)、片上系统、基板上的系统、封装上的系统、专用集成电路(ASIC),或可以通过对电路进行集成或封装的任何其他的合理方式等硬件或固件来实现,或以软件、硬件以及固件三种实现方式中任意一种或以其中任意几种的适当组合来实现。或者,上述装置1100或装置1200所包含的功能模块中的至少一个可以至少被部分地实现为计算机程序模块,当该计算机程序模块被运行时,可以执行相应的功能。
本公开的第五个示例性实施例提供了一种电子设备。
图13示意性示出了本公开实施例提供的电子设备的结构框图。
参照图13所示,本公开实施例提供的电子设备1300包括处理器1301、通信接口1302、存储器1303和通信总线1304,其中,处理器1301、通信接口1302和存储器1303通过通信总线1304完成相互间的通信;存储器1303,用于存放计算机程序;处理器1301,用于执行存储器上所存放的程序时,实现如上所述的网页访问的方法或网页开发的方法。
本公开的第六个示例性实施例还提供了一种计算机可读存储介质。上述计算机可读存储介质上存储有计算机程序,上述计算机程序被处理器执行时实现如上所述的网页访问的方法或网页开发的方法。
该计算机可读存储介质可以是上述实施例中描述的设备/装置中所包含的;也可以是单独存在,而未装配入该设备/装置中。上述计算机可读存储介质承载有一个或者多个程序,当上述一个或者多个程序被执行时,实现根据本公开实施例的方法。
根据本公开的实施例,计算机可读存储介质可以是非易失性的计算机可读存储介质,例如可以包括但不限于:便携式计算机磁盘、硬盘、随机访问存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本公开中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
需要说明的是,在本文中,诸如“第一”和“第二”等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
还需要说明的是,本公开实施例提供的技术方案中,所涉及的用户个人信息的采集、收集、更新、分析、处理、使用、传输、存储等方面,均符合相关法律法规的规定,被用于合法的用途,且不违背公序良俗。对用户个人信息采取必要措施,防止对用户个人信息数据的非法访问,维护用户个人信息安全、网络安全和国家安全。
以上所述仅是本公开的具体实施方式,使本领域技术人员能够理解或实现本公开。对这些实施例的多种修改对本领域的技术人员来说将是显而易见的,本文中所定义的一般原理可以在不脱离本公开的精神或范围的情况下,在其它实施例中实现。因此,本公开将不会被限制于本文所示的这些实施例,而是要符合与本文所申请的原理和新颖特点相一致的最宽的范围。
Claims (14)
1.一种网页访问的方法,其特征在于,应用于终端设备,所述方法包括:
接收基于第一域名发起的网页访问请求;
对所述网页访问请求进行解析,得到第二域名对应的目标服务端的访问地址;所述第二域名为开发平台的域名,所述开发平台用于开发所述第一域名对应的目标网页;所述第一域名是独立于所述第二域名的访问域名信息;
根据所述访问地址,从所述目标服务端获取与所述网页访问请求对应的目标网页配置信息;
根据所述目标网页配置信息进行渲染,得到所述目标网页的呈现界面。
2.根据权利要求1所述的方法,其特征在于,根据所述访问地址,从所述目标服务端获取与所述网页访问请求对应的目标网页配置信息,包括:
确定与所述网页访问请求对应的环境标识信息;
根据所述访问地址,从所述目标服务端获取与所述环境标识信息对应的目标网页配置信息。
3.根据权利要求2所述的方法,其特征在于,所述网页访问请求携带有用户身份标识;
所述确定与所述网页访问请求对应的环境标识信息,包括:
根据所述第一域名和所述用户身份标识,向所述目标服务端请求加载与所述网页访问请求对应的环境标识文件;
从加载的所述环境标识文件中获取环境标识信息。
4.根据权利要求3所述的方法,其特征在于,所述环境标识文件为以下形式中的一种:
预先存储于所述目标服务端的文件,或者,
预先存储于所述目标服务端的内存中的配置内容。
5.根据权利要求2所述的方法,其特征在于,所述第一域名和所述环境标识信息之间具有一对一或一对多的映射关系,在一对多的映射关系下,同一个第一域名的不同用户身份标识对应于不同的环境标识信息。
6.根据权利要求1所述的方法,其特征在于,所述目标网页配置信息包括:所述目标网页所含组件的组件标识和组件显示信息;
根据所述目标网页配置信息进行渲染,得到所述目标网页的呈现界面,包括:
根据所述访问地址,从所述目标服务端加载渲染器代码文件;
执行所述渲染器代码文件,得到渲染器;
根据所述组件标识,从所述目标服务端加载对应的组件代码文件;
所述渲染器根据所述组件代码文件和所述组件显示信息执行渲染操作,得到所述目标网页的呈现界面。
7.根据权利要求1-6中任一项所述的方法,其特征在于,对所述网页访问请求进行解析,得到第二域名对应的目标服务端的访问地址,包括:
基于网络访问路由信息对所述网页访问请求进行解析,得到第二域名对应的目标服务端的访问地址;所述网络访问路由信息表示所述第一域名的网络地址解析路径;
所述网络访问路由信息包含:第一映射关系,所述第一映射关系用于表示客户端网页的呈现域名与开发平台对应的服务端访问地址之间的映射关系;或者,
所述网络访问路由信息包含:第二映射关系,所述第二映射关系用于表示客户端网页的呈现域名与开发平台的域名之间的映射关系。
8.一种网页开发的方法,其特征在于,包括:
在开发平台中接收针对第一域名的第一网页的开发请求;
根据所述开发请求,生成可视化界面;
根据所述可视化界面接收到的操作指令,生成网页配置信息;
根据所述第一域名与所述开发平台的第二域名之间的映射关系,生成网络访问路由信息;所述第一域名是独立于所述第二域名的访问域名信息;所述网络访问路由信息表示所述第一域名的网络地址解析路径,所述网络地址解析路径用于将所述第一域名解析为所述开发平台的服务端的访问地址;
将所述网页配置信息存储于所述服务端。
9.根据权利要求8所述的方法,其特征在于,还包括:
接收访问身份设置信息;
根据所述访问身份设置信息,生成对应的环境标识信息;
其中,根据所述可视化界面接收到的操作指令,生成网页配置信息,包括:
在所述访问身份设置信息对应的目标访问身份下,根据所述可视化界面接收到的操作指令,生成与所述环境标识信息对应的网页配置信息;
其中,将所述网页配置信息存储于所述服务端,包括:
将所述环境标识信息作为所述网页配置信息的索引键,在所述服务端存储所述网页配置信息。
10.根据权利要求9所述的方法,其特征在于,还包括:
接收针对所述第一网页的预览请求;
根据所述预览请求,从所述服务端加载对应的渲染器代码文件;
执行所述渲染器代码文件,得到渲染器;
所述渲染器根据所述网页配置信息执行渲染操作,得到所述第一网页在所述目标访问身份下的网页预览效果。
11.一种网页访问的装置,其特征在于,包括:
访问请求接收模块,用于接收基于第一域名发起的网页访问请求;
解析模块,用于对所述网页访问请求进行解析,得到第二域名对应的目标服务端的访问地址;所述第二域名为开发平台的域名,所述开发平台用于开发所述第一域名对应的目标网页;所述第一域名是独立于所述第二域名的访问域名信息;
配置信息获取模块,用于根据所述访问地址,从所述目标服务端获取与所述网页访问请求对应的目标网页配置信息;
渲染模块,用于根据所述目标网页配置信息进行渲染,得到所述目标网页的呈现界面。
12.一种网页开发的装置,其特征在于,包括:
开发请求接收模块,用于在开发平台中接收针对第一域名的第一网页的开发请求;
界面生成模块,用于根据所述开发请求,生成可视化界面;
配置信息生成模块,用于根据所述可视化界面接收到的操作指令,生成网页配置信息;
访问路由信息生成模块,用于根据所述第一域名与所述开发平台的第二域名之间的映射关系,生成网络访问路由信息;所述第一域名是独立于所述第二域名的访问域名信息;所述网络访问路由信息表示所述第一域名的网络地址解析路径,所述网络地址解析路径用于将所述第一域名解析为所述开发平台的服务端的访问地址;
信息上传模块,用于将所述网页配置信息存储于所述服务端。
13.一种电子设备,其特征在于,包括处理器、通信接口、存储器和通信总线,其中,处理器、通信接口和存储器通过通信总线完成相互间的通信;
存储器,用于存放计算机程序;
处理器,用于执行存储器上所存放的程序时,实现权利要求1-10中任一项所述的方法。
14.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现权利要求1-10中任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310436222.7A CN116186457B (zh) | 2023-04-21 | 2023-04-21 | 网页访问和网页开发的方法、装置、电子设备及介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202310436222.7A CN116186457B (zh) | 2023-04-21 | 2023-04-21 | 网页访问和网页开发的方法、装置、电子设备及介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN116186457A CN116186457A (zh) | 2023-05-30 |
CN116186457B true CN116186457B (zh) | 2024-02-06 |
Family
ID=86449198
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202310436222.7A Active CN116186457B (zh) | 2023-04-21 | 2023-04-21 | 网页访问和网页开发的方法、装置、电子设备及介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN116186457B (zh) |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102647482A (zh) * | 2012-03-31 | 2012-08-22 | 奇智软件(北京)有限公司 | 一种访问网站的方法和系统 |
CN111737617A (zh) * | 2020-06-15 | 2020-10-02 | 北京达佳互联信息技术有限公司 | 页面资源的加载方法、装置、电子设备及存储介质 |
CN112068824A (zh) * | 2020-09-16 | 2020-12-11 | 杭州海康威视数字技术股份有限公司 | 一种网页开发预览方法、装置及电子设备 |
CN113204730A (zh) * | 2021-05-19 | 2021-08-03 | 网宿科技股份有限公司 | 资源获取方法、webvpn代理服务器、系统及服务器 |
CN114329281A (zh) * | 2021-12-31 | 2022-04-12 | 北京升明科技有限公司 | 渲染服务器、网页渲染方法及装置 |
CN114817812A (zh) * | 2022-05-10 | 2022-07-29 | 镇江砥石网络科技有限公司 | 面向电商的无代码网页构建方法和装置 |
Family Cites Families (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US9141717B2 (en) * | 1999-03-22 | 2015-09-22 | Esdr Network Solutions Llc | Methods, systems, products, and devices for processing DNS friendly identifiers |
US20080235383A1 (en) * | 2007-03-22 | 2008-09-25 | Eric Schneider | Methods, Systems, Products, And Devices For Generating And Processing DNS Friendly Identifiers |
-
2023
- 2023-04-21 CN CN202310436222.7A patent/CN116186457B/zh active Active
Patent Citations (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102647482A (zh) * | 2012-03-31 | 2012-08-22 | 奇智软件(北京)有限公司 | 一种访问网站的方法和系统 |
CN104901943A (zh) * | 2012-03-31 | 2015-09-09 | 北京奇虎科技有限公司 | 一种访问网站的方法和系统 |
CN111737617A (zh) * | 2020-06-15 | 2020-10-02 | 北京达佳互联信息技术有限公司 | 页面资源的加载方法、装置、电子设备及存储介质 |
CN112068824A (zh) * | 2020-09-16 | 2020-12-11 | 杭州海康威视数字技术股份有限公司 | 一种网页开发预览方法、装置及电子设备 |
CN113204730A (zh) * | 2021-05-19 | 2021-08-03 | 网宿科技股份有限公司 | 资源获取方法、webvpn代理服务器、系统及服务器 |
CN114329281A (zh) * | 2021-12-31 | 2022-04-12 | 北京升明科技有限公司 | 渲染服务器、网页渲染方法及装置 |
CN114817812A (zh) * | 2022-05-10 | 2022-07-29 | 镇江砥石网络科技有限公司 | 面向电商的无代码网页构建方法和装置 |
Also Published As
Publication number | Publication date |
---|---|
CN116186457A (zh) | 2023-05-30 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10776447B2 (en) | Digital communications platform for webpage overlay | |
CN111427766B (zh) | 一种请求处理方法、装置和代理服务器 | |
CN109542427B (zh) | 一种系统定制方法、装置及电子设备和存储介质 | |
CN108153798B (zh) | 页面信息处理方法、装置及系统 | |
US9164988B2 (en) | Methods and systems for the dynamic creation of a translated website | |
US20160188549A1 (en) | Systems and methods for managing loading priority or sequencing of fragments of a web object | |
US20140129733A1 (en) | Uniform resource locator mapping and routing system and method | |
US20140281918A1 (en) | Systems and methods for configuration-based optimization by an intermediary | |
KR102504075B1 (ko) | 사용자 디바이스 이벤트의 매칭 및 속성 | |
US9864671B1 (en) | Systems and methods of live experimentation on content provided by a web site | |
US9100436B2 (en) | System for tracking diffusion | |
CN110688598B (zh) | 业务参数采集方法、装置、计算机设备和存储介质 | |
EP3525422B1 (en) | Routing for large server deployments | |
US10360133B2 (en) | Analyzing analytic element network traffic | |
US20220158957A1 (en) | Method, apparatus, and computer program product for initiating and executing a group based communication browser session and rendering a group based communication interface | |
CN111913738A (zh) | 访问请求的处理方法、装置、计算设备和介质 | |
US20220182390A1 (en) | Method and device for processing network resource access, server and terminal | |
JP2021516381A (ja) | 強化されたオンラインプライバシ | |
CN115225707A (zh) | 资源访问方法及装置 | |
CN111752681A (zh) | 请求处理方法、装置、服务器和计算机可读存储介质 | |
US9369544B1 (en) | Testing compatibility with web services | |
JP2020526143A (ja) | インターネットプロトコル(ip)アドレス割当て | |
CN116186457B (zh) | 网页访问和网页开发的方法、装置、电子设备及介质 | |
CN112583891B (zh) | 接口文档获取方法、装置和服务器 | |
US20190163830A1 (en) | Customer service advocacy on social networking sites using natural language query response from site-level search results |
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 |