Как сделать свои собственные виджеты, такие как социальные плагины Facebook? - PullRequest
3 голосов
/ 05 января 2012

Как мне сделать свой собственный виджет так же, как Facebook? https://developers.facebook.com/docs/guides/web/#plugins

По сути, это немного кода javascript, css и html, но как это сделать? Любой пример, учебники?

Ответы [ 3 ]

6 голосов
/ 17 октября 2012

Я настоятельно рекомендую Сторонний Javascript (Manning) от ребят из Disqus за отличный обзор всего.Хотя это не даст вам решения для создания пули и создания виджетов, оно поможет вам сделать пуленепробиваемые вещи по ходу работы.Это отличный справочник, если краткое / краткое и код определенно не для начинающих JavaScript.

Что касается того, как это делает Facebook, хотя он не полностью описывает их подход iframe / виджетов, он показывает, как они работаютнадежное встраивание в нестандартные веб-страницы: http://calendar.perfplanet.com/2011/the-art-and-craft-of-the-async-snippet/

Для дополнительных бонусных баллов комбинируйте это с http://www.phpied.com/non-onload-blocking-async-js/, и это должно избавить от загрузчика во всех, кроме iOS 6, если мне не изменяет памятьхорошо.

Для еще более продвинутой забавы в iframe см. https://github.com/benvinegar/seamless-talk и любые другие слайды / сообщения на http://benv.ca/. (я думаю, что я хотел бы встретиться с Беном однажды, учитывая, какбольшую часть его вещей я позаимствовал у меня в последнее время, и он такой же канадец, что загружается.)

Обратите внимание, что бесшовные iframes, как концепция собственного браузера, только для webkit и содержат ошибки: https://bugs.webkit.org/show_bug.cgi?id=99289 (В Firefox, dev. Остановлен из-за ошибки 11-летней давности? https://bugzilla.mozilla.org/show_bug.cgi?id=631218) Так что в обозримом будущем для настройки iframe потребуется JavaScript.:)

4 голосов
/ 16 апреля 2012

Здесь вы найдете руководство по созданию собственного виджета с использованием JSONP:

http://alexmarandon.com/articles/web_widget_jquery/

и здесь, как сделать его безопасным:

http://wordpress.tv/2011/08/31/mike-adams-developing-secure-widgets-secure-iframe-communication-in-a-pre-postmessage-world/

0 голосов
/ 05 января 2012

Вы можете сделать это с помощью Javascript SDK Facebook (см. https://developers.facebook.com/docs/reference/javascript/).. Вы должны понимать API Graph (см. https://developers.facebook.com/docs/reference/api/), к которому можно обратиться из SDK Javascript. В документации Facebook есть тонныПример кода. Веселитесь!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...