Integrando o WebMatrix ao Facebook e Twitter

Helpers são blocos de códigos que podem ser utilizados na sua aplicação WebMatrix como atalhos simplificados para integração com ferramentas como Facebook, Twitter, Bit.ly, Foursquare, PayPal, dentre outros.

Por exemplo, com um helper simples do Facebook, você pode inserir o botão “like” na sua página em menos de 1 minuto, e por aí vai. Com outros helpers tão simples quanto, você pode aceitar PayPal como pagamento, ou encurtar URL com o Bit.ly.

Veja como é fácil utilizá-los:

Você pode adicioná-los usando o NuGet ou o Package Manager (que acessa a base do NuGet). O meio mais fácil de adicionar os helpers no WebMatrix é criar um Site a partir de algum template (Um Starter Site por exemplo) e basta dar um “run” e entrar em: localhost:xxxx/_admin e adicionar uma senha para você.

Pronto! Depois que você criar a senha, o sistema vai pedir para você alterar o nome da pagina _Password.config para Password.config antes de continuar. Você deve fazer isso por questões de segurança, já que apenas alguém com acesso ao servidor pode renomear o arquivo.

Comece a explorar os helpers disponíveis! Você já poderá ver os pacotes instalados e baixar outros pacotes. 

Facebook

Inicialmente vamos baixar o helper do Facebook. Para isso selecione “Online” no dropdown e pesquise o nome “Facebook”.

Instalando o Helper, ele já cairá automaticamente na sua pasta “Packages”.

Pronto! Agora basta chamar o método que você quer, por exemplo vamos adicionar um botão de “Like”.

@{
Layout = “~/ _SiteLayout.cshtml”;
Page.Title = “Teste Helper!”;
}
Página de teste do Helper Facebook
@Facebook.LikeButton(“urldosite.com.br”)
< /p>

Só isso. Veja o resultado!

E o Twitter?

O Helper do Twitter para WebMatrix torna mais simples a integração com diversas funcionalidades do Twitter, como por exemplo exibir widgets como “Folow Me” e botões como “Tweet”. Ou ainda acessar os recursos da TimeLine do Twitter com poucas linhas de códigos.

Para iniciar

Faça o download do Helper do Twitter e extraia o conteúdo no root do seu site WebMatrix. Para testar o helper em outra página, adicione a linha abaixo para exibir o widget de busca.

@Twitter.Search("webmatrix") 

Para exibir a timeline pública do Twitter em seu site, após instalar o pacote, adicione a seguinte linha de código ao AppStart.cshtml do seu site (se este arquivo ainda não existir, crie no root do seu site.

Complete a linha de código abaixo com a sua key_consumer.

@{     Twitter.Initialize("{consumer-key}", "{consumer-secret}"); 
}

E ainda, em qualquer outra página do WebMatrix, adicione o código abaixo para exibir a time line

@{     var timeline = Twitter.GetPublicTimeline();     var grid = new
WebGrid(timeline, columnNames : new []{"Text"}); } ... 
@grid.GetHtml()

Para mais detalhes dos Helpers do Facebook e Twitter, acesso os sites abaixo:

Página oficial do Twitter Helper: http://twitterhelper.codeplex.com/

Página oficial do Facebook Helper: http://facebookhelper.codeplex.com/