2012-06-11 44 views
0

enter image description hereFacebook的整合与Asp.Net网站类似Yahoo.com

是否有任何扩展或小部件一样,我在www.news.yahoo.com看到对于Facebook的连接上面的图片?我想在我的asp.net网站也一样...

Functionality : 

Your Activity : Shows the News that has been read after logged in. 

       It Posts in Face Book activities. 

Social ON : To allow the script to post in FB 

Social OFF : To not allow the script to post in FB 

当我用萤火虫来调查使用了什么雅虎,我可以看到这...

<div id="mediasocialchromelogin" class="yom-mod yom-socialchrome-login"> 
<h4 class="login_title">You on Yahoo! News</h4> 
<a class="img" role="button" href="#" id="yui_3_5_1_1_1339394442690_1094"> 
<img width="50" height="50" data="{"username":"George","userid":"131343507"}" src="https://fbcdn-profile-a.akamaihd.net/static-ak/rsrc.php/v2/yo/r/UlIqmHJn-SK.gif"> 
<div class="fb_icon" data="{"username":"George","userid":"131343507"}"></div> 
</a> 
<div id="yui_3_5_1_1_1339394442690_851" class="txt"> 
<span class="user_name">George</span> 
<div id="yui_3_5_1_1_1339394442690_950" class="desc"> 
<ul id="yui_3_5_1_1_1339394442690_750" class="func_bar"> 
</div> 
</div> 

回答

1

雅虎自己创建了这个小部件;没有现成的方法来为您的网站获取此功能。好消息是,只要您具备Facebook API的一些知识,就可以轻松地复制这些功能。

首先,要进行身份验证,请查看client-side authentication flow,这将允许您在每次加载页面时检查用户的状态,并适当地处理更改。您可以使用auth.statusChange事件根据用户是否已经过身份验证来显示正确的用户界面。

接下来,'社会'控制。这基本上会切换从您的应用程序为登录用户发布读取操作。您可以在执行Open Graph read操作后,通过检查切换控件的值来管理此客户端。将值存储在cookie中,以便在页面之间保持不变。如果您尚未开始从您的应用发布操作,请查看Open Graph Tutorial,特别是“发布”部分。

最后,对于'你的活动'控制,还有一些好消息。您可以使用'Activity Feed' social plugin在网站上获取您和您的朋友的活动,而无需自己写。这个插件的外观可能不适合您的需求,因此您可以使用Graph API来获取应用程序的活动故事。如果你正在通过上面链接的教程,你会遇到这样做的例子。