Создание мобильного приложения с помощью jQuery Mobile, Django и Phonegap
В настоящее время я начинаю создавать мобильное приложение, используя jQuery Mobile, и обернуть его Phonegap для поддержки нативных приложений. Это расширение к уже существующему настольному приложению, написанному на Django, мой вопрос: каков наилучший способ подключения на стороне клиента? приложение, написанное в html5/js/css на стороне сервера, буду ли я просто использовать JSON для отправки / получения данных, и есть ли у кого-нибудь хорошие статьи по этому поводу?
2 ответа
Я лично создал несколько нативных приложений с JqueryMobile в качестве моего внешнего интерфейса - Django в качестве серверной части - и телефонный разрыв, чтобы встроить его в приложение для магазина itunes. Это действительно отличное сочетание технологий, которые - если все сделано правильно - могут дать быстрое нативное приложение.
Прежде всего, вы должны посмотреть на Tastypie. Tastypie - это действительно простой способ создания мгновенного API-интерфейса RESful, который может отправлять данные JSON в javascript/JQuery. Это приложение Django, и оно очень питоническое (множество простых переопределений классов / методов - все прозрачно).
Поток передачи данных будет выглядеть примерно так:
Используйте функцию jquery.ajax или функцию getJSON для получения / публикации / размещения данных JSON по указанному URL-адресу.
Этот URL представляет собой API-интерфейс Delicious, созданный на основе ваших моделей. это может выглядеть как /api/vi/blogs/all/
Теперь у вас есть 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 между мобильным приложением телефонной связи и обычным веб-приложением нет большой разницы.