Construction D'une application Mobile avec jQuery Mobile, Django et Phonegap

je commence actuellement à construire une application mobile en utilisant jQuery Mobile et l'envelopper avec Phonegap pour le soutien d'application natif, il s'agit d'une extension de notre application de bureau déjà existant écrit dans Django, ma question, Est-ce que la meilleure façon de connecter le client côté application écrite dans html5/js/css côté serveur, est-ce que je viens d'utiliser JSON pour envoyer/recevoir des données, et est-ce que quelqu'un a de bons articles à ce sujet ?

18
demandé sur flaiks 2012-05-25 00:58:32

2 réponses

j'ai personnellement créé plusieurs applications natives avec JqueryMobile comme interface - Django comme côté serveur - et phonegap pour envelopper nativement dans une application iTunes store. C'est vraiment une excellente combinaison de technologies qui - si fait correctement, peut donner une rapide application native.

tout d'Abord, vous devriez regarder dans Tastypie. Tastypie est un moyen très simple de créer une API instantanée qui peut envoyer des données JSON à javascript/JQuery. C'est une app Django et il est très pythonic (abondance de classe facile/overrides de méthode - tout est transparent).

Le débit de transfert de données devrait ressembler à quelque chose comme ceci:

  1. utilisez un jquery.fonction ajax ou une fonction getJSON pour obtenir/post / put des données JSON à partir d'une URL spécifiée.

  2. cette URL est L'API tastypie créée à partir de vos modèles. il pourrait ressembler à /api/vi/blogs/toutes les/

  3. Maintenant vous avez des données JSON dans votre frontend avec Jquery - vous pouvez faire ce que vous voulez avec elle - remplir un tableau - de travailler avec des formes - etc.

tout d'abord, découvrez quelques fonctions ajax mobiles Jquery/Jquery et comment travailler avec JSON sur la frontend avec la bibliothèque Jquery. Ensuite, familiarisez-vous avec le retour de JSON vers une vue Django (analyse des données et sauvegarde dans la base de données). Ensuite, plongez dans les spécificités de L'Interface utilisateur Mobile JQuery et les étapes pour la faire fonctionner correctement avec PhoneGap.

19
répondu Hacking Life 2012-05-25 00:16:35

une des choses que vous aurez besoin de chercher est les traits de même origine construits dans jquery. Puisque phonegap utilise un fichier d'url webview withl: / / toute requête web que vous faites sera de domaine croisé, donc vous devez configurer jquery mobile pour l'autoriser.

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

en dehors de cela, il n'y a pas beaucoup de différence entre une application mobile phonegap et une application web régulière en ce qui concerne l'obtention/l'affichage JSON.

4
répondu chad 2012-05-24 21:14:09