ASP.NET WP - 向网站添加社交网络

如今,您会看到许多网站都集成了社交网络服务,以使他们的网站更受欢迎、更有趣。 在本章中,您将了解如何将社交网络集成到网站中。

  • 当人们访问您的网站并且喜欢您网站上的某些内容时,他们通常会想与朋友分享。

  • 为了方便用户,您可以简单地显示图标,人们可以单击这些图标来共享页面或在 Facebook、Twitter 等任何社交网站上发帖。

  • 要显示这些字形或图标,您可以将 LinkShare 帮助程序添加到页面。

  • 访问您页面的用户如果拥有该社交网站的帐户,则可以点击单个字形/图标,然后他们可以发布指向您页面的链接或在该网站上发帖。

让我们看一个简单的示例,在该示例中我们将在网页上添加社交网站选项。 首先,我们需要创建一个新的 CSHTML 文件。

社交网站

在"名称"字段中输入 LinkSharePage.cshtml,然后单击"确定"。 替换 LinkSharePage.cshtml 文件中的以下代码

<!DOCTYPE html>
<html>
   
   <head>
      <title>LinkShare Example</title>
   </head>
   
   <body>
      <h1>LinkShare Example</h1>
      Share: @LinkShare.GetHtml("LinkShare Example")
   </body>
      
</html>

让我们运行应用程序并指定以下 url − http://localhost:36905/LinkSharePage 您将看到以下输出。

LinkShare

让我们点击 Twitter 图标,您将在新选项卡中看到以下 Twitter 登录页面。

登录 Twitter

Game Card

当人们在线玩 Microsoft Xbox 游戏时,每个用户都有一个唯一的 ID。 每个玩家的统计数据以玩家卡的形式保存,显示他们的声誉、玩家分数和最近玩的游戏。 如果您是 Xbox 玩家,则可以使用 GamerCard 帮助程序在您网站的页面上显示您的玩家卡。

让我们看一个简单的例子,我们将在其中显示一张游戏卡,首先我们需要创建一个新的 CSHTML 文件

游戏玩家卡

在名称字段中输入 GameCard.cshtml 并单击"确定",然后替换以下代码。

<html>
   <head>
      <title>Xbox Gamer Card</title>
   </head>
   
   <body>
      <h1>Xbox Gamer Card</h1>
      @GamerCard.GetHtml("major nelson")
   </body>
   
</html>

让我们运行该应用程序,您将看到以下输出。

Xbox Gamer