Facebook. Java com o. Integrando Aplicações. Descubra como é fácil criar uma aplicação para rodar no Facebook. _capa

Transcrição

1 _capa Integrando Aplicações Java com o Facebook Descubra como é fácil criar uma aplicação para rodar no Facebook Desde o lançamento oficial do Facebook, em 2004, o número de usuários vem aumentando a cada dia. Atualmente estima-se que existam cerca de 900 milhões de usuários ativos na rede social. Esse sucesso do Facebook se deve à grande quantidade de funcionalidades, aplicativos e extensões disponíveis para seus usuários. A estratégia utilizada para conseguir disponibilizar novos aplicativos dentro da rede social sem muito esforço interno é baseada em prover maneiras para que outros desenvolvedores construam seus aplicativos integrados à plataforma do Facebook. Do ponto de vista do desenvolvedor, é muito interessante criar aplicativos para o Facebook devido à grande quantidade de usuários ativos que existem na plataforma. Este artigo mostra como criar um aplicativo integrado ao Facebook de maneira simples. 5 \

2 João Paulo Gomes dos Santos Formado em Engenharia da Computação na ETEP Faculdades. Atua como desenvolvedor Java na VPSA. Possui as certificações SCJP, SCWCD, SCBCD e SCEA. Aplicativos dentro do Facebook Atualmente o Facebook é a rede social que possui mais usuários ativos, cerca de 900 milhões espalhados por todo o mundo. Dentro do Facebook é possível entrar em contato com os amigos, conversar, compartilhar fotos, organizar eventos, entre outras atividades. Além dessas funcionalidades disponibilizadas na rede social ainda existem milhares de outras funcionalidades provenientes de aplicativos criados por terceiros. Pode-se dizer que os aplicativos disponibilizados no Facebook contribuem significativamente para o aumento do número de usuários ativos na rede social. Estes aplicativos fazem com que os usuários fiquem mais tempo navegando na rede social e, de forma indireta, contribuem para o aumento do número de usuários ativos. Para o Facebook os aplicativos são ótimos para manter os usuários sempre conectados na rede social e assim garantir a receita da empresa, que na maior parte vem de propagandas. Do ponto de vista do desenvolvedor, criar aplicativos para o Facebook é interessante, pois o Facebook centraliza muitos usuários e seus relacionamentos de amizades consequentemente. A disseminação de aplicativos no Facebook é quase viral, em pouco tempo uma aplicação pode se espalhar por todo o mundo, sendo divulgada por toda a rede de relacionamentos. Empresas de diversos segmentos investem para conseguir espaço na rede social e, como resultado deste investimento, esperam conseguir maior aceitação pelo seu público-alvo. Pode-se citar como exemplo a rede Walmart, que divulga suas promoções em sua página do Facebook e dá descontos baseados na quantidade de visitas ou Likes que recebe. Com toda estrutura disponível no Facebook, surgiu uma nova maneira de interação entre as empresas e seus clientes, baseada em divulgação de conteúdo pela Internet. Outros motivos para a criação de aplicações para o Facebook são:» Trazer aplicações existentes para dentro do Facebook.» Promover uma marca no Facebook. O objetivo deste artigo é mostrar como criar aplicativos dentro do Facebook e fazer uso das APIs disponibilizadas. Integrando sua aplicação com o Facebook Existem três maneiras para integrar sua aplicação com o Facebook, dentre elas estão:» Plug-ins sociais, como, por exemplo, o plug- -in que adiciona botão para curtir o site, outro plug-in interessante é o que mostra recomendações baseadas em seus interesses e de seus amigos, como mostra a figura 1.» SDKs para desenvolvimento mobile facilitam a integração de aplicativos mobile com o Facebook.» Aplicações que são executadas dentro do Facebook, mais conhecidas como Canvas App, este tipo de integração é muito usado por jogos e será usado na aplicação de exemplo deste artigo. Figura 1. Plug-in social de recomendações. Graph API O Facebook conta com uma API conhecida como Graph API. Esta API provê uma maneira simples para representar objetos da rede social (pessoas, fotos, eventos, páginas) e as respectivas conexões existentes entre eles (relacionamentos de amizades, compartilhamento de conteúdo e identificação de pessoas em fotos). / 6

3 Todo objeto dentro do grafo social do Facebook é representado por um identificador único. Informações sobre um objeto podem ser obtidas através do seguinte endereço onde ID é o identificador do objeto a ser recuperado. Como exemplo pode-se usar a seguinte URL graph.facebook.com/ que representa a página oficial para a plataforma Facebook, que possui o ID Além de disponibilizar o acesso usando o ID do objeto, também é possível acessar informações de usuários através de seus nomes de usuário, como, por exemplo, Existe um ID especial chamado me que representa o usuário atual. Todos os objetos do grafo social e seus relacionamentos podem ser acessados seguindo a seguinte estrutura TION_TYPE, alguns exemplos são:» Página da coca-cola: com/cocacola» Grupo de desenvolvedores do Facebook: Amigos: friends?access_token=aaaaa» Mural: feed?access_token=aaaaa» Álbum de fotos: me/albums?access_token=aaaaa» Eventos: events?access_token=aaaaa» Músicas: music?access_token=aaaaa» Filmes: movies?access_token=aaaaa Note que algumas requisições possuem um parâmetro chamado access_token que representa uma permissão para acessar recursos que necessitam de autorização. O processo de autorização será discutido a seguir. Autorização O grafo social do Facebook possibilita o acesso rápido a informações públicas de um usuário (primeiro e último nome do usuário e foto) sem a necessidade de autorização, como no exemplo facebook.com/btaylor, caso exista a necessidade de acessar informações adicionais do usuário existe a possibilidade de fazer uma requisição passando o access_token como parâmetro. A Graph API utiliza o protocolo OAuth 2.0 para controlar o acesso aos recursos disponibilizados pelas APIs da plataforma, deve-se, previamente, obter uma autorização para acesso ao recurso desejado. Quando o usuário acessa o aplicativo através do Facebook, uma requisição é disparada para a URL raiz da aplicação, essa requisição vem com um parâmetro chamado signed_request. Através do conteúdo do parâmetro signed_request pode-se descobrir se o usuário autorizou ou não o acesso aos seus dados. Nos casos em que o usuário autoriza o acesso é possível obter o access_token neste momento. Caso o acesso aos dados do usuário não tenha sido liberado ainda, deve-se redirecionar o usuário para a tela de solicitação de autorização para acesso aos dados do usuário, como é mostrado na figura 2. Mais informações sobre o fluxo autenticação com OAuth podem ser obtidas através do artigo Integrando suas aplicações Android com o Twitter e Facebook desta edição da revista MundoJ. Figura 2. Tela de solicitação de autorização do aplicativo. 7 \

4 Figura 3. Tela inicial da aplicação Quiz MundoJ. Aplicação de exemplo Para demonstrar a integração de uma aplicação Java com as APIs do Facebook será desenvolvida uma aplicação de exemplo, que será executada dentro do Facebook. A aplicação de exemplo se chama Quiz MundoJ e consiste em um jogo de perguntas e respostas sobre Java. A tela inicial da aplicação está representada na figura 3. Na tela inicial da aplicação existe um botão para iniciar o quiz. A tela com as perguntas do quiz será exibida logo após o acionamento do botão Iniciar Quiz MundoJ. A tela com as perguntas está representada na figura 4. Após o preenchimento das respostas o usuário deve enviar as respostas usando o botão Enviar Respostas, depois disso o resultado obtido no quiz será publicado no mural do Facebook do usuário, como mostra a figura 5. O funcionamento da aplicação é bem simples. O próximo passo deste artigo é mostrar alguns detalhes da implementação. O código da aplicação será disponibilizado na seção de downloads desta edição. A aplicação foi desenvolvida utilizando Maven e Spring MVC. Ela possui uma classe chamada Home- Figura 5. Publicação feita no mural do usuário após o envio das respostas. Controller, com um método mapeado para atender as requisições para a raiz da aplicação, como mostra a Listagem 1. Esse método é responsável por receber e armazenar o parâmetro signed_request para uso posterior. Listagem 1. Método que atende requisições da raiz da / ) public String index(map<string, Object> map, HttpServletRequest request) { // Recupera o parâmetro signed_request String signedrequest = request.getparameter( signed_request ); if(signedrequest!= null) { // Extrai o accesstoken do signedrequest, caso // ele exista String accesstoken = getaccesstoken(signedrequest); // Se o accesstoken for inválido if(isaccesstokeninvalido(accesstoken)) { // O accesstoken será solicitado novamente requisitaraccesstoken(map); else { Figura 4. Tela que exibe as perguntas do Quis. / 8

5 // Se o accesstoken for válido, ele será // armazenado armazenaraccesstoken(request, accesstoken); return index ; // Publica a porcentagem de acertos do usuário // em seu mural facebookpublisher.publicarmensagemnomural( porcentagemdeacertos, accesstoken); return redirect:/?message=respostas Enviadas com sucesso! ; Além do HomeController a aplicação possui a classe PerguntaController, a qual é responsável por exibir a lista de perguntas para o usuário, como pode- -se ver na Listagem 2. Listagem 2. Método responsável por exibir a lista de / ) public String listarperguntas(map<string, Object> map, HttpServletRequest request) { map.put( perguntas, perguntaservice.listarperguntas()); return perguntas ; Além de listar as perguntas, a classe Pergunta- Controller possui um método responsável por receber as respostas do usuário, delegar o cálculo da porcentagem de acertos para a classe ContadorDeAcertos, recuperar o accesstoken e delegar a publicação do resultado do quiz para a classe FacebookPublisher, como mostra a Listagem 3. Listagem 3. Método que recebe = /responder, method = RequestMethod.POST) public String postarresposta(httpservletrequest request) { // Recupera a lista de perguntas Pergunta[] perguntas = perguntaservice. listarperguntas(); // Recupera as respostas enviadas pelo usuário String[] respostas = getrespostas( request, perguntas.length); // Calcula a porcentagem de acertos do usuário double porcentagemdeacertos = contadordeacertos. calcularporcentagemdeacertos(perguntas, respostas); // Recupera o accesstoken String accesstoken = recuperaraccesstoken(request); A classe FacebookPublisher possui um método responsável por fazer a comunicação com a Graph API do Facebook para publicar o resultado do quiz no mural do usuário. O método publicarmensagemno- Mural é mostrado na Listagem 4. Listagem 4. Método que publica mensagem no mural. public void publicarmensagemnomural(double pontuacao, String accesstoken) { PostMethod postmethod = new PostMethod( ); postmethod.addparameter( access_token, accesstoken); postmethod.addparameter( message, Acertei + pontuacao + % do Quiz MundoJ ); postmethod.addparameter( link, ); postmethod.addparameter( name, Resultado Quiz MundoJ ); postmethod.addparameter( type, link ); postmethod.addparameter( caption, Quiz MundoJ - Perguntas e respostas sobre Java ); HttpClient httpclient = new HttpClient(); try { httpclient.executemethod(postmethod); catch (Exception e) { e.printstacktrace(); Este método faz uma requisição HTTP POST para a API do Facebook usando o endereço facebook.com/me/feed, passando os seguintes parâmetros:» access_token: token de acesso válido para que a requisição seja autorizada;» message: mensagem a ser publicada no mural do usuário;» link: link para ser colocado na mensagem publicada no mural do usuário;» type: tipo da informação a ser publicada, pode 9 \

6 Figura 6. Página de desenvolvedores do Facebook. Figura 7. Tela para criação de novo aplicativo. ser link, photo ou vídeo, neste caso é link;» name: nome do link que será publicado;» caption: detalhes sobre o link que será publicado. Registrando o aplicativo no Facebook Depois de finalizar o desenvolvimento do aplicativo deve-se registrá-lo no Facebook. Para isso deve-se acessar a página de desenvolvedores do Facebook: A página dos desenvolvedores está representada na figura 6. Para registrar um aplicativo deve-se navegar até a página de aplicativos através do link Aplicativos no canto superior direito da página e em seguida clicar no botão Criar Novo Aplicativo também situado no canto superior direito da página. A tela para criação de um novo aplicativo será exibida, como é mostrado na figura 7. Após a criação do novo aplicativo você será encaminhado para a página de configuração do seu aplicativo, assim como é mostrado na figura 8. Na tela de configuração do aplicativo pode-se observar algumas informações importantes como o /para saber mais > Para saber mais sobre OAuth, leia o artigo Integrando suas aplicações Android com o Twitter e Facebook desta edição da revista MundoJ. > Para saber mais sobre o Heroku recomenda-se que o leitor acesso a sua página: App ID que identifica a aplicação e o App Secret que é usado para garantir a integridade dos resultados obtidos através da API do Facebook. Nesta mesma página de configuração deve-se selecionar um dos modos de integração com o Facebook que estão disponíveis, para este artigo, deve-se selecionar a opção App on Facebook e preencher os endereços da aplicação nos campos Canvas URL e Secure Canvas URL, como é mostrado na figura 8. A aplicação Quiz MundoJ está hospedada em um serviço que oferece suporte ao deploy de aplicações Java chamado Heroku ( Por isso o endereço configurado para o campo Canvas URL é A aplicação de exemplo deste artigo é bem sim- / 10

7 Figura 8. Tela de configuração do aplicativo. ples, mas serve como guia para integração de uma aplicação Java com o Facebook. Considerações finais Este artigo mostra como é simples e fácil desenvolver e integrar aplicações Java com o Facebook. Com as informações deste artigo o leitor pode ter uma boa noção do processo de desenvolvimento e integração com o Facebook. Este artigo mostrou apenas uma pequena porção das possibilidades de integração disponíveis. Recomendo aos leitores que explorem a Graph API para conhecerem as possibilidades de integração de aplicações Java com o Facebook. /referências > tutorial/ > > > > > canvas/ > signed_request/ > 11 \