Интерфейс FaceBook с использованием нового API PHP / JS вместо FBML

Где я могу найти информацию о стилизации моего приложения в стиле facebook в приложении холста PHP / JS (JavaScript) в iframe?

У меня есть код, который представляет собой приложение FBML Canvas, но facebook постепенно отказывается от него, и кажется, что вы можете использовать новый PHP API только с iframe и javascript (XFBML) SDK.

У меня большая часть этого работает, но я не могу понять некоторые простые вещи - например, в FBML, чтобы показать красивое сообщение в стиле facebook, я мог бы просто сделать:

<fb:success><fb:message><?php echo $fbmessage; ?></fb:message></fb:success>

or

<fb:error message="An error has occurred." />

Эти теги FBML, похоже, больше не анализируются - вероятно, не поддерживаются XFBML. Итак, каковы замены, или даже лучше, где находится документация о том, как использовать новую настройку холста iframe / javascript и легко ее стилизовать? Может быть, файл CSS? JS звонит? Плагины XFBML?

Спасибо!


person Scott Szretter    schedule 30.11.2010    source источник


Ответы (2)


Нет никаких реальных рекомендаций для приложений iFrame. Возможно, стоит проконсультироваться с дизайнером / разработчиком внешнего интерфейса, чтобы разработать визуальную структуру для вашего приложения.

person Darren Jones    schedule 06.12.2010
comment
Спасибо, в итоге я все стилизовал сам, я просто надеялся сэкономить время и использовать то, что, возможно, предоставил FB. К счастью, некоторые библиотеки, такие как JQuery, делают это немного проще. - person Scott Szretter; 14.01.2011

Есть несколько вещей, которые вам нужно проверить, чтобы убедиться, что ваше приложение будет работать как приложение iframe, а не как приложение FBML:

  • Убедитесь, что страница вашего приложения заполнена и соответствует требованиям XHTML.
  • Убедитесь, что у вас есть объявление xmlns:fb="http://www.facebook.com/2008/fbml" в корневом элементе
  • Оберните любое существующее содержимое FBML в следующую разметку:

<fb:serverFbml>
<script type="text/fbml">
<!-- your original FBML markup here... -->
</script>
</fb:serverFbml>

  • Наконец, если вы еще этого не сделали, убедитесь, что ваша страница вызывает FB.XFBML.parse() после вызова FB.init().

Надеюсь, это поможет вам начать работу.

person edillingham    schedule 13.12.2010