Online App

本文深入探讨了在线应用的部署方法,特别是xface的在线应用如何利用服务器进行部署,并通过HTML5的应用程序缓存技术创建离线版本。详细介绍了应用程序缓存(ApplicationCache)的优势,包括离线浏览、加载速度提升和流量节省。同时,文章阐述了xface.js在多平台部署过程中的角色与适应策略,解释了如何根据不同的平台适配xface.js,确保应用在不同设备上都能流畅运行。最后,文章提供了获取平台信息的方法,包括通过UserAgent和URL参数的形式,确保应用能够正确加载对应的xface.js。
在线应用

xface的在线应用将应用部署在服务器,同时采用HTML5的应用程序缓存技术,通过创建 cache manifest 文件,可以轻松地创建在线应用的离线版本。

什么是应用程序缓存(Application Cache)?

HTML5 引入了应用程序缓存,这意味着 web 应用可进行缓存,并可在没有因特网连接时进行访问。 应用程序缓存为应用带来三个优势:

  • 离线浏览 - 用户可在应用离线时使用它们
  • 速度 - 已缓存资源加载得更快
  • 节省流量 - xFace runtime将只从服务器下载更新过或更改过的资源。
Online App in xFace

xFace定义了Online App,它属于web app的一种,只需要指定

<running_mode value="online">

即可,并把应用资源部署到服务器。

多平台部署 xface.js适配

在部署online app时候, 需要适配xface.js。 不同的平台有不同的xface.js,为了支持多平台, 需要每个平台准备一份xface.js, 应用需要根据所运行的平台来加载相应的xface.js.

平台信息

平台信息可以通过一下两种方式获取到:

1 平台信息可以通过user agent获取到。

2 xface引擎url通过参数的形式提供平台的信息

有些设备获取不到user agent,所以xface引擎通过url参数的形式提供平台的信息: 引擎第一次加载online app,将platform 的信息以参数的形式加到url后面, 形如:

http://appentry.com/?platform=ios

其中 platform包括ios,android,wp。

Reference
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值