本章详细讲述如何整合,在你的站点上建立社交网络服务。
在本章中,您将学习如何让社交网站的书签链接、Facebook或Digg等网站的链接、Twitter的feeds, gravatar头像和Xbox玩家卡添加到您的网站中。
您将学习:
如何让社交网站书签/链接添加到您的网站。
如何添加一个Twitter的feeds。
如何呈现Gravatar.com图像(头像)。
如何显示在您的网站上的Xbox玩家卡。
如何添加一个Facebook 按钮到您的网页。
以下是在本章介绍ASP.NET编程时引入的概念:
LinkShare 助手。
Twitter助手。
Gravatar助手。
GamerCard助手。
Facebook助手。
让社交网站的链接添加到您的站点
如果访问者喜欢您网站的信息,并且经常要分享给朋友时。人们可以点击一个文字(图标)形式的链接,从而分享内容到DIGG(掘客)、Reddit(一个社交新闻站点)、Facebook、Twitter或相似的网站,在本节内容中,你可以简单的实现这一功能。为了显示出这些图标或文字链接,需要加入LinkShare的助手。人们在访问您的网页,要分享内容时可以点击一个链接,如果他们有一个该社交站点的账号,则可以将您站点的信息分享到社交站点,并将您的链接张帖到社交站点上。
1. 如果您还没有添加ASP.NET Web Helpers Library到您的站点,请添加进来,具体方法请参照WebMatrix和ASP.NET网页入门。
2. 创建一个名为页ListLinkShare.cshtml,并在其中添加以下标记:
<!DOCTYPE html>
<html>
<head>
<title>LinkShare 范例</title>
</head>
<body>
<h1>LinkShare Example</h1>
分享: @LinkShare.GetHtml("您要分享的内容。")
</body>
</html>
在这个范例中,您可以将您要分享的内容做为参数,分享到社交站点中。当然,这个参数您是可以自定义的。
3. 在浏览器中运行的ListLinkShare.cshtml的页面。 (确保本页面在选定的文件工作区,然后再运行它。)
4. 点击一个站点的文字(图标)链接,您可以共享您的信息和链接到您选定的社交网络站点上的页面中。例如,如果您按一下del.icio.us链接,将获取你的页面信息到del.icio.us站点的保存书签页面中。
在您的站点中加入一个Twitter feed
ASP.NET提供者辅助功能可以让我们在站点中增加Twitter feed,如果在您的代码中使用Twitter.Profile方法,可以为您的网页上显示特定的Twitter用户Twitter feed。如果在您的代码中使用Twitter.Search方法,则可以为您的网站中显示根据指定搜索内容呈现出来的结果。并且这个Twitter助手高宽都是可以设置的。
在您的网站点添加Twitter助手的时候不需要您的账号信息,这些信息是公开的。