CN110866197A - 一种基于web应用程序的离港前端客户端访问方法及装置 - Google Patents

一种基于web应用程序的离港前端客户端访问方法及装置 Download PDF

Info

Publication number
CN110866197A
CN110866197A CN201911132815.4A CN201911132815A CN110866197A CN 110866197 A CN110866197 A CN 110866197A CN 201911132815 A CN201911132815 A CN 201911132815A CN 110866197 A CN110866197 A CN 110866197A
Authority
CN
China
Prior art keywords
web
web application
application program
end client
accessing
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
CN201911132815.4A
Other languages
English (en)
Other versions
CN110866197B (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.)
China Travelsky Technology Co Ltd
Original Assignee
China Travelsky 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 China Travelsky Technology Co Ltd filed Critical China Travelsky Technology Co Ltd
Priority to CN201911132815.4A priority Critical patent/CN110866197B/zh
Publication of CN110866197A publication Critical patent/CN110866197A/zh
Application granted granted Critical
Publication of CN110866197B publication Critical patent/CN110866197B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

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/955—Retrieval from the web using information identifiers, e.g. uniform resource locators [URL]
    • 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
    • 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
    • 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]

Landscapes

  • Engineering & Computer Science (AREA)
  • Databases & Information Systems (AREA)
  • Theoretical Computer Science (AREA)
  • Data Mining & Analysis (AREA)
  • Physics & Mathematics (AREA)
  • General Engineering & Computer Science (AREA)
  • General Physics & Mathematics (AREA)
  • Computer Networks & Wireless Communication (AREA)
  • Signal Processing (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

本申请所述的基于WEB应用程序的离港前端客户端访问方法及装置，通过将WEB应用程序所需的第三方WEB框架以及对应所需的所有资源文件加载至离港前端客户端的WEB容器中，在进行用户访问离港前端客户端时，从WEB容器提取WEB应用程序所需的第三方WEB框架以及对应所需的所有资源文件，省去了从远程服务器下载WEB应用程序所需的第三方WEB框架以及对应所需的所有资源文件所需的流量占用，从而极大地减少离港前端客户端对机场网络的占用，加快离港前端客户端的访问速率。

Description

一种基于WEB应用程序的离港前端客户端访问方法及装置
技术领域
本申请涉及计算机信息技术领域，尤其涉及一种基于WEB应用程序的离港前端客户端访问方法及装置。
背景技术
当前，WEB应用程序在正常引用第三方WEB框架时，需要先将服务器WEB容器中的第三方WEB框架资源下载到本地；然后在离港前端客户端访问WEB应用程序时，再将第三方WEB框架下载，这时若第三方WEB框架比较大，将会占用大量的带宽，而目前机场网络专线在高峰时段可提供给离港前端单个客户端的访问WEB应用的带宽约为5kb/s，不但常规的WEB网页在这种网络环境下完全无法正常访问，影响离港前端客户端的运行效率，甚至还会导致机场其他应用的网络阻塞，影响到机场其他应用的正常使用。
当前业界，对减少网页访问流量的常规技术主要是通过在服务端进行文件压缩，如gulp(一个前端自动化构建工具，可以优化资源，比如压缩CSS、JavaScript、压缩图片)、gzip(一个自由软件的文件压缩程序，用来改进WEB应用程序性能的技术)等工具，但经过gzip等工具压缩后，如表1所示，常规WEB应用占用网络资源较大的文件仍是第三方WEB框架。
表1
文件名 压缩前(B) gzip压缩后(B)
jQuery.easyui.min.js 324909 77423
angular.min.js 160366 56464
app.min.js 158663 34613
bootstrap.min.css 106015 33102
jquery.min.js 92556 17075
bootstrap-datetimepicker.js 70918 13335
easyui.css 48994 9292
ui.css 29920 7571
其它资源(html等) 163087 40942
然而，由于这些技术的流量缩减比例相对有限，在机场网络环境下访问经过常规压缩后，如图1所示，通过分析发现整个WEB应用程序中第三方WEB框架占用资源比例高达70％以上，这部分资源仍然是导致离港前端客户端访问WEB应用程序速度慢的主要原因，因此，压缩后的WEB网页仍不能满足机场恶劣的带宽访问条件。
发明内容
本申请提供了一种基于WEB应用程序的离港前端客户端访问方法及装置，目的在于解决如何提高离港前端客户端的运行效率的问题。
为了实现上述目的，本申请提供了以下技术方案：
一种基于WEB应用程序的离港前端客户端访问方法，包括：
接收用户发送的访问WEB应用的访问请求，所述访问请求包括访问所述WEB应用的URL请求；
将所述URL请求发送至远程服务器，并接收与所述URL请求对应的功能资源页面，所述功能资源页面为所述远程服务器根据所述URL请求加载并反馈至所述所述离港前端客户端；
依据所述访问请求从所述WEB容器中提取访问所述WEB应用程序所需的第三方WEB框架以及对应所需的所有资源文件；
将所述WEB应用程序所需第三方WEB框架以及对应所需的所有资源文件与所述功能资源页面进行渲染，以生成所述WEB应用程序的展示页面；
将所述展示页面反馈给所述离港前端客户端进行展示，以实现离港前端客户端的访问。
优选的，在所述接收用户发送的访问WEB应用的访问请求之前，还包括：
预先在所述离港前端客户端的WEB容器中集成访问所述WEB应用程序所需的所有第三方WEB框架。
优选的，所述预先在所述离港前端客户端的WEB容器中集成访问所述WEB应用程序所需的所有第三方WEB框架，具体为：
提取访问所述WEB应用程序所需的所有第三方WEB框架以及对应所需的所有资源文件；
启动所述离港前端客户端的WEB容器，将所述所述WEB应用程序所需的所有第三方WEB框架以及对应所需的所有资源文件存储至所述离港前端客户端的WEB容器。
优选的，所述依据所述访问请求从所述WEB容器中提取访问所述WEB应用程序所需的第三方WEB框架以及对应所需的所有资源文件，具体为：
根据所述访问请求中预设引用规则从所述WEB容器中提取访问所述WEB应用程序所需的第三方WEB框架以及对应所需的所有资源文件，所述预设引用规则为所述WEB应用程序中对于所述第三方WEB框架以及对应所需的所有资源文件的引用规则。
一种基于WEB应用程序的离港前端客户端访问装置，包括：
第一处理单元，用于接收用户发送的访问WEB应用的访问请求，所述访问请求包括访问所述WEB应用的URL请求；
第二处理单元，用于将所述URL请求发送至远程服务器，并接收与所述URL请求对应的功能资源页面，所述功能资源页面为所述远程服务器根据所述URL请求加载并反馈至所述所述离港前端客户端；
第三处理单元，用于依据所述访问请求从所述WEB容器中提取访问所述WEB应用程序所需的第三方WEB框架以及对应所需的所有资源文件；
第四处理单元，用于将所述WEB应用程序所需第三方WEB框架以及对应所需的所有资源文件与所述功能资源页面进行渲染，以生成所述WEB应用程序的展示页面；
第五处理单元，用于将所述展示页面反馈给所述离港前端客户端进行展示，以实现离港前端客户端的访问。。
优选的，该装置还包括：预设单元；
所述预设单元，用于在所述接收用户发送的访问WEB应用的访问请求之前，预先在所述离港前端客户端的WEB容器中集成访问所述WEB应用程序所需的所有第三方WEB框架。
优选的，所述预设单元具体用于：
提取访问所述WEB应用程序所需的所有第三方WEB框架以及对应所需的所有资源文件；
启动所述离港前端客户端的WEB容器，将所述所述WEB应用程序所需的所有第三方WEB框架以及对应所需的所有资源文件存储至所述离港前端客户端的WEB容器。
优选的，所述第三处理单元具体用于：
根据所述访问请求中预设引用规则从所述WEB容器中提取访问所述WEB应用程序所需的第三方WEB框架以及对应所需的所有资源文件，所述预设引用规则为所述WEB应用程序中对于所述第三方WEB框架以及对应所需的所有资源文件的引用规则。
一种存储介质，所述存储介质包括存储的程序，其中，在所述程序运行时控制所述存储介质所在的设备执行如上述所述的基于WEB应用程序的离港前端客户端访问方法。
一种电子设备，所述电子设备包括至少一个处理器、以及与所述处理器连接的至少一个存储器、总线；其中，所述处理器、所述存储器通过所述总线完成相互间的通信；所述处理器用于调用所述存储器中的程序指令，以执行如上述所述的基于WEB应用程序的离港前端客户端访问方法。
本申请所述的基于WEB应用程序的离港前端客户端访问方法及装置，在接收到用户发送的访问WEB应用的访问请求后，所述访问请求包括访问所述WEB应用的URL请求，首先将所述URL请求发送至远程服务器，并接收与URL请求对应的功能资源页面，该功能资源页面为远程服务器根据URL请求加载并反馈至离港前端客户端；然后依据访问请求从WEB容器中提取访问WEB应用程序所需的第三方WEB框架以及对应所需的所有资源文件；最后将WEB应用程序所需第三方WEB框架以及对应所需的所有资源文件与功能资源页面进行渲染，以生成WEB应用程序的展示页面，从而实现离港前端客户端的访问。
本申请通过将WEB应用程序所需的第三方WEB框架以及对应所需的所有资源文件加载至离港前端客户端的WEB容器中，在进行用户访问离港前端客户端时，从WEB容器提取WEB应用程序所需的第三方WEB框架以及对应所需的所有资源文件，省去了从远程服务器下载WEB应用程序所需的第三方WEB框架以及对应所需的所有资源文件所需的流量占用，从而极大地减少离港前端客户端对机场网络的占用，加快离港前端客户端的访问速率。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。
图1为采用常规压缩技术实现WEB应用程序资源压缩后大小占比图；
图2为本申请实施例提供的一种应用场景示意图；
图3为本申请实施例公开的一种基于WEB应用程序的离港前端客户端访问方法的流程图；
图4为本申请实施例公开的Jetty的基本架构图；
图5为本申请实施例公开的一种基于WEB应用程序的离港前端客户端访问装置的结构示意图；
图6为本申请实施例公开的一种电子设备的结构示意图。
具体实施方式
本申请提供一种基于WEB应用程序的离港前端客户端访问方法及装置，应用于海外离港前端客户端和国内离港前端客户端，如图2所示，应用于离港前端客户端访问系统，包括：离港前端客户端21和远程服务器端22，支持离港主机服务，在机场本地提供旅客值机、登机控制、配载平衡等信息服务的计算机信息系统。由图1分析可知，整个WEB应用程序中第三方WEB框架占用资源比例高达74％，因此，进一步减少掉这部分的资源占用，就可以在原常规压缩的基础上再缩减掉74％，从而极大地减少离港前端客户端对机场网络的占用，提高离港前端客户端的运行效率。
本申请的发明目的在于：如何提高离港前端客户端的运行效率的问题。
下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
如图3所示，本申请提供一种基于WEB应用程序的离港前端客户端访问方法流程，具体包括如下步骤：
S300：预先在所述离港前端客户端的WEB容器中集成访问所述WEB应用程序所需的所有第三方WEB框架。
WEB应用程序是一种可以通过WEB访问的应用程序，第三方WEB框架指Bootstrap、EasyUI、JQuery、AngularJS等成熟的WEB开源框架。WEB容器为一种服务程序，在服务器一个端口就有一个提供相应服务的程序。
由图1分析可知，整个WEB应用程序中第三方WEB框架占用资源比例高达74％，因此，进一步减少掉这部分的资源占用，就可以在原常规压缩的基础上再缩减掉74％，从而极大地减少离港前端客户端对机场网络的占用，提高离港前端客户端的运行效率，因此，本申请可以预先在离港前端客户端的WEB容器中集成访问WEB应用程序所需的所有第三方WEB框架，同样的，可以有除第三方WEB框架之外占用资源较大，但是不会涉及经常更新的静态文件，如：图片、音乐等大资源文件。
在本申请实施例中，上述所述预先在所述离港前端客户端的WEB容器中集成访问所述WEB应用程序所需的所有第三方WEB框架，具体包括如下步骤：
提取访问所述WEB应用程序所需的所有第三方WEB框架以及对应所需的所有资源文件。
启动所述离港前端客户端的WEB容器，将所述WEB应用程序所需的所有第三方WEB框架以及对应所需的所有资源文件存储至所述离港前端客户端的WEB容器。
即：在离港前端客户端启动的时候同时启动一个轻量级的WEB容器，将所述WEB应用程序所需的所有第三方WEB框架以及对应所需的所有资源文件存储至所述离港前端客户端的WEB容器中，该WEB容器为轻量级的嵌入式WEB容器，如：Jetty、Tomcat。
本申请实施例中，以Jetty为典型WEB容器进行简单介绍，Jetty就是一个开源的HTTP服务器和Servlet引擎，其是一个开源的Servlet容器，如图4所示，Jetty的基本架构图，它可以为JSP和Servlet提供运行时环境，并且它可以嵌入到WEB应用中，使一个普通WEB应用可以支持http服务。相比Tomcat，Jetty的架构更加简单、更加轻量对离港前端客户端的WEB应用程序影响更小，因此，Jetty更适合于本申请的实施。
当下流行的WEB容器都适用于本申请，在此，以Jetty举例，在使用或启动WEB应用程序之前，将第三方WEB框架以及相对应的资源文件存放在Jetty的WEB工程目录，并配置上下文路径(如：/app-static)中，启动Jetty，配置一个启动端口(如：52016)，Jetty的入口是Server类，当Server类启动完成时，就代表Jetty可以提供服务。
S301：接收用户发送的访问WEB应用的访问请求，所述访问请求包括访问所述WEB应用的URL请求。
用户向离港前端客户端发送访问WEB应用的访问请求，离港前端客户端接收用户发送的WEB应用的访问请求。该访问请求可以为点击离港前端客户端的访问页面上设置的访问按钮发送的，也可以通过其他方式发送该访问请求。
S302：将所述URL请求发送至远程服务器，并接收与所述URL请求对应的功能资源页面，所述功能资源页面为所述远程服务器根据所述URL请求加载并反馈至所述所述离港前端客户端。
在远程服务器端存储有WEB应用，在接收用户发送的访问WEB应用的访问请求时，将访问请求中的URL请求发送至远程服务器，远程服务器在接收到URL请求后，加载URL请求对应的功能资源页面，并将URL请求对应的功能资源页面反馈至离港前端客户端。
S303：依据所述访问请求从所述WEB容器中提取访问所述WEB应用程序所需的第三方WEB框架以及对应所需的所有资源文件。
访问请求中除了包含发送至远程服务器的URL请求，还包括提取指令，该提取指令用于从WEB容器中提取访问所述WEB应用程序所需的第三方WEB框架以及对应所需的所有资源文件。
在本申请实施例中，所述依据所述访问请求从所述WEB容器中提取访问所述WEB应用程序所需的第三方WEB框架以及对应所需的所有资源文件，具体包括如下步骤：
根据所述访问请求中预设引用规则从所述WEB容器中提取访问所述WEB应用程序所需的第三方WEB框架以及对应所需的所有资源文件，所述预设引用规则为所述WEB应用程序中对于所述第三方WEB框架以及对应所需的所有资源文件的引用规则。
需要说明的是，上述预设引用规则可以修改WEB应用程序中对于第三方WEB框架的引用，将引用的地址路径改为localhost引用客户端中的资源，即可访问本地客户端的第三方WEB框架资源而不耗费网络资源。
如：将<script type＝"text/javascript"src＝"../commons/lib/jquery.easyui.min.js"></script>修改为<script type＝"text/javascript"src＝"http://localhost:52016/app-static/lib/jquery.easyui.min.js"></script>。
S304：将所述WEB应用程序所需第三方WEB框架以及对应所需的所有资源文件与所述功能资源页面进行渲染，以生成所述WEB应用程序的展示页面。
S305：将所述展示页面反馈给所述离港前端客户端进行展示，以实现离港前端客户端的访问。
本申请将占用资源巨大的第三方WEB框架以及对应所需的资源文件巧妙的由WEB应用程序的远程服务器中转移到了离港前端客户端中，极大的提升了访问效率且完全不会影响WEB应用程序的功能及样式，即：采用客户端启动WEB容器的方式解决WEB应用程序的大资源文件占用网络带宽问题。
本申请实施例提供的基于WEB应用程序的离港前端客户端访问方法，在接收到用户发送的访问WEB应用的访问请求后，所述访问请求包括访问所述WEB应用的URL请求，首先将所述URL请求发送至远程服务器，并接收与URL请求对应的功能资源页面，该功能资源页面为远程服务器根据URL请求加载并反馈至离港前端客户端；然后依据访问请求从WEB容器中提取访问WEB应用程序所需的第三方WEB框架以及对应所需的所有资源文件；最后将WEB应用程序所需第三方WEB框架以及对应所需的所有资源文件与功能资源页面进行渲染，以生成WEB应用程序的展示页面，从而实现离港前端客户端的访问。
本申请通过将WEB应用程序所需的第三方WEB框架以及对应所需的所有资源文件加载至离港前端客户端的WEB容器中，在进行用户访问离港前端客户端时，从WEB容器提取WEB应用程序所需的第三方WEB框架以及对应所需的所有资源文件，省去了从远程服务器下载WEB应用程序所需的第三方WEB框架以及对应所需的所有资源文件所需的流量占用，从而极大地减少离港前端客户端对机场网络的占用，加快离港前端客户端的访问速率。
请参阅图4，基于上述实施例公开的一种基于WEB应用程序的离港前端客户端访问方法，本实施例对应公开了一种基于WEB应用程序的离港前端客户端访问装置，具体包括：第一处理单元501、第二处理单元502、第三处理单元503、第四处理单元504和第五处理单元505，其中：
第一处理单元501，用于接收用户发送的访问WEB应用的访问请求，所述访问请求包括访问所述WEB应用的URL请求。
第二处理单元502，用于将所述URL请求发送至远程服务器，并接收与所述URL请求对应的功能资源页面，所述功能资源页面为所述远程服务器根据所述URL请求加载并反馈至所述所述离港前端客户端。
第三处理单元503，用于依据所述访问请求从所述WEB容器中提取访问所述WEB应用程序所需的第三方WEB框架以及对应所需的所有资源文件。
第四处理单元504，用于将所述WEB应用程序所需第三方WEB框架以及对应所需的所有资源文件与所述功能资源页面进行渲染，以生成所述WEB应用程序的展示页面。
第五处理单元505，用于将所述展示页面反馈给所述离港前端客户端进行展示，以实现离港前端客户端的访问。。
优选的，该装置还包括：预设单元500；
所述预设单元500，用于在所述接收用户发送的访问WEB应用的访问请求之前，预先在所述离港前端客户端的WEB容器中集成访问所述WEB应用程序所需的所有第三方WEB框架。
优选的，所述预设单元500具体用于：
提取访问所述WEB应用程序所需的所有第三方WEB框架以及对应所需的所有资源文件；
启动所述离港前端客户端的WEB容器，将所述所述WEB应用程序所需的所有第三方WEB框架以及对应所需的所有资源文件存储至所述离港前端客户端的WEB容器。
优选的，所述第三处理单元503具体用于：
根据所述访问请求中预设引用规则从所述WEB容器中提取访问所述WEB应用程序所需的第三方WEB框架以及对应所需的所有资源文件，所述预设引用规则为所述WEB应用程序中对于所述第三方WEB框架以及对应所需的所有资源文件的引用规则。
所述用户行为数据处理装置包括处理器和存储器，上述第一处理单元、第二处理单元、第三处理单元、第四处理单元和第五处理单元等均作为程序单元存储在存储器中，由处理器执行存储在存储器中的上述程序单元来实现相应的功能。
处理器中包含内核，由内核去存储器中调取相应的程序单元。内核可以设置一个或以上，通过将WEB应用程序所需的第三方WEB框架以及对应所需的所有资源文件加载至离港前端客户端的WEB容器中，在进行用户访问离港前端客户端时，从WEB容器提取WEB应用程序所需的第三方WEB框架以及对应所需的所有资源文件，省去了从远程服务器下载WEB应用程序所需的第三方WEB框架以及对应所需的所有资源文件所需的流量占用，从而极大地减少离港前端客户端对机场网络的占用，加快离港前端客户端的访问速率。
本发明实施例提供了一种存储介质，其上存储有程序，该程序被处理器执行时实现所述用户行为数据处理方法。
本发明实施例提供了一种处理器，所述处理器用于运行程序，其中，所述程序运行时执行所述用户行为数据处理方法。
本发明实施例提供了一种电子设备，如图6所示，该电子设备60包括至少一个处理器601、以及与所述处理器连接的至少一个存储器602、总线603；其中，所述处理器601、所述存储器602通过所述总线603完成相互间的通信；处理器601用于调用所述存储器602中的程序指令，以执行上述的所述用户行为数据处理方法。
本文中的电子设备可以是服务器、PC、PAD、手机等。
本申请还提供了一种计算机程序产品，当在数据处理设备上执行时，适于执行初始化有如下方法步骤的程序：
接收用户发送的访问WEB应用的访问请求，所述访问请求包括访问所述WEB应用的URL请求；
将所述URL请求发送至远程服务器，并接收与所述URL请求对应的功能资源页面，所述功能资源页面为所述远程服务器根据所述URL请求加载并反馈至所述所述离港前端客户端；
依据所述访问请求从所述WEB容器中提取访问所述WEB应用程序所需的第三方WEB框架以及对应所需的所有资源文件；
将所述WEB应用程序所需第三方WEB框架以及对应所需的所有资源文件与所述功能资源页面进行渲染，以生成所述WEB应用程序的展示页面；
将所述展示页面反馈给所述离港前端客户端进行展示，以实现离港前端客户端的访问。
优选的，在所述接收用户发送的访问WEB应用的访问请求之前，还包括：
预先在所述离港前端客户端的WEB容器中集成访问所述WEB应用程序所需的所有第三方WEB框架。
优选的，所述预先在所述离港前端客户端的WEB容器中集成访问所述WEB应用程序所需的所有第三方WEB框架，具体为：
提取访问所述WEB应用程序所需的所有第三方WEB框架以及对应所需的所有资源文件；
启动所述离港前端客户端的WEB容器，将所述所述WEB应用程序所需的所有第三方WEB框架以及对应所需的所有资源文件存储至所述离港前端客户端的WEB容器。
优选的，所述依据所述访问请求从所述WEB容器中提取访问所述WEB应用程序所需的第三方WEB框架以及对应所需的所有资源文件，具体为：
根据所述访问请求中预设引用规则从所述WEB容器中提取访问所述WEB应用程序所需的第三方WEB框架以及对应所需的所有资源文件，所述预设引用规则为所述WEB应用程序中对于所述第三方WEB框架以及对应所需的所有资源文件的引用规则。
本申请是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
在一个典型的配置中，设备包括一个或多个处理器(CPU)、存储器和总线。设备还可以包括输入/输出接口、网络接口等。
存储器可能包括计算机可读介质中的非永久性存储器，随机存取存储器(RAM)和/或非易失性内存等形式，如只读存储器(ROM)或闪存(flash RAM)，存储器包括至少一个存储芯片。存储器是计算机可读介质的示例。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括，但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带，磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质，可用于存储可以被计算设备访问的信息。按照本文中的界定，计算机可读介质不包括暂存电脑可读媒体(transitory media)，如调制的数据信号和载波。
还需要说明的是，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白，本申请的实施例可提供为方法、系统或计算机程序产品。因此，本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且，本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
以上仅为本申请的实施例而已，并不用于限制本申请。对于本领域技术人员来说，本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等，均应包含在本申请的权利要求范围之内。

Claims (10)

1.一种基于WEB应用程序的离港前端客户端访问方法，其特征在于，包括：
接收用户发送的访问WEB应用的访问请求，所述访问请求包括访问所述WEB应用的URL请求；
将所述URL请求发送至远程服务器，并接收与所述URL请求对应的功能资源页面，所述功能资源页面为所述远程服务器根据所述URL请求加载并反馈至所述所述离港前端客户端；
依据所述访问请求从所述WEB容器中提取访问所述WEB应用程序所需的第三方WEB框架以及对应所需的所有资源文件；
将所述WEB应用程序所需第三方WEB框架以及对应所需的所有资源文件与所述功能资源页面进行渲染，以生成所述WEB应用程序的展示页面；
将所述展示页面反馈给所述离港前端客户端进行展示，以实现离港前端客户端的访问。
2.根据权利要求1所述的方法，其特征在于，在所述接收用户发送的访问WEB应用的访问请求之前，还包括：
预先在所述离港前端客户端的WEB容器中集成访问所述WEB应用程序所需的所有第三方WEB框架。
3.根据权利要求2所述的方法，其特征在于，所述预先在所述离港前端客户端的WEB容器中集成访问所述WEB应用程序所需的所有第三方WEB框架，具体为：
提取访问所述WEB应用程序所需的所有第三方WEB框架以及对应所需的所有资源文件；
启动所述离港前端客户端的WEB容器，将所述所述WEB应用程序所需的所有第三方WEB框架以及对应所需的所有资源文件存储至所述离港前端客户端的WEB容器。
4.根据权利要求1所述的方法，其特征在于，所述依据所述访问请求从所述WEB容器中提取访问所述WEB应用程序所需的第三方WEB框架以及对应所需的所有资源文件，具体为：
根据所述访问请求中预设引用规则从所述WEB容器中提取访问所述WEB应用程序所需的第三方WEB框架以及对应所需的所有资源文件，所述预设引用规则为所述WEB应用程序中对于所述第三方WEB框架以及对应所需的所有资源文件的引用规则。
5.一种基于WEB应用程序的离港前端客户端访问装置，其特征在于，包括：
第一处理单元，用于接收用户发送的访问WEB应用的访问请求，所述访问请求包括访问所述WEB应用的URL请求；
第二处理单元，用于将所述URL请求发送至远程服务器，并接收与所述URL请求对应的功能资源页面，所述功能资源页面为所述远程服务器根据所述URL请求加载并反馈至所述所述离港前端客户端；
第三处理单元，用于依据所述访问请求从所述WEB容器中提取访问所述WEB应用程序所需的第三方WEB框架以及对应所需的所有资源文件；
第四处理单元，用于将所述WEB应用程序所需第三方WEB框架以及对应所需的所有资源文件与所述功能资源页面进行渲染，以生成所述WEB应用程序的展示页面；
第五处理单元，用于将所述展示页面反馈给所述离港前端客户端进行展示，以实现离港前端客户端的访问。。
6.根据权利要求5所述的装置，其特征在于，还包括：预设单元；
所述预设单元，用于在所述接收用户发送的访问WEB应用的访问请求之前，预先在所述离港前端客户端的WEB容器中集成访问所述WEB应用程序所需的所有第三方WEB框架。
7.根据权利要求6所述的装置，其特征在于，所述预设单元具体用于：
提取访问所述WEB应用程序所需的所有第三方WEB框架以及对应所需的所有资源文件；
启动所述离港前端客户端的WEB容器，将所述所述WEB应用程序所需的所有第三方WEB框架以及对应所需的所有资源文件存储至所述离港前端客户端的WEB容器。
8.根据权利要求5所述的装置，其特征在于，所述第三处理单元具体用于：
根据所述访问请求中预设引用规则从所述WEB容器中提取访问所述WEB应用程序所需的第三方WEB框架以及对应所需的所有资源文件，所述预设引用规则为所述WEB应用程序中对于所述第三方WEB框架以及对应所需的所有资源文件的引用规则。
9.一种存储介质，其特征在于，所述存储介质包括存储的程序，其中，在所述程序运行时控制所述存储介质所在的设备执行如权利要求1至4中任一项所述的基于WEB应用程序的离港前端客户端访问方法。
10.一种电子设备，其特征在于，所述电子设备包括至少一个处理器、以及与所述处理器连接的至少一个存储器、总线；其中，所述处理器、所述存储器通过所述总线完成相互间的通信；所述处理器用于调用所述存储器中的程序指令，以执行如权利要求1至4中任一项所述的基于WEB应用程序的离港前端客户端访问方法。
CN201911132815.4A 2019-11-19 2019-11-19 一种基于web应用程序的离港前端客户端访问方法及装置 Active CN110866197B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201911132815.4A CN110866197B (zh) 2019-11-19 2019-11-19 一种基于web应用程序的离港前端客户端访问方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201911132815.4A CN110866197B (zh) 2019-11-19 2019-11-19 一种基于web应用程序的离港前端客户端访问方法及装置

Publications (2)

Publication Number Publication Date
CN110866197A true CN110866197A (zh) 2020-03-06
CN110866197B CN110866197B (zh) 2022-08-19

Family

ID=69654986

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201911132815.4A Active CN110866197B (zh) 2019-11-19 2019-11-19 一种基于web应用程序的离港前端客户端访问方法及装置

Country Status (1)

Country Link
CN (1) CN110866197B (zh)

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102938776A (zh) * 2012-09-28 2013-02-20 方正国际软件有限公司 基于ajax技术的动态页面处理系统
CN103123593A (zh) * 2011-11-18 2013-05-29 腾讯科技（深圳）有限公司 Java应用服务器及处理Web业务的方法
US20150295984A1 (en) * 2014-04-14 2015-10-15 PetroGrid LLC Multi Web Application Management Framework System and Method
CN105634972A (zh) * 2016-01-29 2016-06-01 四川长虹电器股份有限公司 一种提高Web客户端访问效率的方法
CN105956030A (zh) * 2016-04-25 2016-09-21 浪潮电子信息产业股份有限公司 一种web系统及web请求的处理方法
CN107066631A (zh) * 2017-05-26 2017-08-18 北京三快在线科技有限公司 页面的显示方法、装置及电子设备
CN108132814A (zh) * 2017-12-22 2018-06-08 平安养老保险股份有限公司 应用程序的页面加载方法、装置、计算机设备和存储介质

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103123593A (zh) * 2011-11-18 2013-05-29 腾讯科技（深圳）有限公司 Java应用服务器及处理Web业务的方法
CN102938776A (zh) * 2012-09-28 2013-02-20 方正国际软件有限公司 基于ajax技术的动态页面处理系统
US20150295984A1 (en) * 2014-04-14 2015-10-15 PetroGrid LLC Multi Web Application Management Framework System and Method
CN105634972A (zh) * 2016-01-29 2016-06-01 四川长虹电器股份有限公司 一种提高Web客户端访问效率的方法
CN105956030A (zh) * 2016-04-25 2016-09-21 浪潮电子信息产业股份有限公司 一种web系统及web请求的处理方法
CN107066631A (zh) * 2017-05-26 2017-08-18 北京三快在线科技有限公司 页面的显示方法、装置及电子设备
CN108132814A (zh) * 2017-12-22 2018-06-08 平安养老保险股份有限公司 应用程序的页面加载方法、装置、计算机设备和存储介质

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
林泊 等: "一个J2EE应用服务器的Web容器集成框架", 《软件学报》 *

Also Published As

Publication number Publication date
CN110866197B (zh) 2022-08-19

Similar Documents

Publication Publication Date Title
US11477298B2 (en) Offline client replay and sync
CN107547629B (zh) 客户端静态资源下载的方法、装置、电子设备和可读介质
CN107766509B (zh) 一种网页静态备份的方法和装置
CN111580879A (zh) 小程序的运行方法、装置、电子设备及计算机存储介质
CN110557284B (zh) 基于客户端网关的数据聚合方法及装置
WO2014116563A1 (en) Resource calling for hybrid applications
CN107463563B (zh) 一种浏览器的信息服务处理方法及装置
CN104580532A (zh) 一种跨平台应用系统
CN107479868B (zh) 一种界面加载方法、装置及设备
CN112612982A (zh) 网页预加载方法、装置及计算机设备
CN113094612A (zh) 客户端加载网页的方法、装置、电子设备及介质
CN104811485A (zh) 一种资源分享方法
CN112395098B (zh) 应用程序接口调用方法、装置、存储介质和电子设备
CN106649581B (zh) 一种网页的修复方法以及客户端
CN112214250A (zh) 一种应用程序组件的加载方法和装置
CN114553971A (zh) 一种应用框架的设计方法、系统、设备及介质
CN117724852A (zh) 一种云电脑计算资源分配方法及装置
CN103440281A (zh) 一种用于获取下载文件的方法、装置与设备
CN117271014A (zh) 基于web worker的数据处理方法和客户端
CN110866197B (zh) 一种基于web应用程序的离港前端客户端访问方法及装置
CN112235132A (zh) 动态配置服务的方法、装置、介质以及服务器
CN110858238B (zh) 一种数据处理的方法和装置
US9916391B2 (en) Method, apparatus and terminal for webpage content browsing
CN110633083B (zh) 代码文件处理方法、装置、电子设备及计算机可读介质
CN111796878B (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