CN108846131A - Weex页面渲染方法、装置、终端和存储介质 - Google Patents

Abstract

本发明实施例公开了一种Weex页面渲染方法、装置、终端和存储介质，该方法包括：响应用户的应用启动指令，对系统配置文件中所配置的Weex页面对应的JS Bundle文件进行预先下载，并保存在本地存储中；从本地存储中获取用户发起的页面访问请求所关联的JS Bundle文件，并依据获取的JS Bundle文件对访问页面进行渲染。本发明实施例通过对移动应用的Weex页面对应的JS Bundle文件进行预先加载，实现了对JS Bundle文件的本地缓存，提高了JS Bundle文件的获取效率以及页面的渲染效率，从而提高了移动应用页面更新后的访问速度和用户访问体验。

Description

Weex页面渲染方法、装置、终端和存储介质

技术领域

本发明实施例涉及计算机技术领域，尤其涉及一种Weex页面渲染方法、装置、终端和存储介质。

背景技术

Weex是一个开源的跨平台页面渲染解决方案，集成有Weex SDK的移动平台依据由Weex定义的平台独立的页面渲染规则，生成JS Bundle文件渲染生成原生界面。其余移动应用通过加载并执行JS Bundle文件，动态生成对应的移动平台的原生控件，达到与原生界面相同的页面渲染效果，从而实现对页面渲染方式的更新。

现有技术中，移动应用在每次访问Weex页面时，都需要通过服务器重新加载访问页面对应的JS Bundle文件；且JS Bundle文件较为公开，直接执行即可实现对访问页面的渲染。

然而，现有技术对于Weex页面的访问效率较低，重复性的加载对承载有移动应用的移动平台的系统资源的占用率较大，浪费系统资源，降低页面的访问速度和用户体验。

发明内容

本发明实施例提供了一种Weex页面渲染方法、装置、终端和存储介质，能够提高Weex页面的访问效率。

第一方面，本发明实施例提供了一种Weex页面渲染方法，包括：

响应用户的应用启动指令，对系统配置文件中所配置的Weex页面对应的JSBundle文件进行预先下载，并保存在本地存储中；

从本地存储中获取用户发起的页面访问请求所关联的JS Bundle文件，并依据获取的JS Bundle文件对访问页面进行渲染。

第二方面，本发明实施例提供了一种Weex页面渲染装置，包括：

预加载模块，用于响应用户的应用启动指令，对系统配置文件中所配置的Weex页面对应的JS Bundle文件进行预先下载，并保存在本地存储中；

页面访问模块，用于从本地存储中获取用户发起的页面访问请求所关联的JSBundle文件，并依据获取的JS Bundle文件对访问页面进行渲染。

第三方面，本发明实施例提供了一种终端，包括：

一个或多个处理器；

存储器，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现本发明任意实施例所述的Weex页面渲染方法。

第四方面，本发明实施例提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现本发明任意实施例所述的Weex页面渲染方法。

本发明实施例通过在移动应用启动时，就预先加载移动应用所需加载的Weex页面对应的JS Bundle文件，并保存在本地存储中；当用户发起对于具体页面的访问请求时，直接从本地存储中获取对于访问页面预先加载完成的JS Bundle文件，并依据JS Bundle文件对访问页面进行渲染。本发明实施例通过对移动应用的Weex页面对应的JS Bundle文件进行预先加载，实现了对JS Bundle文件的本地缓存，提高了JS Bundle文件的获取效率以及页面的渲染效率，从而提高了移动应用页面更新后的访问速度和用户访问体验。

附图说明

图1为本发明实施例一提供的一种Weex页面渲染方法的流程图；

图2为本发明实施例二提供的预加载JS Bundle文件的流程图；

图3为本发明实施例三提供的访问Weex页面的流程图；

图4为本发明实施例四提供的一种Weex页面渲染装置的结构示意图；

图5为本发明实施例五提供的一种终端的结构示意图。

具体实施方式

下面结合附图和实施例对本发明实施例作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本发明实施例，而非对本发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本发明实施例相关的部分而非全部结构。

实施例一

图1为本发明实施例一提供的一种Weex页面渲染方法的流程图，本实施例可适用于Weex页面更新后进行JS Bundle文件加载的情况，该方法可由一种Weex页面渲染装置来执行。该方法具体包括如下步骤：

步骤110、响应用户的应用启动指令，对系统配置文件中所配置的Weex页面对应的JS Bundle文件进行预先下载，并保存在本地存储中。

在本发明具体实施例中，用户的应用启动指令是指用户主动对终端中的应用程序进行的启动。系统配置文件是指针对应用中的页面进行访问时所配置的相关系统文件，可以包括应用中页面跳转关系配置、应用页面的预加载配置以及具体的页面配置。其中，具体的页面配置可以是前端开发人员依据自身应用中嵌入的Weex SDK对Weex页面进行实时开发更新后的配置文件，Weex页面的访问需要依据更新后的配置文件才能正常加载和渲染，配置文件中明确指示了Weex页面加载所需的JS Bundle文件。进而在检测到用户启动应用程序时，依据系统配置文件对应用中的Weex页面对应的JS Bundle文件进行预先下载，并保存在本地存储中，便于用户对页面访问时JS Bundle文件的获取，提高JS Bundle文件的获取效率以及页面的访问效率。

具体的，本实施例采用预加载配置文件来指示应用中能够访问的页面，并对各访问页面添加对应的页面唯一标识。相应的，预加载配置文件可以以数组的形式保存各访问页面的页面唯一标识，并依据页面唯一标识与访问页面的关联关系来指示系统需要预先加载的页面范围。此外，本实施例还可以采用Weex页面配置文件来指示具体页面的相关访问信息。相应的，Weex页面配置文件也可以采用数组的形式保存各访问页面的配置信息，数组内为所有Weex页面对应的页面唯一标识以及对应的一份具体的Weex页面配置。其中可以包括资源定位符URL，用于指示JS Bundle文件的下载路径；依据JS Bundle文件形成的文件名称，用于指示JS Bundle文件是否更新以及其文件名称中隐藏的密钥信息。

本实施例可以依据预加载配置文件获取所要预先加载的页面对应的页面唯一标识，进而依据页面唯一标识，从Weex页面配置文件中获取对应的文件下载地址进行预先下载，并保存在本地存储中。

示例性的，在检测到用户启动应用程序，对JS Bundle文件进行预先下载时，检测本地存储中是否已经存在JS Bundle文件，若不存在则直接进行预先下载。若存在，则将Weex页面配置文件中JS Bundle文件的配置信息与本地存储中JS Bundle文件的配置信息进行对比，检测本地存储中的JS Bundle文件是否已经发生更新，若无更新，则保留本地存储中的JS Bundle文件。若确定JS Bundle文件存在更新，则依据Weex页面配置文件中所配置的所述Weex页面对应的页面唯一标识所关联的资源定位符，下载更新后的JS Bundle文件，并替换本地存储中已存在的JS Bundle文件进行保存。

步骤120、从本地存储中获取用户发起的页面访问请求所关联的JS Bundle文件，并依据获取的JS Bundle文件对访问页面进行渲染。

在本发明具体实施例中，页面访问请求是指用户针对某一具体的Weex页面发起的访问请求，其中可以包括所要访问的Weex页面的页面唯一标识。进而在用户发起页面访问请求时，依据页面访问请求所关联的页面唯一标识，从本地存储中获取对应的已预先加载完成的JS Bundle文件即可，提高了JS Bundle文件的获取速度，并依据获取的JS Bundle文件对访问页面进行渲染，进而提高了页面的访问效率。

具体的，在应用启动时对JS Bundle文件的预加载是需要一定时间的，且页面访问请求的发起时间是无法预计的，因此本实施例存在JS Bundle文件还未完成预先加载时，用户就已经发起页面访问请求的情况。此时，正在下载的文件存在下载队列中，而还未轮到的未下载文件存在等待下载列表中。

相应的，本实施例在检测到用户发起的页面访问请求时，检测本地存储中是否已经存在JS Bundle文件，若存在则将Weex页面配置文件中JS Bundle文件的配置信息与本地存储中JS Bundle文件的配置信息进行对比，检测本地存储中的JS Bundle文件是否已经发生更新。若检测本地存储中不存在该JS Bundle文件，或者确定本地存储中的JS Bundle文件存在更新，则检测下载队列。若下载队列中不包含指定JS Bundle文件的下载任务，则将该JS Bundle文件关联的页面唯一标识添加至下载队列中，并将所述页面唯一标识从等待下载队列中删除。若提示下载失败则重新下载该JS Bundle文件；待接收到该JS Bundle文件的下载成功提示时，从本地存储中获取该JS Bundle文件。

此外，为了保障页面访问的正常进行，本实施例可以对JS Bundle文件进行加密处理。进而在从本地存储中获取JS Bundle文件时，可以对Weex页面配置文件中的页面唯一标识对应的JS Bundle文件的配置信息进行解析，从页面的配置信息中抽取隐藏的密钥信息，获取页面唯一标识关联的JS Bundle文件的密钥。依据密钥对JS Bundle文件进行解密，并依据解密后的JS Bundle文件渲染页面访问请求所关联的页面。

本实施例的技术方案，通过在移动应用启动时，就预先加载移动应用所需加载的Weex页面对应的JS Bundle文件，并保存在本地存储中；当用户发起对于具体页面的访问请求时，直接从本地存储中获取对于访问页面预先加载完成的JS Bundle文件，并依据JSBundle文件对访问页面进行渲染。本发明实施例通过对移动应用的Weex页面对应的JSBundle文件进行预先加载，实现了对JS Bundle文件的本地缓存，提高了JS Bundle文件的获取效率以及页面的渲染效率，从而提高了移动应用页面更新后的访问速度和用户访问体验。

实施例二

本实施例在上述实施例一的基础上，提供了Weex页面渲染方法的一个优选实施方式，能够在应用启动时预先加载更新后的JS Bundle文件。图2为本发明实施例二提供的预加载JS Bundle文件的流程图，如图2所示，该方法包括以下具体步骤：

步骤210、响应用户的应用启动指令，启动拉取预加载。

在本发明具体实施例中，可以对应用的运行状态进行实时监测，当监测到用户的应用启动指令时，启动拉取预加载，获取页面加载相关的系统配置文件，可以包括用于指示待加载页面的页面唯一标识的预加载配置文件，以及用于指示页面配置信息的Weex页面配置文件。

步骤220、依据预加载配置文件获取待加载的Weex页面的页面唯一标识。

在本发明具体实施例中，预加载配置文件可以以数组的形式保存需要提前下载的Weex页面的页面唯一标识，并依据页面唯一标识与访问页面的关联关系来指示系统需要预先加载的页面范围。

示例性的，假设应用中可以访问N个Weex页面，则为各个Weex页面添加页面唯一标识，并依次存储于预加载配置文件的数组中，数组形式可以为[“weexPageKey1”,“weexPageKey2”,“weexPageKey3”,…,“weexPageKey N”]。其中，weexPageKey为与具体的Weex页面关联的页面唯一标识。进而，依次读取预加载配置文件数组中的页面唯一标识，获取需要预先加载的页面范围。

步骤230、确定本地存储中是否存在Weex页面对应的JS Bundle文件，若是，则执行步骤240；若否，则执行步骤260。

在本发明具体实施例中，依据获取到的页面唯一标识，首先确定本地存储中是否已经存在该页面唯一标识对应的Weex页面加载时所需的JS Bundle文件。若存在，则继续检测是否存在更新；若不存在，则直接下载最新的JS Bundle文件。

步骤240、依据页面唯一标识，将Weex页面配置文件中JS Bundle文件的配置信息与本地存储中JS Bundle文件的配置信息进行对比。

在本发明具体实施例中，若检测到本地存储中存在该页面唯一标识对应的Weex页面加载时所需的JS Bundle文件，则依据该页面唯一标识，分别从Weex页面配置文件中和本地存储中获取对应JS Bundle文件的配置信息并进行对比。

其中，Weex页面配置文件用来指示具体页面的相关访问信息。Weex页面配置文件也可以采用数组的形式保存各访问页面的配置信息，数组内为所有Weex页面对应的页面唯一标识以及对应的一份具体的Weex页面配置。其中可以包括资源定位符URL，用于指示JSBundle文件的下载路径；依据JS Bundle文件形成的文件名称，用于指示JS Bundle文件是否更新以及其文件名称中隐藏的密钥信息。

示例性的，在上述示例中，分别对上述N个Weex页面进行页面配置，至少配置其JSBundle文件的下载路径以及文件名称，并存储于数组中，其存储形式可以为[{“weexPageKey1”:{“url”:“https://xxx.js1”,“md5”:“xxx1”}},{“weexPageKey2”:{“url”:“https://xxx.js2”,“md5”:“xxx2”}},…,{“weexPageKeyN”:{“url”:“https://xxx.jsN”,“md5”:“xxxN”}}]。其中，url为资源定位符，其后的地址标注了页面唯一标识对应的JS Bundle文件的下载路径；md5为JS Bundle文件的文件名称，且该文件名称是依据JSBundle文件而形成的，若JS Bundle文件发生更新，则JS Bundle文件的文件名称也会相应发生改变。此外，对JS Bundle文件的加密密钥可以依据预设规则隐藏在文件名称中。

具体的，本实施例可以获取Weex页面配置文件中JS Bundle文件的配置信息以及本地存储中JS Bundle文件的配置信息，例如数组中对应页面唯一标识的“md5”项对应的文件名称，通过对JS Bundle文件最新加载前后的文件名称进行对比，确定JS Bundle文件是否发生更新。

步骤250、依据对比结果确定页面唯一标识关联的JS Bundle文件是否存在更新，若是，则执行步骤260；若否，则执行步骤220。

在本发明具体实施例中，若JS Bundle文件更新加载前后的文件名称不相同，则表明该JS Bundle文件发生更新，需要重新下载JS Bundle文件并替换本地存储中的JSBundle文件。若JS Bundle文件更新加载前后的文件名称相同，则表明该JS Bundle文件未发生更新，则以本地存储中的JS Bundle文件为准，无需再次重复下载和替换，并开始对下一个页面唯一标识对应的JS Bundle文件进行检测和预先下载处理。

步骤260、依据Weex页面配置文件中所配置的Weex页面对应的页面唯一标识所关联的资源定位符，下载所述页面唯一标识关联的更新后的JS Bundle文件，并保存在本地存储中，执行步骤220。

在本发明具体实施例中，若本地存储中的JS Bundle文件发生更新，则依据Weex页面配置文件数组中该页面唯一标识对应的url获取最新的JS Bundle文件的下载路径，下载更新后的JS Bundle文件，并替换本地存储中已存在的JS Bundle文件，完成该页面唯一标识对应的JS Bundle文件的保存，并开始对下一个页面唯一标识对应的JS Bundle文件进行检测和预先下载处理，直至完成对所有更新后的Weex页面对应的JS Bundle文件的预先下载和替换，以及本地存储中未缓存的JS Bundle文件的预先下载，并保存在本地存储中，供后期用户访问Weex页面时直接调用。

本实施例中，可以依据预加载配置文件中各页面唯一标识的顺序，依次进行对应JS Bundle文件的检测和预先下载处理，或依据系统性能进行数个JS Bundle文件的并行检测和预先下载处理。其中，正在下载的JS Bundle文件对应的页面唯一标识记录在下载队列中，而还未处理的JS Bundle文件对应的页面唯一标识记录在等待下载队列中。当轮到等待下载队列中的某个页面唯一标识对应的JS Bundle文件进行处理时，其页面唯一标识随即被添加记录于下载队列中，而等待下载队列中对应的信息被删除。

本实施例的技术方案，通过在移动应用启动时，依据预加载配置文件和Weex页面配置文件，对应用中所有Weex页面的本地存储和更新状态进行检测，并将未存储或存储但发生更新的Weex页面对应的JS Bundle文件进行预先下载，避免了当且仅当用户访问页面时，才对被访问的Weex页面对应的JS Bundle文件进行下载，且无任何缓存，而在下一次访问该Weex页面时仍需同样重复性的下载动作。本发明实施例通过对移动应用的Weex页面对应的JS Bundle文件进行预先加载，实现了对JS Bundle文件的本地缓存，提高了JS Bundle文件的获取效率以及页面的渲染效率，从而提高了移动应用页面更新后的访问速度和用户访问体验。

实施例三

本实施例在上述实施例一的基础上，提供了Weex页面渲染方法的一个优选实施方式，能够在用户访问Weex页面时对本地存储中的JS Bundle文件进行检查和获取。图3为本发明实施例三提供的访问Weex页面的流程图，如图3所示，该方法包括以下具体步骤：

步骤310、若检测本地存储中不存在页面访问请求关联的JS Bundle文件，或者确定本地存储中的页面访问请求关联的JS Bundle文件存在更新，则检测下载队列。

在本发明具体实施例中，在应用启动时对JS Bundle文件的预加载是需要一定时间的，且页面访问请求的发起时间是无法预计的，因此本实施例存在JS Bundle文件还未完成预先加载时，用户就已经发起页面访问请求的情况。因此本实施例在响应用户发起的包括目标Weex页面对应的页面唯一标识的页面访问请求时，首先依据该页面唯一标识检测本地存储中是否已经存在对应的JS Bundle文件。若存在，则将Weex页面配置文件中JSBundle文件的配置信息与本地存储中JS Bundle文件的配置信息进行对比，例如对JSBundle文件更新加载前后的文件名称进行对比，检测本地存储中的JS Bundle文件是否已经发生更新。若检测无更新，则表明JS Bundle文件没有发生更新，或者更新后的JS Bundle文件已下载完成，直接调用即可。若检测本地存储中不存在该JS Bundle文件，或者确定本地存储中的JS Bundle文件存在更新，则检测下载队列，判断该JS Bundle文件是否正在下载，对于没有正在下载的JS Bundle文件进行下载调整处理。

步骤320、若下载队列中不包含该JS Bundle文件的下载任务，则将该JS Bundle文件关联的页面唯一标识添加至下载队列中，并将该页面唯一标识从等待下载队列中删除。

在本发明具体实施例中，若下载队列中不包含用户所要访问的Weex页面对应的JSBundle文件的下载任务，则将该页面对应的页面唯一标识添加至下载队列中，并删除等待下载队列中对应的信息，优先对用户当即访问的页面对应的JS Bundle文件进行下载。

步骤330、接收JS Bundle文件的下载成功提示，并从本地存储中获取该JS Bundle文件。

在本发明具体实施例中，若提示下载失败则重新下载该JS Bundle文件；待接收到该JS Bundle文件的下载成功提示时，从本地存储中获取该JS Bundle文件。

步骤340、对Weex页面配置文件中的页面唯一标识对应的JS Bundle文件的配置信息进行解析，获取该页面唯一标识关联的JS Bundle文件的密钥。

在本发明具体实施例中，为了保障页面访问的正常进行，可以对JS Bundle文件进行加密处理。进而在从本地存储中获取JS Bundle文件时，可以对Weex页面配置文件中的页面唯一标识对应的JS Bundle文件的配置信息进行解析，从页面的配置信息中抽取隐藏的密钥信息。

示例性的，对JS Bundle文件的加密密钥可以依据预设规则隐藏在文件名称中，因此在从本地存储中获取JS Bundle文件时，依据页面唯一标识同时从Weex页面配置文件中获取JS Bundle文件的文件名称。并依据预设规则从文件名称中抽取隐藏的密钥。

步骤350、依据密钥对该JS Bundle文件进行解密，并依据解密后的JS Bundle文件渲染页面访问请求所关联的页面。

在本发明具体实施例中，利用解析出来的密钥对对应的JS Bundle文件进行解密，从而执行JS Bundle文件，完成对页面访问请求所关联的页面的渲染，为用户快速展示完整的且更新后的页面。

值得注意的是，上述实施例只是对预加载未完成时用户就访问页面的特殊情况，进而优先对用户所要访问的Weex页面对应的JS Bundle文件进行优先下载处理。通常情况下，用户在启动应用后对显示首页的浏览和功能的选择过程中，可以完成对所有更新后的Weex页面对应的JS Bundle文件的预加载。因此，通过将JS Bundle文件的预先下载和缓存，可以提高后期用户访问Weex页面时对JS Bundle文件的获取效率，从而提高页面的访问效率。

本实施例的技术方案，通过在用户访问应用的具体Weex页面时，直接从本地存储中获取页面访问请求所关联的Weex页面对应的JS Bundle文件，避免了在页面访问时才临时加载对应的JS Bundle文件，提高了JS Bundle文件的获取效率以及访问页面的渲染效率，从而提高了移动应用页面更新后的访问速度和用户访问体验。

实施例四

图4为本发明实施例四提供的一种Weex页面渲染装置的结构示意图，本实施例可适用于Weex页面更新后进行JS Bundle文件加载的情况，该装置可实现本发明任意实施例所述的Weex页面渲染方法。该装置具体包括：

预加载模块410，用于响应用户的应用启动指令，对系统配置文件中所配置的Weex页面对应的JS Bundle文件进行预先下载，并保存在本地存储中；

页面访问模块420，用于从本地存储中获取用户发起的页面访问请求所关联的JSBundle文件，并依据获取的JS Bundle文件对访问页面进行渲染。

优选的，所述预加载模块410包括：

页面标识获取单元4101，用于依据预加载配置文件获取待加载的Weex页面的页面唯一标识；

文件预下载单元4102，用于依据Weex页面配置文件中所配置的页面唯一标识对应的资源定位符，下载所述页面唯一标识关联的JS Bundle文件。

优选的，所述预加载模块410包括：

文件确认单元4103，用于确定本地存储中是否存在所述Weex页面对应的JSBundle文件；

更新检测单元4104，用于若存在且确定所述JS Bundle文件存在更新，则依据Weex页面配置文件中所配置的所述Weex页面对应的页面唯一标识所关联的资源定位符，下载更新后的JS Bundle文件。

优选的，所述更新检测单元4104具体用于：

依据所述页面唯一标识，将所述Weex页面配置文件中JS Bundle文件的配置信息与本地存储中JS Bundle文件的配置信息进行对比；

依据对比结果确定所述页面唯一标识关联的JS Bundle文件是否存在更新。

优选的，所述页面访问模块420包括：

文件检测单元4201，用于若检测本地存储中不存在所述JS Bundle文件，或者确定本地存储中的JS Bundle文件存在更新，则检测下载队列。

优选的，所述页面访问模块420包括：

下载调整单元4202，用于若下载队列中不包含所述JS Bundle文件的下载任务，则将所述JS Bundle文件关联的页面唯一标识添加至下载队列中，并将所述页面唯一标识从等待下载队列中删除；

文件获取单元4203，用于接收JS Bundle文件的下载成功提示，并从本地存储中获取所述JS Bundle文件。

优选的，所述页面访问模块420，包括：

密钥解析单元4204，用于对Weex页面配置文件中的页面唯一标识对应的JSBundle文件的配置信息进行解析，获取所述页面唯一标识关联的JS Bundle文件的密钥；

页面渲染单元4205，用于依据所述密钥对所述JS Bundle文件进行解密，并依据解密后的JS Bundle文件渲染所述页面访问请求所关联的页面。

本实施例的技术方案，通过各个功能模块之间的相互配合，实现了应用启动的监测、待加载页面的页面唯一标识的获取、本地存储的检测、JS Bundle文件的检测、JSBundle文件的预先下载、页面访问请求的监测、下载列表的调整、JS Bundle文件的本地获取、密钥的解析、JS Bundle文件的解密以及页面的渲染等功能。本发明实施例通过对移动应用的Weex页面对应的JS Bundle文件进行预先加载，实现了对JS Bundle文件的本地缓存，提高了JS Bundle文件的获取效率以及页面的渲染效率，从而提高了移动应用页面更新后的访问速度和用户访问体验。

实施例五

图5为本发明实施例五提供的一种终端的结构示意图。如图5所示，该终端具体包括：一个或多个处理器510，图5中以一个处理器510为例；存储器520，用于存储一个或多个程序，当一个或多个程序被一个或多个处理器510执行，使得一个或多个处理器510实现本发明任意实施例所述的Weex页面渲染方法。处理器510与存储器520可以通过总线或其他方式连接，图5中以通过总线连接为例。

存储器520，作为一种计算机可读存储介质，可用于存储软件程序、计算机可执行程序以及模块，如本发明实施例中的Weex页面渲染方法对应的程序指令(例如，JS Bundle文件的预先下载与保存以及JS Bundle文件的本地获取与解密)。处理器510通过运行存储在存储器520中的软件程序、指令以及模块，从而执行终端的各种功能应用以及数据处理，即实现上述的Weex页面渲染方法。

存储器520可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序；存储数据区可存储根据终端的使用所创建的数据等。此外，存储器520可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实例中，存储器520可进一步包括相对于处理器510远程设置的存储器，这些远程存储器可以通过网络连接至终端。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

实施例六

本发明实施例六还提供一种计算机可读存储介质，其上存储有计算机程序(或称为计算机可执行指令)，该程序被处理器执行时用于执行一种Weex页面渲染方法，该方法包括：

响应用户的应用启动指令，对系统配置文件中所配置的Weex页面对应的JSBundle文件进行预先下载，并保存在本地存储中；

从本地存储中获取用户发起的页面访问请求所关联的JS Bundle文件，并依据获取的JS Bundle文件对访问页面进行渲染。

当然，本发明实施例所提供的一种计算机可读存储介质,其计算机可执行指令不限于如上所述的方法操作，还可以执行本发明任意实施例所提供的Weex页面渲染方法中的相关操作。

通过以上关于实施方式的描述，所属领域的技术人员可以清楚地了解到，本发明实施例可借助软件及必需的通用硬件来实现，当然也可以通过硬件实现，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明实施例的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如计算机的软盘、只读存储器(Read-Only Memory,ROM)、随机存取存储器(Random Access Memory,RAM)、闪存(FLASH)、硬盘或光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述的方法。

值得注意的是，上述装置的实施例中，所包括的各个单元和模块只是按照功能逻辑进行划分的，但并不局限于上述的划分，只要能够实现相应的功能即可；另外，各功能单元的具体名称也只是为了便于相互区分，并不用于限制本发明的保护范围。

注意，上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解，本发明不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此，虽然通过以上实施例对本发明实施例进行了较为详细的说明，但是本发明实施例不仅仅限于以上实施例，在不脱离本发明构思的情况下，还可以包括更多其他等效实施例，而本发明的范围由所附的权利要求范围决定。

Claims (10)

1.一种Weex页面渲染方法，其特征在于，包括：

响应用户的应用启动指令，对系统配置文件中所配置的Weex页面对应的JS Bundle文件进行预先下载，并保存在本地存储中；

从本地存储中获取用户发起的页面访问请求所关联的JS Bundle文件，并依据获取的JS Bundle文件对访问页面进行渲染。

2.根据权利要求1所述的方法，其特征在于，所述对系统配置文件中所配置的Weex页面对应的JS Bundle文件进行预先下载，包括：

依据预加载配置文件获取待加载的Weex页面的页面唯一标识；

依据Weex页面配置文件中所配置的页面唯一标识对应的资源定位符，下载所述页面唯一标识关联的JS Bundle文件。

3.根据权利要求1所述的方法，其特征在于，所述对系统配置文件中所配置的Weex页面对应的JS Bundle文件进行预先下载，包括：

确定本地存储中是否存在所述Weex页面对应的JS Bundle文件；

若存在且确定所述JS Bundle文件存在更新，则依据Weex页面配置文件中所配置的所述Weex页面对应的页面唯一标识所关联的资源定位符，下载更新后的JS Bundle文件。

4.根据权利要求3所述的方法，其特征在于，检测本地存储中的所述页面唯一标识关联的JS Bundle文件是否存在更新，包括：

依据所述页面唯一标识，将所述Weex页面配置文件中JS Bundle文件的配置信息与本地存储中JS Bundle文件的配置信息进行对比；

依据对比结果确定所述页面唯一标识关联的JS Bundle文件是否存在更新。

5.根据权利要求1所述的方法，其特征在于，所述从本地存储中获取用户发起的页面访问请求所关联的JS Bundle文件，包括：

若检测本地存储中不存在所述JS Bundle文件，或者确定本地存储中的JSBundle文件存在更新，则检测下载队列。

6.根据权利要求1所述的方法，其特征在于，所述依据获取的JS Bundle文件对访问页面进行渲染，包括：

对Weex页面配置文件中的页面唯一标识对应的JS Bundle文件的配置信息进行解析，获取所述页面唯一标识关联的JS Bundle文件的密钥；

依据所述密钥对所述JS Bundle文件进行解密，并依据解密后的JS Bundle文件渲染所述页面访问请求所关联的页面。

7.一种Weex页面渲染装置，其特征在于，包括：

预加载模块，用于响应用户的应用启动指令，对系统配置文件中所配置的Weex页面对应的JS Bundle文件进行预先下载，并保存在本地存储中；

页面访问模块，用于从本地存储中获取用户发起的页面访问请求所关联的JS Bundle文件，并依据获取的JS Bundle文件对访问页面进行渲染。

8.根据权利要求7所述的装置，其特征在于，所述预加载模块，包括：

页面标识获取单元，用于依据预加载配置文件获取待加载的Weex页面的页面唯一标识；

文件预下载单元，用于依据Weex页面配置文件中所配置的页面唯一标识对应的资源定位符，下载所述页面唯一标识关联的JS Bundle文件。

9.一种终端，其特征在于，包括：

一个或多个处理器；

存储器，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1至6中任一项所述的Weex页面渲染方法。

10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1至6中任一项所述的Weex页面渲染方法。