CN113810738A - 一种基于集线器渲染‘伪’b端的方法、装置及存储介质 - Google Patents
一种基于集线器渲染‘伪’b端的方法、装置及存储介质 Download PDFInfo
- Publication number
- CN113810738A CN113810738A CN202111358698.0A CN202111358698A CN113810738A CN 113810738 A CN113810738 A CN 113810738A CN 202111358698 A CN202111358698 A CN 202111358698A CN 113810738 A CN113810738 A CN 113810738A
- Authority
- CN
- China
- Prior art keywords
- rendering
- pseudo
- hub
- resources
- 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
Links
- 238000009877 rendering Methods 0.000 title claims abstract description 187
- 238000000034 method Methods 0.000 title claims abstract description 35
- 230000000694 effects Effects 0.000 claims abstract description 42
- 238000004590 computer program Methods 0.000 claims description 6
- 239000003086 colorant Substances 0.000 claims description 3
- 239000000284 extract Substances 0.000 claims 2
- 230000005540 biological transmission Effects 0.000 description 8
- 230000006835 compression Effects 0.000 description 6
- 238000007906 compression Methods 0.000 description 6
- 230000007547 defect Effects 0.000 description 4
- 238000005516 engineering process Methods 0.000 description 4
- 238000005457 optimization Methods 0.000 description 4
- 230000004044 response Effects 0.000 description 4
- 230000001133 acceleration Effects 0.000 description 2
- 238000013473 artificial intelligence Methods 0.000 description 2
- 230000006837 decompression Effects 0.000 description 2
- 230000007246 mechanism Effects 0.000 description 2
- 238000010586 diagram Methods 0.000 description 1
- 230000006870 function Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
Images
Classifications
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/20—Servers specifically adapted for the distribution of content, e.g. VOD servers; Operations thereof
- H04N21/23—Processing of content or additional data; Elementary server operations; Server middleware
- H04N21/234—Processing of video elementary streams, e.g. splicing of video streams or manipulating encoded video stream scene graphs
- H04N21/23412—Processing of video elementary streams, e.g. splicing of video streams or manipulating encoded video stream scene graphs for generating or manipulating the scene composition of objects, e.g. MPEG-4 objects
-
- 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
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/01—Protocols
- H04L67/02—Protocols based on web technology, e.g. hypertext transfer protocol [HTTP]
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
- H04L67/00—Network arrangements or protocols for supporting network services or applications
- H04L67/2866—Architectures; Arrangements
- H04L67/30—Profiles
-
- H—ELECTRICITY
- H04—ELECTRIC COMMUNICATION TECHNIQUE
- H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
- H04N21/00—Selective content distribution, e.g. interactive television or video on demand [VOD]
- H04N21/40—Client devices specifically adapted for the reception of or interaction with content, e.g. set-top-box [STB]; Operations thereof
- H04N21/43—Processing of content or additional data, e.g. demultiplexing additional data from a digital video stream; Elementary client operations, e.g. monitoring of home network or synchronising decoder's clock; Client middleware
- H04N21/44—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs
- H04N21/44012—Processing of video elementary streams, e.g. splicing a video clip retrieved from local storage with an incoming video stream or rendering scenes according to encoded video stream scene graphs involving rendering scenes according to scene graphs, e.g. MPEG-4 scene graphs
Landscapes
- Engineering & Computer Science (AREA)
- Signal Processing (AREA)
- Multimedia (AREA)
- Computer Networks & Wireless Communication (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Computer Security & Cryptography (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明提出了一种基于集线器渲染‘伪’B端的方法、装置及存储介质,该方法包括:在所述集线器中设置渲染配置文件,所述配置文件包括渲染效果与渲染配置的关系表;当‘伪’B端接收到客户端的访问请求时,所述‘伪’B端向所述集线器发送渲染请求,所述渲染请求包括渲染的目标效果;所述集线器获取渲染请求中的所述目标效果后,基于所述目标效果查询所述关系表得到该‘伪’B端的渲染配置参数,基于所述渲染配置参数从集线器中获取渲染资源;所述集线器基于所述渲染资源对‘伪’B端的页面进行渲染,并将渲染后的‘伪’B端的页面发送至所述客户端。降低了企业的开发、管理成本,提高了渲染速度。
Description
技术领域
本发明涉及大数据技术领域,具体涉及一种基于集线器渲染‘伪’B端的方法、装置及存储介质。
背景技术
通过第三方进行网站的渲染容易导致渲染后的网页抖动,且无法在客户端访问量较大的时候提供稳定的渲染效果,更不能提供根据用户的需求进行渲染,且难以对需要渲染的客户的页面进行调度,这是现有技术的缺陷。
中国专利CN112784191A公开了一种超文本邮件渲染方法、装置、设备和介质,所述方法包括:服务器向客户端发送超文本邮件,超文本邮件中包括页面标识信息和页面显示结构。服务器接收客户端发送的页面渲染请求,页面渲染请求中携带有客户端本地的页面绘制参数和所述页面标识信息。服务器获取所述页面标识信息对应的页面内容数据。服务器根据所述页面绘制参数和所述页面内容数据,确定与客户端的显示环境匹配的页面渲染结果。服务器将所述页面渲染结果发送到客户端,以使得客户端根据目标页面显示结构显示所述页面渲染结果。其用于邮件的渲染,并不解决通过第三方进行网站的渲染容易导致渲染后的网页抖动的技术缺陷,也没有公开相应的调度策略。
中国专利CN112800363A公开了页面显示方法,包括:访问预先创建的网页视图对应的预设变量以使目标页面获取该配置性能信息;以预先设定的形式访问该目标页面以使该页面组件获取该终端的配置性能信息;根据该页面组件所获取的该配置性能信息,确定该终端对应的表征该目标页面的渲染程度的显示效果级别;确定与该显示效果级别对应的组件集,通过渲染该组件集以对该目标页面进行显示。该方法也不能解决通过第三方进行网站的渲染容易导致渲染后的网页抖动的技术缺陷,也没有公开相应的调度策略。
发明内容
本发明针对上述现有技术中一个或多个技术缺陷,提出了如下技术方案。
一种基于集线器渲染‘伪’B端的方法,所述方法包括:
设置步骤,在所述集线器中设置渲染配置文件,所述配置文件包括渲染效果与渲染配置的关系表;
请求步骤,当‘伪’B端接收到客户端的访问请求时,所述‘伪’B端向所述集线器发送渲染请求,所述渲染请求包括渲染的目标效果;
获取步骤,所述集线器获取渲染请求中的所述目标效果后,基于所述目标效果查询所述关系表得到该‘伪’B端的渲染配置参数,基于所述渲染配置参数从集线器中获取渲染资源;
渲染步骤,所述集线器基于所述渲染资源对‘伪’B端的页面进行渲染,并将渲染后的‘伪’B端的页面发送至所述客户端。
更进一步地,所述‘伪’B端向所述集线器发送渲染请求的操作为:所述‘伪’B端向所述集线器发送身份认证请求,通过认证服务器对所述身份认证请求认证通过后经过负载均衡处理将渲染请求发送至所述集线器。
更进一步地,所述资源包括通用资源和专属资源,所述通用资源包括子域名、企业名称、企业LOGO、首页Banner、首页专题图、动画、全局背景图片、字体类型、字体颜色、字体大小、音频水印、视频水印和/或文章水印,所述专属资源为‘伪’B端的用户自己上传的资源文件。
更进一步地,在所述集线器对所述身份认证请求认证通过后提取所述‘伪’B端的URL,在所述URL后添加集线器网络域名形成新的URL,并在Redis缓存中为该新的URL构建网页结构,在渲染时,将获取的渲染资源添加到该网页结构中形成渲染后的网页发送至所述客户端。
更进一步地,所述集线器连接有用户微服务服务器、直播微服务服务器和表示微服务服务器,在所述集线器中设置渲染区,在所述客户端请求直播微服务时,获取所述‘伪’B端的标签,在所述渲染区中将所述标签作为一个视频浮层与直播视频叠加,形成具有‘伪’B端的标签的视频发送至客户端播放。
更进一步地,所述负载均衡的策略为:获取每一个‘伪’B端的客户端的访问量Ai、渲染配置参数的个数Xi及渲染资源所占用的存储空间Mi,计算每一个‘伪’B端的重要度F=w1*Ai+w2*Xi+w3*Mi,将重要度最大的‘伪’B端优先进行渲染,w1、w2、w3为权重值。
本发明还提出了一种基于集线器渲染‘伪’B端的装置,所述装置包括:
设置单元,在所述集线器中设置渲染配置文件,所述配置文件包括渲染效果与渲染配置的关系表;
请求单元,当‘伪’B端接收到客户端的访问请求时,所述‘伪’B端向所述集线器发送渲染请求,所述渲染请求包括渲染的目标效果;
获取单元,所述集线器获取渲染请求中的所述目标效果后,基于所述目标效果查询所述关系表得到该‘伪’B端的渲染配置参数,基于所述渲染配置参数从集线器中获取渲染资源;
渲染单元,所述集线器基于所述渲染资源对‘伪’B端的页面进行渲染,并将渲染后的‘伪’B端的页面发送至所述客户端。
更进一步地,所述‘伪’B端向所述集线器发送渲染请求的操作为:所述‘伪’B端向所述集线器发送身份认证请求,通过认证服务器对所述身份认证请求认证通过后经过负载均衡处理将渲染请求发送至所述集线器。
更进一步地,所述资源包括通用资源和专属资源,所述通用资源包括子域名、企业名称、企业LOGO、首页Banner、首页专题图、动画、全局背景图片、字体类型、字体颜色、字体大小、音频水印、视频水印和/或文章水印,所述专属资源为‘伪’B端的用户自己上传的资源文件。
更进一步地,在所述集线器对所述身份认证请求认证通过后提取所述‘伪’B端的URL,在所述URL后添加集线器网络域名形成新的URL,并在Redis缓存中为该新的URL构建网页结构,在渲染时,将获取的渲染资源添加到该网页结构中形成渲染后的网页发送至所述客户端。
更进一步地,所述集线器连接有用户微服务服务器、直播微服务服务器和表示微服务服务器,在所述集线器中设置渲染区,在所述客户端请求直播微服务时,获取所述‘伪’B端的标签,在所述渲染区中将所述标签作为一个视频浮层与直播视频叠加,形成具有‘伪’B端的标签的视频发送至客户端播放。
更进一步地,所述负载均衡的策略为:获取每一个‘伪’B端的客户端的访问量Ai、渲染配置参数的个数Xi及渲染资源所占用的存储空间Mi,计算每一个‘伪’B端的重要度F=w1*Ai+w2*Xi+w3*Mi,将重要度最大的‘伪’B端优先进行渲染,w1、w2、w3为权重值。
本发明还提出了一种计算机可读存储介质,所述存储介质上存储有计算机程序代码,当所述计算机程序代码被计算机执行时执行上述之任一的方法。
本发明的技术效果在于:本发明的一种基于集线器渲染‘伪’B端的方法、装置、设备及存储介质,该方法包括:设置步骤S101,在所述集线器中设置渲染配置文件,所述配置文件包括渲染效果与渲染配置的关系表;请求步骤S102,当‘伪’B端接收到客户端的访问请求时,所述‘伪’B端向所述集线器发送渲染请求,所述渲染请求包括渲染的目标效果;获取步骤S103,所述集线器获取渲染请求中的所述目标效果后,基于所述目标效果查询所述关系表得到该‘伪’B端的渲染配置参数,基于所述渲染配置参数从集线器中获取渲染资源;渲染步骤S104,所述集线器基于所述渲染资源对‘伪’B端的页面进行渲染,并将渲染后的‘伪’B端的页面发送至所述客户端。本发明中,通过设置了集线器,其可以渲染出用户需要的‘伪’B端,且集线器上存储了多种资源,可以根据‘伪’B端的需求渲染出不同的‘伪’B端,即实现了将集线器中的资源经放大后供多个‘伪’B端使用,降低了企业的开发、管理成本;本发明的集线器支持对多个‘伪’B端进行渲染,因此,这需要引入调度策略,选择重要的‘伪’B端进行渲染,因此,本发明提出了‘伪’B端的负载均衡的策略作为调度策略,主要是提出了具体的公式基于‘伪’B端的客户端的访问量Ai、渲染配置参数的个数Xi及渲染资源所占用的存储空间Mi计算重要度,重要度大的‘伪’B端优先进行渲染;本发明中,并在Redis缓存中分布加载对应的渲染资源,渲染后再转发给末端微服务,即客户端,在客户端上创建View,达到Web端背景底图、UI规范、内容风格、Logo、Banner、水印等一系列的无闪烁渲染,提高了渲染速度。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本申请的其它特征、目的和优点将会变得更明显。
图1是根据本发明的实施例的一种基于集线器渲染‘伪’B端的方法的流程图。
图2是根据本发明的实施例的一种基于集线器渲染‘伪’B端的装置的结构图。
具体实施方式
下面结合附图和实施例对本申请作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释相关发明,而非对该发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与有关发明相关的部分。
需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。
图1示出了本发明的一种基于集线器渲染‘伪’B端的方法,B端,代表企业用户商家,是互联网产品中的商家界面(即:管理平台),现有技术中,企业自己开发自己的B端,这样耗时耗力,这是一般企业无法承受的,因此,本发明提出了基于集线器的渲染‘伪’B端的方法,本发明所述集线器实质模仿集线器工作原理,通过Hub对接收到的信号进行再生整形放大,其可以通过服务器实现。本发明中的‘伪’B端的含义是由集线器渲染出的B端,其与用户根据需求实际渲染的B端基本一致,所以称为‘伪’B端。所述方法包括:
设置步骤S101,在所述集线器中设置渲染配置文件,所述配置文件包括渲染效果与渲染配置的关系表;
请求步骤S102,当‘伪’B端接收到客户端的访问请求时,所述‘伪’B端向所述集线器发送渲染请求,所述渲染请求包括渲染的目标效果;
获取步骤S103,所述集线器获取渲染请求中的所述目标效果后,基于所述目标效果查询所述关系表得到该‘伪’B端的渲染配置参数,基于所述渲染配置参数从集线器中获取渲染资源;
渲染步骤S104,所述集线器基于所述渲染资源对‘伪’B端的页面进行渲染,并将渲染后的‘伪’B端的页面发送至所述客户端。
本发明中,通过设置了集线器,其可以渲染出用户需要的‘伪’B端,且集线器上存储了多种资源,可以根据‘伪’B端的需求渲染出不同的‘伪’B端,即实现了将集线器中的资源经放大后供多个‘伪’B端使用,降低了企业的开发、管理成本,这是本发明的一个重要发明点。
在一个实施例中,所述‘伪’B端向所述集线器发送渲染请求的操作为:所述‘伪’B端向所述集线器发送身份认证请求,通过认证服务器对所述身份认证请求认证通过后经过负载均衡处理将渲染请求发送至所述集线器。身份认证可以是证书认证、密码认证或其组合等等。
在一个实施例中,所述负载均衡的策略为:获取每一个‘伪’B端的客户端的访问量Ai、渲染配置参数的个数Xi及渲染资源所占用的存储空间Mi,计算每一个‘伪’B端的重要度F=w1*Ai+w2*Xi+w3*Mi,将重要度最大的‘伪’B端优先进行渲染,w1、w2、w3为权重值,这些权重值可以根据历史数据,通过人工智能的方法获得。
本发明的集线器支持对多个‘伪’B端进行渲染,因此,这需要引入调度策略,选择重要的‘伪’B端进行渲染,因此,本发明提出了‘伪’B端的负载均衡的策略作为调度策略,主要是提出了具体的公式基于‘伪’B端的客户端的访问量Ai、渲染配置参数的个数Xi及渲染资源所占用的存储空间Mi计算重要度,重要度大的‘伪’B端优先进行渲染,这是本发明的另一个重要发明点。
在一个实施例中,所述资源包括通用资源和专属资源,所述通用资源包括子域名、企业名称、企业LOGO、首页Banner、首页专题图、动画、全局背景图片、字体类型、字体颜色、字体大小、音频水印、视频水印和/或文章水印,所述专属资源为‘伪’B端的用户自己上传的资源文件。通过这些资源,使得渲染后的网站效果即达到“伪”专属平台(即‘伪’B端)效果。在上传专属资源的时候,为了保证资源加载速度,要对资源进行压缩,压缩HTML、CSS、JS以及图片,并启用gzip进行压缩传输。B端中上传的结构化数据会存在数据库中,并与其他企业上传的专属资源逻辑隔离;上传的非结构化数据会通过外键关联primary key存入文件服务器中,并与其他企业上传的专属资源逻辑隔离。在不同企业渲染时,通过接口创建委托类,再由委托类拼凑XML创建标签,实现view布局,实现了通过委托类加载通用与专属的资源,提高了资源的加载效率,降低了系统负担,这是本发明的一个重要发明点。
在一个实施例中,在所述集线器对所述身份认证请求认证通过后提取所述‘伪’B端的URL,在所述URL后添加集线器网络域名形成新的URL,并在Redis缓存中为该新的URL构建网页结构,在渲染时,将获取的渲染资源添加到该网页结构中形成渲染后的网页发送至所述客户端。
在一个实施例中,所述集线器连接有用户微服务服务器、直播微服务服务器和表示微服务服务器,在所述集线器中设置渲染区,在所述客户端请求直播微服务时,获取所述‘伪’B端的标签,在所述渲染区中将所述标签作为一个视频浮层与直播视频叠加,形成具有‘伪’B端的标签的视频发送至客户端播放。
本发明中,并在Redis缓存中分布加载对应的渲染资源,渲染后再转发给末端微服务,即客户端,在客户端上创建View,达到Web端背景底图、UI规范、内容风格、Logo、Banner、水印等一系列的无闪烁渲染,提高了渲染速度,这是本发明的另一个重要发明点。
为进一步地解决‘伪’B端渲染闪烁的问题,在存在访问‘伪’B端的大量客户端用户并发打开界面时,从资源大小、资源数量、资源响应时间以及浏览器缓存这四个方面做进行优化。
在资源大小方面要减少请求资源的大小,在不影响效果的情况下,去除多余的数据,采用压缩传输机制,在资源传输过程中先压缩再传输,接收到资源后再解压缩。
减少请求资源的次数,合并小资源,将小图标转为base64编码,使用iconfont(字体图标)替代图片。
加快资源响应时间使用CDN加速技术。
浏览器缓存技术,资源更新后命名与改动前的资源不同,浏览器重新加载资源做到及时更新,避免从缓存中找到失效资源。
通过这些优化,做到自动化渲染‘伪’B端时无明显闪烁,很好的提高网站的用户体验度,这是本发明的另一个重要发明点。
图2示出了本发明的一种基于集线器渲染‘伪’B端的装置,B端,代表企业用户商家,是互联网产品中的商家界面(即:管理平台),现有技术中,企业自己开发自己的B端,这样耗时耗力,这是一般企业无法承受的,因此,本发明提出了基于集线器的渲染‘伪’B端的方法,本发明所述集线器实质模仿集线器工作原理,通过Hub对接收到的信号进行再生整形放大,其可以通过服务器实现。本发明中的‘伪’B端的含义是由集线器渲染出的B端,其与用户根据需求实际渲染的B端基本一致,所以称为‘伪’B端。所述装置包括:
设置单元201,在所述集线器中设置渲染配置文件,所述配置文件包括渲染效果与渲染配置的关系表;
请求单元202,当‘伪’B端接收到客户端的访问请求时,所述‘伪’B端向所述集线器发送渲染请求,所述渲染请求包括渲染的目标效果;
获取单元203,所述集线器获取渲染请求中的所述目标效果后,基于所述目标效果查询所述关系表得到该‘伪’B端的渲染配置参数,基于所述渲染配置参数从集线器中获取渲染资源;
渲染单元204,所述集线器基于所述渲染资源对‘伪’B端的页面进行渲染,并将渲染后的‘伪’B端的页面发送至所述客户端。
本发明中,通过设置了集线器,其可以渲染出用户需要的‘伪’B端,且集线器上存储了多种资源,可以根据‘伪’B端的需求渲染出不同的‘伪’B端,即实现了将集线器中的资源经放大后供多个‘伪’B端使用,降低了企业的开发、管理成本,这是本发明的一个重要发明点。
在一个实施例中,所述‘伪’B端向所述集线器发送渲染请求的操作为:所述‘伪’B端向所述集线器发送身份认证请求,通过认证服务器对所述身份认证请求认证通过后经过负载均衡处理将渲染请求发送至所述集线器。身份认证可以是证书认证、密码认证或其组合等等。
在一个实施例中,所述负载均衡的策略为:获取每一个‘伪’B端的客户端的访问量Ai、渲染配置参数的个数Xi及渲染资源所占用的存储空间Mi,计算每一个‘伪’B端的重要度F=w1*Ai+w2*Xi+w3*Mi,将重要度最大的‘伪’B端优先进行渲染,w1、w2、w3为权重值,这些权重值可以根据历史数据,通过人工智能的方法获得。
本发明的集线器支持对多个‘伪’B端进行渲染,因此,这需要引入调度策略,选择重要的‘伪’B端进行渲染,因此,本发明提出了‘伪’B端的负载均衡的策略作为调度策略,主要是提出了具体的公式基于‘伪’B端的客户端的访问量Ai、渲染配置参数的个数Xi及渲染资源所占用的存储空间Mi计算重要度,重要度大的‘伪’B端优先进行渲染,这是本发明的另一个重要发明点。
在一个实施例中,所述资源包括通用资源和专属资源,所述通用资源包括子域名、企业名称、企业LOGO、首页Banner、首页专题图、动画、全局背景图片、字体类型、字体颜色、字体大小、音频水印、视频水印和/或文章水印,所述专属资源为‘伪’B端的用户自己上传的资源文件。通过这些资源,使得渲染后的网站效果即达到“伪”专属平台(即‘伪’B端)效果。在上传专属资源的时候,为了保证资源加载速度,要对资源进行压缩,压缩HTML、CSS、JS以及图片,并启用gzip进行压缩传输。B端中上传的结构化数据会存在数据库中,并与其他企业上传的专属资源逻辑隔离;上传的非结构化数据会通过外键关联primary key存入文件服务器中,并与其他企业上传的专属资源逻辑隔离。在不同企业渲染时,通过接口创建委托类,再由委托类拼凑XML创建标签,实现view布局,实现了通过委托类加载通用与专属的资源,提高了资源的加载效率,降低了系统负担,这是本发明的一个重要发明点。
在一个实施例中,在所述集线器对所述身份认证请求认证通过后提取所述‘伪’B端的URL,在所述URL后添加集线器网络域名形成新的URL,并在Redis缓存中为该新的URL构建网页结构,在渲染时,将获取的渲染资源添加到该网页结构中形成渲染后的网页发送至所述客户端。
在一个实施例中,所述集线器连接有用户微服务服务器、直播微服务服务器和表示微服务服务器,在所述集线器中设置渲染区,在所述客户端请求直播微服务时,获取所述‘伪’B端的标签,在所述渲染区中将所述标签作为一个视频浮层与直播视频叠加,形成具有‘伪’B端的标签的视频发送至客户端播放。
本发明中,并在Redis缓存中分布加载对应的渲染资源,渲染后再转发给末端微服务,即客户端,在客户端上创建View,达到Web端背景底图、UI规范、内容风格、Logo、Banner、水印等一系列的无闪烁渲染,提高了渲染速度,这是本发明的另一个重要发明点。
为进一步地解决‘伪’B端渲染闪烁的问题,在存在访问‘伪’B端的大量客户端用户并发打开界面时,从资源大小、资源数量、资源响应时间以及浏览器缓存这四个方面做进行优化。
在资源大小方面要减少请求资源的大小,在不影响效果的情况下,去除多余的数据,采用压缩传输机制,在资源传输过程中先压缩再传输,接收到资源后再解压缩。
减少请求资源的次数,合并小资源,将小图标转为base64编码,使用iconfont(字体图标)替代图片。
加快资源响应时间使用CDN加速技术。
浏览器缓存技术,资源更新后命名与改动前的资源不同,浏览器重新加载资源做到及时更新,避免从缓存中找到失效资源。
通过这些优化,做到自动化渲染‘伪’B端时无明显闪烁,很好的提高网站的用户体验度,这是本发明的另一个重要发明点。
本发明一个实施例中提出了一种基于集线器渲染‘伪’B端的设备,所述设备包括处理器和存储器,所述处理器与所述处理器通过总线连接,所述存储器上存储有计算机程序,所述处理器执行所述存储器上的计算机程序时实现上述的方法,该设备可以是台式计算机、服务器、笔记本、智能终端等等。
本发明一个实施例中提出了一种计算机存储介质,所述计算机存储介质上存储有计算机程序,当所述计算机存储介质上的计算机程序被处理器执行时实现上述的方法,该计算机存储介质可以是硬盘、DVD、CD、闪存等等存储器。
本发明的为了描述的方便,描述以上装置时以功能分为各种单元分别描述。当然,在实施本申请时可以把各单元的功能在同一个或多个软件和/或硬件中实现。
通过以上的实施方式的描述可知,本领域的技术人员可以清楚地了解到本申请可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在存储介质 中,如ROM/RAM、磁碟、光盘等,包括若干指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本申请各个实施例或者实施例的某些部分所述的装置。
最后所应说明的是:以上实施例仅以说明而非限制本发明的技术方案,尽管参照上述实施例对本发明进行了详细说明,本领域的普通技术人员应当理解:依然可以对本发明进行修改或者等同替换,而不脱离本发明的精神和范围的任何修改或局部替换,其均应涵盖在本发明的权利要求范围当中。
Claims (10)
1.一种基于集线器渲染‘伪’B端的方法,其特征在于,所述方法包括:
设置步骤,在所述集线器中设置渲染配置文件,所述配置文件包括渲染效果与渲染配置的关系表;
请求步骤,当‘伪’B端接收到客户端的访问请求时,所述‘伪’B端向所述集线器发送渲染请求,所述渲染请求包括渲染的目标效果;
获取步骤,所述集线器获取渲染请求中的所述目标效果后,基于所述目标效果查询所述关系表得到该‘伪’B端的渲染配置参数,基于所述渲染配置参数从集线器中获取渲染资源;
渲染步骤,所述集线器基于所述渲染资源对‘伪’B端的页面进行渲染,并将渲染后的‘伪’B端的页面发送至所述客户端。
2.根据权利要求1所述的方法,其特征在于,所述‘伪’B端向所述集线器发送渲染请求的操作为:所述‘伪’B端向所述集线器发送身份认证请求,通过认证服务器对所述身份认证请求认证通过后经过负载均衡处理将渲染请求发送至所述集线器。
3.根据权利要求2所述的方法,其特征在于,所述资源包括通用资源和专属资源,所述通用资源包括子域名、企业名称、企业LOGO、首页Banner、首页专题图、动画、全局背景图片、字体类型、字体颜色、字体大小、音频水印、视频水印和/或文章水印,所述专属资源为‘伪’B端的用户自己上传的资源文件。
4.根据权利要求3所述的方法,其特征在于,在所述集线器对所述身份认证请求认证通过后提取所述‘伪’B端的URL,在所述URL后添加集线器网络域名形成新的URL,并在Redis缓存中为该新的URL构建网页结构,在渲染时,将获取的渲染资源添加到该网页结构中形成渲染后的网页发送至所述客户端。
5.根据权利要求4所述的方法,其特征在于,所述集线器连接有用户微服务服务器、直播微服务服务器和表示微服务服务器,在所述集线器中设置渲染区,在所述客户端请求直播微服务时,获取所述‘伪’B端的标签,在所述渲染区中将所述标签作为一个视频浮层与直播视频叠加,形成具有‘伪’B端的标签的视频发送至客户端播放。
6.一种基于集线器渲染‘伪’B端的装置,其特征在于,所述装置包括:
设置单元,在所述集线器中设置渲染配置文件,所述配置文件包括渲染效果与渲染配置的关系表;
请求单元,当‘伪’B端接收到客户端的访问请求时,所述‘伪’B端向所述集线器发送渲染请求,所述渲染请求包括渲染的目标效果;
获取单元,所述集线器获取渲染请求中的所述目标效果后,基于所述目标效果查询所述关系表得到该‘伪’B端的渲染配置参数,基于所述渲染配置参数从集线器中获取渲染资源;
渲染单元,所述集线器基于所述渲染资源对‘伪’B端的页面进行渲染,并将渲染后的‘伪’B端的页面发送至所述客户端。
7.根据权利要求6所述的装置,其特征在于,所述资源包括通用资源和专属资源,所述通用资源包括子域名、企业名称、企业LOGO、首页Banner、首页专题图、动画、全局背景图片、字体类型、字体颜色、字体大小、音频水印、视频水印和/或文章水印,所述专属资源为‘伪’B端的用户自己上传的资源文件。
8.根据权利要求7所述的装置,其特征在于,在所述集线器对身份认证请求认证通过后提取所述‘伪’B端的URL,在所述URL后添加集线器网络域名形成新的URL,并在Redis缓存中为该新的URL构建网页结构,在渲染时,将获取的渲染资源添加到该网页结构中形成渲染后的网页发送至所述客户端。
9.根据权利要求8所述的装置,其特征在于,所述集线器连接有用户微服务服务器、直播微服务服务器和表示微服务服务器,在所述集线器中设置渲染区,在所述客户端请求直播微服务时,获取所述‘伪’B端的标签,在所述渲染区中将所述标签作为一个视频浮层与直播视频叠加,形成具有‘伪’B端的标签的视频发送至客户端播放。
10.一种计算机存储介质,所述计算机存储介质上存储有计算机程序,当所述计算机存储介质上的计算机程序被处理器执行时实现权利要求1-5任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111358698.0A CN113810738B (zh) | 2021-11-17 | 2021-11-17 | 一种基于集线器渲染‘伪’b端的方法、装置及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202111358698.0A CN113810738B (zh) | 2021-11-17 | 2021-11-17 | 一种基于集线器渲染‘伪’b端的方法、装置及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN113810738A true CN113810738A (zh) | 2021-12-17 |
CN113810738B CN113810738B (zh) | 2022-02-18 |
Family
ID=78898625
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202111358698.0A Active CN113810738B (zh) | 2021-11-17 | 2021-11-17 | 一种基于集线器渲染‘伪’b端的方法、装置及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113810738B (zh) |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20040267955A1 (en) * | 2003-06-27 | 2004-12-30 | Dell Products L.P. | System and method for network communication |
US20080010345A1 (en) * | 2006-07-07 | 2008-01-10 | Bryce Allen Curtis | Method and apparatus for data hub objects |
CN112784191A (zh) * | 2020-06-12 | 2021-05-11 | 腾讯科技(上海)有限公司 | 一种超文本邮件渲染方法、装置、设备和介质 |
CN112800363A (zh) * | 2021-02-04 | 2021-05-14 | 北京字节跳动网络技术有限公司 | 页面显示方法、装置、电子设备和计算机可读介质 |
CN113010827A (zh) * | 2021-03-16 | 2021-06-22 | 北京百度网讯科技有限公司 | 页面渲染方法、装置、电子设备以及存储介质 |
CN113313804A (zh) * | 2021-06-23 | 2021-08-27 | 深圳Tcl新技术有限公司 | 一种图像渲染方法、装置、电子设备和存储介质 |
-
2021
- 2021-11-17 CN CN202111358698.0A patent/CN113810738B/zh active Active
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20040267955A1 (en) * | 2003-06-27 | 2004-12-30 | Dell Products L.P. | System and method for network communication |
US20080010345A1 (en) * | 2006-07-07 | 2008-01-10 | Bryce Allen Curtis | Method and apparatus for data hub objects |
CN112784191A (zh) * | 2020-06-12 | 2021-05-11 | 腾讯科技(上海)有限公司 | 一种超文本邮件渲染方法、装置、设备和介质 |
CN112800363A (zh) * | 2021-02-04 | 2021-05-14 | 北京字节跳动网络技术有限公司 | 页面显示方法、装置、电子设备和计算机可读介质 |
CN113010827A (zh) * | 2021-03-16 | 2021-06-22 | 北京百度网讯科技有限公司 | 页面渲染方法、装置、电子设备以及存储介质 |
CN113313804A (zh) * | 2021-06-23 | 2021-08-27 | 深圳Tcl新技术有限公司 | 一种图像渲染方法、装置、电子设备和存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN113810738B (zh) | 2022-02-18 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9773069B2 (en) | Pre-fetching of network page content in a browser application | |
JP3762687B2 (ja) | Htmlフォーム・エレメントを動的に表示するシステムおよび方法 | |
CN110096660B (zh) | 用于加载页面图片的方法、装置和电子设备 | |
EP2433258B1 (en) | Protected serving of electronic content | |
US8578019B2 (en) | Monitoring the health of web page analytics code | |
US8239257B2 (en) | Displaying online advertisements | |
US20100324999A1 (en) | Advertisement proxy service | |
US20130239196A1 (en) | Secure expandable advertisements using an api and cross-domain communications | |
US8214903B2 (en) | Analysis of scripts | |
US8966446B1 (en) | Systems and methods of live experimentation on content provided by a web site | |
US8838678B1 (en) | Dynamic cascading for network sites | |
CN110442815B (zh) | 页面生成方法、系统、装置及计算机可读存储介质 | |
US20100313129A1 (en) | Self-Expanding AD Unit | |
US9876879B2 (en) | Distributed network page generation | |
US20120173657A1 (en) | Cloud-based web page applications for extending functionality | |
US20170212657A1 (en) | User interface rendering performance | |
CN106033361A (zh) | 一种应用页面呈现、应用页面数据更新方法及装置 | |
CN110795649A (zh) | 目标页面展示方法、装置、系统及电子设备 | |
CN107807937A (zh) | 一种网站seo处理方法、装置及系统 | |
US10073922B2 (en) | Advertisement-controlled web page customization | |
JP4282312B2 (ja) | Webサーバ、Javaサーブレットの機能を有するWebサーバ、およびコンピュータプログラム | |
CN107229653B (zh) | 伪静态网页生成方法和装置 | |
GB2519113A (en) | Generation of combined documents from content and layout documents based on semantically neutral elements | |
CN104123143A (zh) | 用户控件加载系统及方法 | |
US20130036374A1 (en) | Method and apparatus for providing a banner on a website |
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 |