Создание мобильного приложения с помощью jQuery Mobile, Django и Phonegap

В настоящее время я начинаю создавать мобильное приложение, используя jQuery Mobile, и обернуть его Phonegap для поддержки нативных приложений. Это расширение к уже существующему настольному приложению, написанному на Django, мой вопрос: каков наилучший способ подключения на стороне клиента? приложение, написанное в html5/js/css на стороне сервера, буду ли я просто использовать JSON для отправки / получения данных, и есть ли у кого-нибудь хорошие статьи по этому поводу?

2 ответа

Решение

Я лично создал несколько нативных приложений с JqueryMobile в качестве моего внешнего интерфейса - Django в качестве серверной части - и телефонный разрыв, чтобы встроить его в приложение для магазина itunes. Это действительно отличное сочетание технологий, которые - если все сделано правильно - могут дать быстрое нативное приложение.

Прежде всего, вы должны посмотреть на Tastypie. Tastypie - это действительно простой способ создания мгновенного API-интерфейса RESful, который может отправлять данные JSON в javascript/JQuery. Это приложение Django, и оно очень питоническое (множество простых переопределений классов / методов - все прозрачно).

Поток передачи данных будет выглядеть примерно так:

  1. Используйте функцию jquery.ajax или функцию getJSON для получения / публикации / размещения данных JSON по указанному URL-адресу.

  2. Этот URL представляет собой API-интерфейс Delicious, созданный на основе ваших моделей. это может выглядеть как /api/vi/blogs/all/

  3. Теперь у вас есть JSON-данные в вашем интерфейсе с Jquery - вы можете делать с ними все, что захотите - заполнять таблицу - работать с формами и т. Д.

Сначала ознакомьтесь с некоторыми мобильными функциями Ajax Jquery / Jquery и узнайте, как работать с JSON на веб-интерфейсе с библиотекой Jquery. Во-вторых, ознакомьтесь с отправкой JSON обратно в представление Django (анализ данных и сохранение их в базе данных). Затем погрузитесь в особенности пользовательского интерфейса JQuery Mobile и узнайте, как это работает с PhoneGap.

Одна из вещей, на которую вам нужно обратить внимание - это функции того же происхождения, встроенные в jquery. Поскольку phonegap использует веб-просмотр с URL-файлом:// любой ваш веб-запрос будет междоменным, поэтому вам нужно настроить jquery mobile, чтобы разрешить его.

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

Помимо этого, между получением и публикацией JSON между мобильным приложением телефонной связи и обычным веб-приложением нет большой разницы.

Другие вопросы по тегам