2011-06-21 6 views
1

Je viens de développer un site web avec Django, qui utilise une base de données. Maintenant, je voudrais mettre en application mon application comme une application Facebook, utilisable dans Facebook Canvas. Je suis totalement novice dans ce domaine. J'ai cherché toute la journée, mais je n'ai trouvé aucun bon document ou tutoriel pour un exemple. Est-ce si difficile? Pouvez-vous me donner quelques conseils pour commencer?Application Django pour Facebook

Je ne veux pas réécrire toute mon application en PHP, je veux toujours utiliser mon Django aimé.

Répondre

4

Pour l'instant, Facebook ne nécessite que de travailler sous un Iframe; Vous devez donc afficher un contenu html "normal", sans aucun élément supplémentaire. Avant de pouvoir utiliser FBML - un langage de balisage facebook bizarre - ou Iframe. Maintenant seulement iframe. Donc, en fait, toute page CSS HTML que vous créez avec n'importe quel javascript fonctionnera.

Pour OpenGraph, l'API FB, le meilleur que je trouve est https://github.com/jgorset/fandjango

je devais faire quelques corrections pour le faire fonctionner avec mon code, mais il est 95% grand pour la connexion, la récupération de données, l'affichage, etc.

https://github.com/jgorset/fandjango-example est un exemple d'application créée par le même développeur.

+0

regardez ici mec: http://stackoverflow.com/questions/6433391/mysterious-problem-with-fandjango –

2

Jetez un coup d'oeil ici http://developers.facebook.com/docs/guides/canvas/

Fondamentalement, tout un Facebook Canvas est un iframe. Et une application Facebook est juste une application web ordinaire chargée dans un iframe.

La principale restriction est à noter:

Une toile est limitée à la page un maximum de 760 pixels de largeur. Une page de canevas peut avoir n'importe quelle hauteur, bien que vous verriez des barres de défilement par défaut si la hauteur dépasse les limites de la page extérieure de Facebook.com. Vous pouvez contrôler ce comportement en désactivant les barres de défilement dans le App Developer et en utilisant la setSize() dans notre SDK JavaScript

Questions connexes