将简化的Web内容加载到PhoneGap应用程序中

时间:2013-01-18 21:09:51

标签: cordova jquery-mobile mobile

我是一个完整的新手,正在使用PhoneGap构建一个HTML5应用程序,它将以一种漂亮的flipboard方式呈现通过自定义构建的CMS上传的文章。该应用程序将呈现一个很好的图像密集的界面。当用户点击图像时,将加载文章内容。

我可能会使用Yii框架构建Web后端,因为这是我的经验所在。许多可以上传文章的版主都可以访问CMS。每篇文章都有一个图像和文字。一般用户无法通过网络访问文章,只能通过应用程序访问。

我认为我需要使用HTTP get请求?在www.mydomain.com/article?id=7上说一篇关于cms的文章是accessibe。如果我点击这个,我将收回网站使用的所有不必要的布局和额外的视图。

构建简化视图的最佳方法是返回图像和内容吗?所以网址: “www.mydomain.com/mobile/article?id=7&type=image” 只返回第7条的图像和

“www.mydomain.com/mobile/article?id=7&type=text” 将返回文本。

然后我使用Jquery通过抓取3个图像来创建应用程序的漂亮首页,然后点击“文本”链接来加载内容。

这是正确的过程吗?还是有一个更好的?

1 个答案:

答案 0 :(得分:1)

这是一个正确的过程。它可以通过其他几种方式完成,但你应该坚持你所知道的。

但你也应该考虑其他一些事情。

首先,您选择了 Phonegap 标记,因此我认为您正在创建移动网络应用而非移动网页。这有一个问题。有两种方法可以使用 Phonegap 创建 jQuery Mobile 移动应用程序,它可以在服务器端完全生成并显示,或者您只能发送基本内容并生成客户端的页面。

第一个选项总是更好,服务器端将处理内容生成,客户端将只显示它。但在这里,我们遇到了第一个问题。如果您要创建 iOS 应用( Android 不会受到影响)该应用将被拒绝,因为您在服务器端生成内容。在这种情况下,Apple的政策是拒绝应用,因为这只是一个混合应用中显示的移动网络。

现在我们有第二个问题。假设您的服务器端仅作为Web服务,仅提供基本内容(通过 JSON XML )。您的客户端需要生成页面内容。这不是桌面浏览器上的床,但在手机浏览器上,它可能会导致性能问题。 jQuery Mobile 被称为资源饥渴框架,现在将其与其他内容生成相结合,您就可以获得性能灾难的公式。

基本上,您应该将您的网络应用程序构建为尽可能轻便。例如,看看Pulse移动应用程序。它不是资源丰富,但仍然看起来很好,专业。首先关于GUI布局以及如何生成内容。