рендеринг стены facebook в вкладке iframe: замена стены и другие параметры - PullRequest
0 голосов
/ 18 января 2012

Я пытаюсь создать приложение для Facebook, которое создает вкладку со стеной страницы с диалоговым окном «пост на стену» под некоторым содержимым. Пока единственное приложение, которое я знаю, это Bandpage (например, http://www.facebook.com/beyonce).

Оказывается, рендеринг стены в iframe не является тривиальным. Вот некоторые из подходов, которые я исследовал:

  1. Использование скручивания для очистки стены: это не только уродливое решение, но и Facebook защищает от этого.
  2. Использование социальных плагинов (http://developers.facebook.com/docs/plugins/): Like Box (http://developers.facebook.com/docs/reference/plugins/like-box/) рендерит стену, с отключенными опциями «face» и «header» + Autoresize js call это выглядит почти так, как я хочу, но не включает поле для комментариев, и внешний вид окна не может быть изменен.
  3. Используя Graph API, легко получить фид стены в JSON, но тогда рендеринг и стилизация - это кошмар. Должен быть более простой способ.
  4. Использование fb: wall - это устарело и будет отключено через несколько месяцев, но оно даже не работает в качестве временного промежутка. Или это?
  5. Использование fb: fan, который предположительно принимает таблицу стилей CSS.

Итак, кажется, что можно отобразить стену во вкладке, поскольку Bandpage это делает, но как?

1 Ответ

5 голосов
/ 18 января 2012

Это может помочь вам преодолеть вашу проблему в # 3:

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

Попытка «воссоздать» внешний вид любой хорошей реализации - трудная задача.

Следующая ссылка может помочь вам создать собственные элементы, которые будут выглядеть как facebook элементы.

http://ckrack.github.com/fbootstrapp/

Fbootstrapp - это набор инструментов, предназначенный для запуска разработки Facebook Приложения iframe в обоих соответствующих размерах. Включает базовый CSS и HTML для типография, формы, кнопки, таблицы, сетки, навигация и многое другое, стиль в типичном стиле Facebook.

Вот несколько примеров стиля:

http://i1 -scripts.softpedia-static.com / скриншоты / Fbootstrapp_5.png

Ящики для уведомлений

http://i1 -scripts.softpedia-static.com / скриншоты / Fbootstrapp_10.png

Элементы формы

http://i1 -scripts.softpedia-static.com / скриншоты / Fbootstrapp_4.png



В заключение я хотел бы обратить внимание на то, что FBML уже почти устарел.
Мы, разработчики Facebook, несем полную ответственность за то, чтобы быть в курсе изменений, которые вносят сторонние API, на которых мы основываем нашу разработку. к их системам. Альтернативы FBML нет, есть только новые (и во многих случаях) лучшие способы отображения / извлечения данных с серверов Facebook.

Отличное место, чтобы быть в курсе изменений и новых функций - это Блог разработчиков Facebook и План разработчиков Facebook .

...