18

我目前开始使用 jQuery Mobile 构建一个移动应用程序,并用 Phonegap 包装它以支持本机应用程序,它是我们现有的用 Django 编写的桌面应用程序的扩展,我的问题是连接客户端的最佳方式是什么用html5 / js / css编写的应用程序到服务器端,我是否只使用JSON来发送/接收数据,有没有人有关于这方面的好文章?

4

2 回答 2

19

我个人创建了多个本地应用程序,其中 JqueryMobile 作为我的前端 - Django 作为服务器端 - 并使用 phonegap 本地包装到一个 iTunes 商店应用程序中。这确实是一个很好的技术组合——如果做得正确——可以产生一个快速的本机应用程序。

首先你应该看看Tastypie。Tastypie 是一种创建即时 RESful API 的非常简单的方法,该 API 可以将 JSON 数据发送到 javascript/JQuery。它是一个 Django 应用程序,它非常 Pythonic(大量简单的类/方法覆盖 - 一切都是透明的)。

数据传输流程如下所示:

  1. 使用 jquery.ajax 函数或 getJSON 函数从指定的 URL 获取/发布/放置 JSON 数据。

  2. 此 URL 是从您的模型创建的美味派 API。它可能看起来像 /api/vi/blogs/all/

  3. 现在,您在前端使用 Jquery 获得了 JSON 数据 - 您可以使用它做任何您想做的事情 - 填写表格 - 使用表单 - 等等。

首先查看一些 Jquery/Jquery 移动 ajax 函数以及如何使用 Jquery 库在前端使用 JSON。其次熟悉将 JSON 发送回 Django 视图(解析数据并将其保存到数据库)。然后深入了解 JQuery Mobile 用户界面的细节以及使其与 PhoneGap 良好配合的步骤。

于 2012-05-25T00:16:35.720 回答
4

您需要注意的一件事是 jquery 内置的同源特性。由于 phonegap 使用带有 url file:// 的 webview,因此您发出的任何 web 请求都将是跨域的,因此您需要配置 jquery mobile 以允许它。

http://jquerymobile.com/test/docs/pages/phonegap.html

除此之外,phonegap 移动应用程序和常规 Web 应用程序在获取/发布 JSON 方面没有太大区别。

于 2012-05-24T21:14:09.447 回答