CN104253783A - web应用实现代码加载方法、装置、系统及服务器 - Google Patents

Abstract

本发明实施例提供了web应用实现代码加载方法、装置、系统及服务器，客户端向服务器发送页面访问请求；服务器向客户端返回请求页面，其中，请求页面中包含用于请求加载web应用的实现代码的请求代码；客户端接收并加载服务器返回的请求页面，运行请求代码，向服务器发送请求加载web应用的实现代码的加载请求；服务器向客户端返回web应用的实现代码，客户端接收并加载服务器返回的web应用的实现代码。解决了现有技术中加载内嵌有web应用的实现代码的页面时，加载速度慢的问题。本发明涉及网络通信技术领域。

Description

web应用实现代码加载方法、装置、系统及服务器

技术领域

本发明涉及网络通信技术领域，尤其涉及web应用实现代码加载方法、装置、系统及服务器。

背景技术

网络（Web）应用是一种可以通过web访问的应用，与传统的应用相比，web应用可以具有以下特点：

首先、web应用一般基于浏览器/服务器（B/S）模式，使用浏览器运行该web应用，而不需要安装针对该web应用的其他软件（传统的应用需要针对该传统应用安装软件）；

其次、提供web应用的web服务器对web应用中的相关数据进行处理之后，将处理后的结果生成网页，返回给客户端的浏览器进行显示。并且通常，由于web应用以网页的形式进行显示，可以使web应用入口位于入口页面中，用户需要先打开该入口页面，通过入口页面中的web应用入口对该web应用进行访问。

进一步地，网页中可以包含页面描述信息，还可以包含需要由浏览器解释运行的代码（例如，JavaScript代码）。这种代码在从服务器发往浏览器运行之前不需经过服务器的编译，而是将文本格式的字符代码发送给浏览器，由浏览器解释运行。现有技术中，上述入口页面中通常内嵌web应用的实现代码（可以通过JavaScript代码实现），那么，该web应用的实现代码在浏览器加载该入口页面时会被加载，当浏览器接收到用户发出的通过web应用入口访问web应用的指令时，运行该web应用的实现代码，实现对web应用的访问。

以基于web的实时通信（RTCWeb，Real-Time Communications Web）应用为例，客户端通过浏览器访问RTCWeb应用的流程可以包括如下步骤：

步骤1、客户端向服务器发送入口页面访问请求；

步骤2、服务器向客户端返回入口请求页面，该入口请求页面中包含RTCWeb应用入口以及RTCWeb应用的实现代码；

步骤3、客户端通过入口页面中的RTCWeb应用入口，对RTCWeb应用进行访问。

但是，现有技术中，对于内嵌了代码的网页，由于该网页中内嵌的代码可能涉及到网页在显示时的动态变化，为确保网页的正确呈现，浏览器加载网页时，会先加载内嵌在该网页中的代码，并在加载过程中阻塞该网页中其他元素的加载。因此，上述步骤2中，浏览器在加载RTCWeb应用的实现代码的过程中，将阻塞入口请求页面中其他元素的加载，在RTCWeb应用的实现代码加载完毕之后，再加载入口请求页面中的其他元素。

进一步地，浏览器在运行内嵌在网页中的代码时，需要提供相应的应用程序编程接口（API，Application Programming Interface）函数。以RTCWeb应用为例，RTCWeb应用的实现代码在运行时，需要调用客户端的本地设备（例如：麦克风、摄像头等），不同的浏览器提供不同的API实现这一功能，例如，谷歌（chrome）浏览器提供的调用本地设备的API为webkitGetUserMedia，火狐狸（Firefox）浏览器提供的调用本地设备的API为mozGetUserMedia，而IE浏览器不支持RTCWEB应用。另外，同一种浏览器的不同版本提供的调用客户端本地设备的函数也不同，例如，版本为23.0.1271.97的Chrome浏览器中，调用客户端本地设备的API为webkitGetUserMedia，在该版本之前的Chrome浏览器中，调用客户端本地设备的API为PeerConnection00和DeprecatedPeerConnection。

因此，在RTCWeb应用的实现代码中，需要包含针对各种类型的浏览器以及每种浏览器的不同版本实现RTCWeb应用的实现代码，使得接收到RTCWeb实现代码的浏览器，根据自身的类型和版本号，选择自身对应的RTCWeb实现代码来运行。因此，现有技术中，RTCWeb应用的实现代码体积很大，又如前所述，浏览器在加载RTCWeb应用的实现代码的过程中，将阻塞入口请求页面中其他元素的下载，使得入口请求页面的加载速度慢，降低了用户访问入口请求页面的效率。

发明内容

本发明实施例提供了web应用实现代码加载方法、装置、系统及服务器，用以解决现有技术中，加载包含RTCWeb应用入口的请求页面时，加载速度慢的问题。

基于上述问题，本发明实施例提供的一种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应用的实现代码，与现有技术中，请求页面中内嵌庞大的web应用的实现代码，使得客户端在加载请求页面时需要首先加载该web应用的实现代码相比，客户端在加载包含RTCWeb应用入口的请求页面时并不需要加载web应用的实现代码，提高了请求页面的加载速度，对于访问请求页面的用户，提高了对该请求页面的访问效率。

附图说明

图1为本发明实施例提供的一种web应用实现代码加载方法的流程图之一；

图2为本发明实施例提供的一种web应用实现代码加载方法的流程图之二；

图3为本发明实施例一提供的一种web应用实现代码加载方法的流程图；

图4为本发明实施例二提供的一种web应用实现代码加载方法的流程图；

图5为本发明实施例三提供的一种web应用实现代码加载方法的流程图；

图6为本发明实施例四提供的一种web应用实现代码加载方法的流程图；

图7为本发明实施例五提供的一种web应用实现代码加载方法的流程图；

图8为本发明实施例六提供的一种web应用实现代码加载方法的流程图；

图9为本发明实施例七提供的一种web应用实现代码加载方法的流程图；

图10为本发明实施例提供的一种web应用实现代码加载装置之一的结构示意图；

图11为本发明实施例提供的一种web应用实现代码加载装置之二的结构示意图。

具体实施方式

本发明实施例提供了web应用实现代码加载方法、装置、系统及服务器，以下结合说明书附图对本发明的优选实施例进行说明，应当理解，此处所描述的优选实施例仅用于说明和解释本发明，并不用于限定本发明。并且在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。

本发明实施例提供一种web应用实现代码加载方法，应用于服务器侧，如图1所示，包括：

S101、接收客户端发送的页面访问请求。

S102、向客户端返回请求页面，其中，请求页面中包含请求代码，该请求代码用于提供给上述客户端，在加载上述请求页面之后运行，且运行上述请求代码的结果为向服务器发送上述web应用的实现代码的加载请求。

S103、接收客户端发送的上述web应用的实现代码的加载请求。

S104、向客户端返回web应用的实现代码，用于使客户端完成对实现代码的加载。

本发明实施例中，客户端可以为能够与web服务器进行通信并显示web服务器返回的网页的软件，例如浏览器。

进一步地，上述步骤S102中，请求页面中可以包含web应用的访问入口，但不包含该web应用的实现代码，因此，能够加快该请求页面的加载速度，提高用户的访问效率；请求页面中还包含用于请求加载web应用的实现代码的请求代码，该请求代码在客户端加载请求页面之后自动运行，或者在接收到用户发送的访问web应用的指令时触发运行。

与上述图1所示方法相应的，本发明实施例还提供一种web应用实现代码加载方法，应用于客户端侧，如图2所示，包括：

S201、向服务器发送页面访问请求。

S202、接收并加载服务器返回的请求页面，其中，该请求页面中包含请求代码。

S203、运行请求代码，向服务器发送web应用的实现代码的加载请求。

S204、接收并加载服务器返回的web应用的实现代码。

下面结合附图，用具体实施例对本发明提供的方法、装置、系统及服务器进行详细描述。

实施例1：

本发明实施例1中，提供一种web应用实现代码加载方法，应用于服务器侧，如图3所示，具体包括如下步骤：

S301、接收客户端发送的页面访问请求。

S302、向客户端返回请求页面，其中，请求页面中包含请求代码，该请求代码用于提供给所述客户端，在加载所述请求页面之后运行，且运行所述请求代码的结果为向服务器发送所述web应用的实现代码的加载请求，请求页面中还包含属性检测代码，该属性检测代码用于提供给所述客户端，在加载所述请求页面之后，运行所述请求代码之前运行，且运行所述属性检测代码的结果为得到客户端属性。

进一步地，本步骤中，属性检测代码可以在客户端加载请求页面之后自动运行，得到客户端属性。并在运行属性检测代码之后可以自动运行请求代码。

S303、接收客户端发送的上述web应用的实现代码的加载请求，该加载请求中携带客户端属性。

S304、从加载请求中，获取客户端属性。

S305、根据客户端属性，确定与客户端属性对应的web应用的实现代码。

进一步地，客户端属性可以包括浏览器的名称以及版本号，由于web应用的开发人员事先不知道客户端为哪种浏览器，以及哪个版本的浏览器，因此，现有技术中，在RTCWeb应用的实现代码中，需要包含针对各种类型的浏览器以及每种浏览器的不同版本实现的RTCWeb应用的实现代码，使得RTCWeb应用的实现代码体积很大，本发明提供的实施例中，在发送给客户端的请求页面中包含用于检测客户端属性的属性检测代码，并在客户端加载该请求页面完毕后，运行属性检测代码，检测客户端属性，在发送给服务器的加载请求中携带该客户端属性，服务器根据客户端属性，选择与客户端属性对应的web应用的实现代码。例如，属性检测代码检测出客户端为Chrome浏览器，并且版本号为23.0.1271.97，将该属性信息携带在加载请求中，服务器根据该客户端属性，确定版本号为23.0.1271.97的Chrome浏览器对应的web应用的实现代码，使得检测客户端属性的检测代码与web应用的实现代码分离，发送给客户端的web应用实现代码体积小，加快了web应用的实现代码的加载速度。

S306、向客户端返回web应用的实现代码，用于使客户端完成对实现代码的加载。

进一步地，本步骤中，如果服务器没有查找到与客户端属性对应的web应用的实现代码，则可以向客户端返回通过flash插件运行的web应用的实现代码，使得客户端能够通过flash插件访问web应用，或者向客户端返回错误信息。

实施例2：

与上述图3所示方法相应的，本发明实施例还提供一种web应用实现代码加载方法，应用于客户端侧，如图4所示，具体包括如下步骤：

S401、向服务器发送页面访问请求。

S402、接收并加载服务器返回的请求页面，其中，该请求页面中包含请求代码，该请求页面中还包含属性检测代码。

S403、运行属性检测代码，得到客户端属性。

本步骤中，可以在加载请求页面之后自动运行该属性检测代码，得到客户端属性。

S404、运行请求代码，向服务器发送包含客户端属性的web应用的实现代码的加载请求。

S405、接收并加载服务器返回的web应用的实现代码。

本步骤中，接收到的web应用的实现代码，为针对客户端属性的web应用的实现代码，与现有技术中，接收到的RTCWeb应用的实现代码中，包含针对各种类型的浏览器以及每种浏览器的不同版本实现RTCWeb应用的实现代码相比，web应用的实现代码体积更小，使得加载速度更快。

实施例3：

本发明实施例3中，提供一种web应用实现代码加载方法，应用于服务器侧，如图5所示，具体包括如下步骤：

S501、接收客户端发送的页面访问请求。

S502、向客户端返回请求页面，其中，请求页面中包含请求代码，该请求代码用于提供给所述客户端，在加载上述请求页面之后运行，且运行上述请求代码的结果为向服务器发送上述web应用的实现代码的加载请求，请求页面中还包含属性检测代码，该属性检测代码用于提供给上述客户端，在从上述请求页面中接收到用户发送的访问所述web应用的指令之后，运行上述请求代码之前运行，且运行上述属性检测代码的结果为得到客户端属性。

进一步地，本步骤中，属性检测代码可以在客户端加载请求页面之后，由用户发送的指令触发执行，例如，用户发送访问web应用的指令之后，检测客户端属性，得到客户端属性，然后再运行上述请求代码。

S503、接收客户端发送的web应用的实现代码的加载请求，该加载请求中携带客户端属性。

S504、从加载请求中，获取客户端属性。

S505、根据客户端属性，确定与客户端属性对应的web应用的实现代码。

进一步地，客户端属性可以包括客户端的名称和/或客户端的版本号；当客户端属性为客户端的名称时，根据客户端的名称与所述web应用的实现代码之间的对应关系，确定与客户端的名称对应的web应用的实现代码；当客户端属性为客户端的版本号时，根据客户端的版本号与所述web应用的实现代码之间的对应关系，确定与客户端的版本号对应的web应用的实现代码；当客户端属性为客户端的名称及版本号时，根据客户端的名称及版本号与所述web应用的实现代码之间的对应关系，确定与客户端的名称及版本号对应的web应用的实现代码。

S506、向客户端返回web应用的实现代码，用于使客户端完成对实现代码的加载。

实施例4：

与上述图5所示方法相应的，本发明实施例还提供一种web应用实现代码加载方法，应用于客户端侧，如图6所示，具体包括如下步骤：

S601、向服务器发送页面访问请求。

S602、接收并加载服务器返回的请求页面，其中，该请求页面中包含请求代码，该请求页面中还包含属性检测代码。

S603、接收用户发送的访问web应用的指令。

进一步地，本步骤中，可以在接收到用户发送的访问web应用的指令时，再执行后续的步骤，即运行属性检测代码，进行客户端属性的检测。请求页面中，web应用的访问入口可以为多种形式，例如，可以为web应用的链接，那么，用户可以通过点击该链接向客户端发送访问web应用的指令，或者web应用的访问入口为请求页面中的子页面，那么，用户可以直接在子页面中输入相关认证信息，通过点击按钮向客户端发送访问web应用的指令。

S604、运行属性检测代码，得到客户端属性。

进一步地，本步骤中，可以通过接收用户发送的访问web应用的指令触发属性检测代码的运行。

S605、运行请求代码，向服务器发送包含客户端属性的web应用的实现代码的加载请求。

S606、接收并加载服务器返回的web应用的实现代码。

实施例5：

本发明实施例5中，提供一种web应用实现代码加载方法，应用于服务器侧，如图7所示，具体包括如下步骤：

S701、接收客户端发送的页面访问请求。

S702、向客户端返回请求页面，其中，请求页面中包含请求代码，该请求页面中还包含属性检测代码，该请求页面中还包含小型文本文件（cookie）检测代码，该cookie检测代码用于提供给所述客户端，在加载上述请求页面之后，运行上述属性检测代码之前运行，且运行上述cookie检测代码的结果为检测客户端是否保存有表征客户端属性的cookie信息。

S703、接收客户端发送的web应用的实现代码的加载请求，该加载请求中携带客户端属性。

S704、确定加载请求中是否包含表征客户端属性的cookie信息，且该cookie信息未过期，若否，进入步骤S705，若是，进入步骤S706。

S705、从加载请求中，除承载cookie信息的域之外的部分，获取客户端属性。进入步骤S707。

本步骤中，在确定所述加载请求中，承载cookie信息的域中，未包含表征所述客户端属性的cookie信息；或者，确定所述加载请求中，承载cookie信息的域中，包含表征所述客户端属性的cookie信息，且所述cookie信息已经过期时执行。

进一步地，本步骤中，客户端属性信息可以通过加载请求中其他域承载，或者通过加载请求携带的内容（如HTTP协议的body）部分承载。

S706、从加载请求中承载cookie信息的域中，获取客户端属性。

本步骤中，当确定所述加载请求中，承载cookie信息的域中，包含表征所述客户端属性的cookie信息，且所述cookie信息未过期时执行本步骤。

S707、根据客户端属性，确定与客户端属性对应的web应用的实现代码。

S708、向客户端返回web应用的实现代码，用于使客户端完成对实现代码的加载。

实施例6：

与上述图7所示方法相应的，本发明实施例还提供一种web应用实现代码加载方法，应用于客户端侧，如图8所示，具体包括如下步骤：

S801、向服务器发送页面访问请求。

S802、接收并加载服务器返回的请求页面，其中，该请求页面中包含请求代码，该请求页面中还包含属性检测代码，该请求页面中还包含cookie检测代码。

S803、运行cookie检测代码，确定客户端是否保存了表征客户端属性的cookie信息，若否，则进入步骤S804，若是，则进入步骤S807。

进一步地，本步骤中，运行cookie检测代码可以是自动运行，也可以在客户端接收到用户发送的访问web应用的指令之后触发运行。

S804、运行属性检测代码，得到客户端属性。

进一步地，本步骤当运行cookie检测代码，确定客户端未保存表征客户端属性的cookie信息时，运行属性检测代码，检测客户端属性；

进一步地，本步骤中，运行属性检测代码可以是自动运行，也可以在用户发送访问web应用的指令之后触发运行。也就是说，当由用户向客户端发送访问web应用的指令触发cookie检测代码的运行或者属性检测代码的运行时，上述步骤S803和S804中，执行顺序可以为：自动运行cookie检测代码，接收用户发送的访问web应用的指令，运行属性检测代码；或者，接收用于发送的访问web应用的指令，运行cookie检测代码，运行属性检测代码。

S805、创建cookie保存客户端属性。

进一步地，本步骤与步骤S806的执行没有先后顺序，可以先执行步骤S805再执行步骤S806，也可以先执行步骤S806再执行步骤S805。

进一步地，可以不执行本步骤，那么可以总是通过运行属性检测代码得到客户端属性。

S806、运行请求代码，向服务器发送包含客户端属性的web应用的实现代码的加载请求。进入步骤S809。

S807、获取cookie信息。

本步骤当运行cookie检测代码，确定客户端保存有表征客户端属性的cookie信息，获取该cookie信息。

S808、运行请求代码，向服务器发送包含cookie信息的web应用的实现代码的加载请求。

本步骤中，服务器接收到客户端发送的加载请求，可以从表征客户端属性的cookie信息中获取客户端属性。

S809、接收并加载服务器返回的web应用的实现代码。

实施例7：

本发明实施例还提供一种web应用实现代码加载方法，应用于服务器侧和客户端侧，如图9所示，具体包括如下步骤：

S901、客户端向第三方服务器发送页面访问请求。

进一步地，本步骤中，对动态网页，可以通过在浏览器的地址栏输入页面网址（例如：total.jsp）来向第三方服务器发送页面访问请求，对于静态网页，可以通过在浏览器的地址栏输入页面网址（例如：total.html）来向第三方服务器发送页面访问请求。

进一步地，接收页面访问请求的服务器，可以为第三方服务器，也可以为提供web应用服务的服务器，也就是说，可以由第三方服务器提供web应用访问的入口，而由web应用服务器提供web应用的实现代码，也可以由web应用服务器既提供web应用访问的入口又提供web应用的实现代码。

S902、第三方服务器接收到客户端发送的页面访问请求，向客户端返回请求页面，其中，请求页面中包含请求代码，以及属性检测代码。

进一步地，本步骤中，第三方服务器返回的请求页面中包含该请求页面的界面呈现信息和访问web应用的入口，并不内嵌web应用的实现代码。也就是说，web应用的实现代码可以与第三方服务器返回的请求页面分离，当需要对web应用的实现代码进行升级或者优化等修改时，不需要对第三方服务器的相关内容进行更新，使得web应用的使用更加灵活、方便，并且对于只需要访问请求页面，而不需要访问web应用的用户，在加载该请求页面时，由于请求页面中不包含web应用的实现代码，使得请求页面加载速度快，提高了用户的访问效率。

进一步地，对于动态网页，第三方服务器可以通过response对象响应客户端发送的页面请求，对于静态网页，第三方服务器监听到客户端的访问请求，可以通过XMLHttpRequest响应该页面请求。

S903、客户端接收并加载第三方服务器返回的请求页面，运行属性检测代码，得到客户端属性。

进一步地，对于动态网页和静态网页，客户端可以通过调用navigator.appVersion以及navigator.appName，得到的返回值判断客户端浏览器的版本号和名称。

对于动态网页，检测客户端属性之后，可以创建cookie来保存浏览器的名称和版本号，并添加至步骤S902中的response对象，如：

Cookie browsername=new Cookie("Browsername",browser);本语句创建cookie保存浏览器的名称；

Cookie browserversion=new Cookie("Browserversion",browserversion);本语句创建cookie保存浏览器的版本号；

response.addCookie(browsername);本语句将浏览器的名称添加至response对象；

response.addCookie(browserversion);本语句将浏览器的版本号添加至response对象。

S904、客户端运行请求代码，向web应用服务器发送包含客户端属性的web应用的实现代码的加载请求。

本步骤中，服务器与步骤S901～S903中的服务器可以为同一服务器，也可以为不同的服务器，例如，步骤S901～S903中的服务器也可以为提供web应用服务的服务器。

进一步地，对于静态网页，浏览器可以通过websocket与服务器通信，将浏览器的名称和版本号发送给web应用服务器，例如：

Var browsername=navigator.appVersion();本语句获取浏览器版本号；

Var browserversion=navigator.appName();本语句获取浏览器名称；

WebSocket websocket=new WebSocket(hostURL);本语句新建winsocket；

websocket.onmessage=function(msg){

websocket.send(browsername+browserversion);

}本语句将浏览器的名称和版本号发送给web应用服务器。

S905、web应用服务器接收到客户端发送的web应用的实现代码的加载请求，从该加载请求中，获取客户端属性。

本步骤中，对动态网页，web应用服务器可以通过如下语句获取浏览器名称和版本号：

对静态网页，web应用服务器可以通过WebSocket对象的onmessage方法获取客户端浏览器的名称和版本号，例如：

S906、web应用服务器根据客户端属性，确定与客户端属性对应的web应用的实现代码。

S907、web应用服务器向客户端返回web应用的实现代码。

S908、客户端接收并加载web应用服务器返回的web应用的实现代码。

本步骤中，客户端加载web应用服务器返回的web应用的实现代码之后便可以访问该web应用。例如，对于RTCWeb应用，本步骤执行之后，浏览器可以通过RTC网关与其他浏览器进行基于浏览器的实时通信。

基于同一发明构思，本发明实施例还提供了web应用实现代码加载装置、系统及服务器，由于这些装置、系统及服务器所解决问题的原理与前述web应用实现代码加载方法相似，因此该装置、系统及服务器的实施可以参见前述方法的实施，重复之处不再赘述。

本发明实施例提供一种web应用实现代码加载装置之一，如图10所示，包括如下模块：

第一接收模块1001，用于接收客户端发送的页面访问请求;

第一发送模块1002，用于向所述客户端返回请求页面，其中，所述请求页面中包含请求代码，所述请求代码用于提供给所述客户端，在加载所述请求页面之后运行，且运行所述请求代码的结果为向服务器发送所述web应用的实现代码的加载请求；

第二接收模块1003，用于接收客户端发送的请求加载所述web应用的实现代码的加载请求；

第二发送模块1004，用于向所述客户端返回所述web应用的实现代码，用于使所述客户端完成对所述实现代码的加载。

进一步地，所述第一发送模块1002发送的所述请求页面中还包含属性检测代码，所述属性检测代码用于提供给所述客户端，在加载所述请求页面之后，运行所述请求代码之前运行，且运行所述属性检测代码的结果为得到所述客户端属性；所述第二接收模块接收的所述加载请求中携带所述客户端属性；

所述装置，还包括：获取模块1005，用于在向所述客户端返回所述web应用的实现代码之前，从所述加载请求中，获取所述客户端属性；

确定模块1006，用于根据所述客户端属性，确定与所述客户端属性对应的所述web应用的实现代码。

进一步地，所述第一发送模块1002发送的所述请求页面中还包含属性检测代码，所述属性检测代码用于提供给所述客户端，在从所述请求页面中接收到用户发送的访问所述web应用的指令之后，运行所述请求代码之前运行，且运行所述属性检测代码的结果为得到所述客户端属性；所述第二接收模块接收的所述加载请求中携带所述客户端属性；

所述装置，还包括：获取模块1005，用于在向所述客户端返回所述web应用的实现代码之前，从所述加载请求中，获取所述客户端属性；

确定模块1006，用于根据所述客户端属性，确定与所述客户端属性对应的所述web应用的实现代码。

进一步地，所述第一发送模块1002发送的所述请求页面中还包含cookie检测代码，所述cookie检测代码用于提供给所述客户端，在加载所述请求页面之后，运行所述属性检测代码之前运行，且运行所述cookie检测代码的结果为检测所述客户端是否保存有表征所述客户端属性的cookie信息；

所述获取模块1005，具体用于当确定所述加载请求中未包含表征所述客户端属性的cookie信息；或者，当确定所述加载请求中包含表征所述客户端属性的cookie信息，且所述cookie信息已经过期，从所述加载请求中，除承载所述cookie信息的域之外的部分，获取所述客户端属性。

进一步地，所述获取模块1005还用于在根据所述客户端属性，确定与所述客户端属性对应的所述web应用的实现代码之前，当确定所述加载请求中包含表征所述客户端属性的cookie信息，且所述cookie信息未过期，从所述加载请求中承载所述cookie信息的域中，获取所述客户端属性。

进一步地，所述确定模块1006，具体用于当所述客户端属性为所述客户端的名称时，根据所述客户端的名称与所述web应用的实现代码之间的对应关系，确定与所述客户端的名称对应的所述web应用的实现代码；或者

当所述客户端属性为所述客户端的版本号时，根据所述客户端的版本号与所述web应用的实现代码之间的对应关系，确定与所述客户端的版本对应的所述web应用的实现代码；或者

当所述客户端属性为所述客户端的名称及版本号时，根据所述客户端的名称及版本号与所述web应用的实现代码之间的对应关系，确定与所述客户端的名称及版本对应的所述web应用的实现代码。

本发明实施例提供一种web应用实现代码加载装置之二，如图11所示，包括如下模块：

第一发送模块1101，用于向服务器发送页面访问请求；

第一加载模块1102，用于接收并加载所述服务器返回的请求页面，其中，所述请求页面中包含请求代码；

第二发送模块1103，用于运行所述请求代码，向所述服务器发送web应用的实现代码的加载请求；

第二加载模块1104，用于接收并加载所述服务器返回的所述web应用的实现代码。

进一步地，所述第一加载模块1102接收到的所述请求页面中还包含属性检测代码，

所述装置，还包括：属性检测模块1105，用于在加载所述服务器返回的请求页面之后，且运行所述请求代码之前，运行所述属性检测代码，得到客户端属性；

所述第二发送模块1103，具体用于运行所述请求代码，向所述服务器发送包含所述客户端属性的所述web应用的实现代码的加载请求。

进一步地，上述装置，还包括：指令接收模块1106，用于在加载所述服务器返回的请求页面之后，且运行所述检测代码之前，接收用户发送的访问所述web应用的指令。

进一步地，所述第一加载模块1102接收到的所述请求页面中还包含cookie检测代码；

所述属性检测模块，具体用于当运行所述cookie检测代码，确定所述客户端未保存表征所述客户端属性的cookie信息时，运行所述属性检测代码，检测所述客户端属性；

所述装置，还包括：

cookie创建模块1107，用于运行所述属性检测代码，检测所述客户端属性之后，创建cookie保存所述客户端属性。

进一步地，上述装置，还包括：cookie获取模块1108，用于在接收并加载所述服务器返回的所述web应用的实现代码之前，当运行所述cookie检测代码，确定所述客户端保存有表征所述客户端属性的cookie信息，获取所述cookie信息；

所述第二发送模块1103，具体用于运行所述请求代码，向所述服务器发送包含所述cookie信息的所述web应用的实现代码的加载请求。

本发明实施例提供的一种服务器，包括上述一种web应用实现代码加载装置之一。

本发明实施例提供的一种web应用实现代码加载系统，包括：服务器和客户端；

所述服务器，用于接收客户端发送的页面访问请求;向所述客户端返回请求页面，其中，所述请求页面中包含用于请求加载web应用的实现代码的请求代码；接收客户端发送的请求加载所述web应用的实现代码的加载请求；向所述客户端返回所述web应用的实现代码；

所述客户端，用于向服务器发送页面访问请求；接收并加载所述服务器返回的请求页面；运行所述请求代码，向所述服务器发送请求加载所述web应用的实现代码的加载请求；接收并加载所述服务器返回的所述web应用的实现代码。

本发明实施例提供的web应用实现代码加载方法、装置、系统及服务器，客户端向服务器发送页面访问请求；服务器向客户端返回请求页面，其中，请求页面中包含用于请求加载web应用的实现代码的请求代码；客户端接收并加载服务器返回的请求页面，运行请求代码，向服务器发送请求加载web应用的实现代码的加载请求；服务器向客户端返回web应用的实现代码，客户端接收并加载服务器返回的web应用的实现代码。服务器向客户端返回的请求页面中，不包含web应用的实现代码，而是包含用于请求加载web应用的实现代码的请求代码，在客户端加载请求页面完毕之后，再运行该请求代码，向服务器发送请求加载web应用的实现代码的加载请求，接收并加载服务器返回的web应用的实现代码，与现有技术中，请求页面中内嵌庞大的web应用的实现代码，使得客户端在加载请求页面时需要首先加载该web应用的实现代码相比，客户端在加载请求页面时并不需要加载web应用的实现代码，提高了请求页面的加载速度，对于访问请求页面的用户，提高了对该请求页面的访问效率。

上述各单元的功能可对应于图1至图9所示流程中的相应处理步骤，在此不再赘述。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到本发明实施例可以通过硬件实现，也可以借助软件加必要的通用硬件平台的方式来实现。基于这样的理解，本发明实施例的技术方案可以以软件产品的形式体现出来，该软件产品可以存储在一个非易失性存储介质（可以是CD-ROM，U盘，移动硬盘等）中，包括若干指令用以使得一台计算机设备（可以是个人计算机，服务器，或者网络设备等）执行本发明各个实施例所述的方法。

本领域技术人员可以理解附图只是一个优选实施例的示意图，附图中的模块或流程并不一定是实施本发明所必须的。

本领域技术人员可以理解实施例中的装置中的模块可以按照实施例描述进行分布于实施例的装置中，也可以进行相应变化位于不同于本实施例的一个或多个装置中。上述实施例的模块可以合并为一个模块，也可以进一步拆分成多个子模块。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。

Claims (24)

1.一种web应用实现代码加载方法，其特征在于，包括：

接收客户端发送的页面访问请求;

向所述客户端返回请求页面，其中，所述请求页面中包含请求代码，所述请求代码用于提供给所述客户端，在加载所述请求页面之后运行，且运行所述请求代码的结果为向服务器发送所述web应用的实现代码的加载请求；

接收客户端发送的所述web应用的实现代码的加载请求；

向所述客户端返回所述web应用的实现代码，用于使所述客户端完成对所述实现代码的加载。

2.如权利要求1所述的方法，其特征在于，所述请求页面中还包含属性检测代码，所述属性检测代码用于提供给所述客户端，在加载所述请求页面之后，运行所述请求代码之前运行，且运行所述属性检测代码的结果为得到所述客户端属性；所述加载请求中携带所述客户端属性；

所述方法，在向所述客户端返回所述web应用的实现代码之前，还包括：

从所述加载请求中，获取所述客户端属性；

根据所述客户端属性，确定与所述客户端属性对应的所述web应用的实现代码。

3.如权利要求1所述的方法，其特征在于，所述请求页面中还包含属性检测代码，所述属性检测代码用于提供给所述客户端，在从所述请求页面中接收到用户发送的访问所述web应用的指令之后，运行所述请求代码之前运行，且运行所述属性检测代码的结果为得到所述客户端属性；所述加载请求中携带所述客户端属性；

所述方法，在向所述客户端返回所述web应用的实现代码之前，还包括：

从所述加载请求中，获取所述客户端属性；

根据所述客户端属性，确定与所述客户端属性对应的所述web应用的实现代码。

4.如权利要求2或3所述的方法，其特征在于，所述请求页面中还包含小型文本文件cookie检测代码，所述cookie检测代码用于提供给所述客户端，在加载所述请求页面之后，运行所述属性检测代码之前运行，且运行所述cookie检测代码的结果为检测所述客户端是否保存有表征所述客户端属性的cookie信息；

所述方法，从所述加载请求中，获取所述客户端属性，具体包括：

当确定所述加载请求中未包含表征所述客户端属性的cookie信息，或者，当确定所述加载请求中包含表征所述客户端属性的cookie信息，且所述cookie信息已经过期，从所述加载请求中，除承载所述cookie信息的域之外的部分，获取所述客户端属性。

5.如权利要求4所述的方法，其特征在于，根据所述客户端属性，确定与所述客户端属性对应的所述web应用的实现代码之前，还包括：

当确定所述加载请求中包含表征所述客户端属性的cookie信息，且所述cookie信息未过期，从所述加载请求中承载所述cookie信息的域中，获取所述客户端属性。

6.如权利要求2或3所述的方法，其特征在于，所述客户端属性包括所述客户端的名称和/或所述客户端的版本号；

根据所述客户端属性，确定与所述客户端属性对应的所述web应用的实现代码，具体包括：

当所述客户端属性为所述客户端的名称时，根据所述客户端的名称与所述web应用的实现代码之间的对应关系，确定与所述客户端的名称对应的所述web应用的实现代码；

当所述客户端属性为所述客户端的版本号时，根据所述客户端的版本号与所述web应用的实现代码之间的对应关系，确定与所述客户端的版本对应的所述web应用的实现代码；

当所述客户端属性为所述客户端的名称及版本号时，根据所述客户端的名称及版本号与所述web应用的实现代码之间的对应关系，确定与所述客户端的名称及版本对应的所述web应用的实现代码。

7.一种web应用的代码加载方法，其特征在于，包括：

向服务器发送页面访问请求；

接收并加载所述服务器返回的请求页面，其中，所述请求页面中包含请求代码；

运行所述请求代码，向所述服务器发送web应用的实现代码的加载请求；

接收并加载所述服务器返回的所述web应用的实现代码。

8.如权利要求7所述的方法，其特征在于，所述请求页面中还包含属性检测代码，

所述方法，在加载所述服务器返回的请求页面之后，且运行所述请求代码之前，还包括：

运行所述属性检测代码，得到客户端属性；

运行所述请求代码，向所述服务器发送web应用的实现代码的加载请求，具体包括：

运行所述请求代码，向所述服务器发送包含所述客户端属性的所述web应用的实现代码的加载请求。

9.如权利要求8所述的方法，其特征在于，在加载所述服务器返回的请求页面之后，且运行所述检测代码之前，还包括：

接收用户发送的访问所述web应用的指令。

10.如权利要求8或9所述的方法，其特征在于，所述请求页面中还包含小型文本文件cookie检测代码；

所述方法，运行所述属性检测代码，得到所述客户端属性，具体包括：

当运行所述cookie检测代码，确定所述客户端未保存表征所述客户端属性的cookie信息时，运行所述属性检测代码，检测所述客户端属性；

运行所述属性检测代码，检测所述客户端属性之后，还包括：

创建cookie保存所述客户端属性。

11.如权利要求10所述的方法，其特征在于，在接收并加载所述服务器返回的所述web应用的实现代码之前，还包括：

当运行所述cookie检测代码，确定所述客户端保存有表征所述客户端属性的cookie信息，获取所述cookie信息；

运行所述请求代码，向所述服务器发送包含所述cookie信息的所述web应用的实现代码的加载请求。

12.一种web应用实现代码加载装置，其特征在于，包括：

第一接收模块，用于接收客户端发送的页面访问请求;

第一发送模块，用于向所述客户端返回请求页面，其中，所述请求页面中包含请求代码，所述请求代码用于提供给所述客户端，在加载所述请求页面之后运行，且运行所述请求代码的结果为向服务器发送所述web应用的实现代码的加载请求；

第二接收模块，用于接收客户端发送的所述web应用的实现代码的加载请求；

第二发送模块，用于向所述客户端返回所述web应用的实现代码，用于使所述客户端完成对所述实现代码的加载。

13.如权利要求12所述的装置，其特征在于，所述第一发送模块发送的所述请求页面中还包含属性检测代码，所述属性检测代码用于提供给所述客户端，在加载所述请求页面之后，运行所述请求代码之前运行，且运行所述属性检测代码的结果为得到所述客户端属性；所述第二接收模块接收的所述加载请求中携带所述客户端属性；

所述装置，还包括：

获取模块，用于在向所述客户端返回所述web应用的实现代码之前，从所述加载请求中，获取所述客户端属性；

确定模块，用于根据所述客户端属性，确定与所述客户端属性对应的所述web应用的实现代码。

14.如权利要求12所述的装置，其特征在于，所述第一发送模块发送的所述请求页面中还包含属性检测代码，所述属性检测代码用于提供给所述客户端，在从所述请求页面中接收到用户发送的访问所述web应用的指令之后，运行所述请求代码之前运行，且运行所述属性检测代码的结果为得到所述客户端属性；所述第二接收模块接收的所述加载请求中携带所述客户端属性；

所述装置，还包括：

获取模块，用于在向所述客户端返回所述web应用的实现代码之前，从所述加载请求中，获取所述客户端属性；

确定模块，用于根据所述客户端属性，确定与所述客户端属性对应的所述web应用的实现代码。

15.如权利要求13或14所述的装置，其特征在于，所述第一发送模块发送的所述请求页面中还包含小型文本文件cookie检测代码，所述cookie检测代码用于提供给所述客户端，在加载所述请求页面之后，运行所述属性检测代码之前运行，且运行所述cookie检测代码的结果为检测所述客户端是否保存有表征所述客户端属性的cookie信息；

所述获取模块，具体用于当确定所述加载请求中未包含表征所述客户端属性的cookie信息，或者，当确定所述加载请求中包含表征所述客户端属性的cookie信息，且所述cookie信息已经过期，从所述加载请求中，除承载所述cookie信息的域之外的部分，获取所述客户端属性。

16.如权利要求15所述的装置，其特征在于，所述获取模块还用于在根据所述客户端属性，确定与所述客户端属性对应的所述web应用的实现代码之前，当确定所述加载请求中包含表征所述客户端属性的cookie信息，且所述cookie信息未过期，从所述加载请求中承载所述cookie信息的域中，获取所述客户端属性。

17.如权利要求12或13所述的装置，其特征在于，所述确定模块，具体用于当所述客户端属性为所述客户端的名称时，根据所述客户端的名称与所述web应用的实现代码之间的对应关系，确定与所述客户端的名称对应的所述web应用的实现代码；或者

当所述客户端属性为所述客户端的版本号时，根据所述客户端的版本号与所述web应用的实现代码之间的对应关系，确定与所述客户端的版本对应的所述web应用的实现代码；或者

当所述客户端属性为所述客户端的名称及版本号时，根据所述客户端的名称及版本号与所述web应用的实现代码之间的对应关系，确定与所述客户端的名称及版本对应的所述web应用的实现代码。

18.一种web应用的代码加载装置，其特征在于，包括：

第一发送模块，用于向服务器发送页面访问请求；

第一加载模块，用于接收并加载所述服务器返回的请求页面，其中，所述请求页面中包含请求代码；

第二发送模块，用于运行所述请求代码，向所述服务器发送web应用的实现代码的加载请求；

第二加载模块，用于接收并加载所述服务器返回的所述web应用的实现代码。

19.如权利要求18所述的装置，其特征在于，所述第一加载模块接收到的所述请求页面中还包含属性检测代码，

所述装置，还包括：

属性检测模块，用于在加载所述服务器返回的请求页面之后，且运行所述请求代码之前，运行所述属性检测代码，得到客户端属性；

所述第二发送模块，具体用于运行所述请求代码，向所述服务器发送包含所述客户端属性的所述web应用的实现代码的加载请求。

20.如权利要求19所述的装置，其特征在于，还包括：指令接收模块，用于在加载所述服务器返回的请求页面之后，且运行所述检测代码之前，接收用户发送的访问所述web应用的指令。

21.如权利要求19或20所述的装置，其特征在于，所述第一加载模块接收到的所述请求页面中还包含小型文本文件cookie检测代码；

所述属性检测模块，具体用于当运行所述cookie检测代码，确定所述客户端未保存表征所述客户端属性的cookie信息时，运行所述属性检测代码，检测所述客户端属性；

所述装置，还包括：

cookie创建模块，用于运行所述属性检测代码，检测所述客户端属性之后，创建cookie保存所述客户端属性。

22.如权利要求21所述的装置，其特征在于，还包括：

cookie获取模块，用于在接收并加载所述服务器返回的所述web应用的实现代码之前，当运行所述cookie检测代码，确定所述客户端保存有表征所述客户端属性的cookie信息，获取所述cookie信息；

所述第二发送模块，具体用于运行所述请求代码，向所述服务器发送包含所述cookie信息的所述web应用的实现代码的加载请求。

23.一种服务器，其特征在于，包括：如权利要求12-17任一项所述的装置。

24.一种web应用实现代码加载系统，其特征在于，包括：服务器和客户端；

所述服务器，用于接收客户端发送的页面访问请求;向所述客户端返回请求页面，其中，所述请求页面中包含用于请求加载网络web应用的实现代码的请求代码；接收客户端发送的请求加载所述web应用的实现代码的加载请求；向所述客户端返回所述web应用的实现代码；

所述客户端，用于向服务器发送页面访问请求；接收并加载所述服务器返回的请求页面；运行所述请求代码，向所述服务器发送请求加载所述web应用的实现代码的加载请求；接收并加载所述服务器返回的所述web应用的实现代码。