Desenvolva um aplicativo Facebook com o Eclipse Galileo

Crie, depure e implemente um aplicativo de pesquisa de restaurante

Este artigo é para qualquer desenvolvedor do Eclipse que deseja aprender como usar o release maduro da Web Tools Platform do Galileo para desenvolver, depurar e implementar um aplicativo Facebook de pesquisa de restaurante. Junto com isso, você irá obter vantagem de diversos aspectos da API Facebook Application e da API Facebook Connect.

Suresh Krishna, Freelance Developer, Freelance Developer

Suresh Krishna é programador desde 2000 e vem trabalhando em modelagem de domínio, IDEs e ferramentas de produtividade. Inspirado pela evolução do IDE e a produtividade do desenvolvedor, ele trabalha principalmente nos plug-ins do Eclipse e nos aplicativos RCP. Extreme Programming e Scrum são seus favoritos, juntamente com evangelizar o Eclipse ara as comunidades de usuários, desenvolvedores e corporativas. Ele desfruta de seu tempo livre escrevendo blogs e avaliações de produtos.



26/Mar/2010

Eclipse Galileo

O Eclipse Galileo é o release anual dos projetos Eclipse, que inclui 33 projetos. Esse release possui 24 milhões de linhas de código de 380 committers de 44 organizações. Os novos recursos no release Galileo refletem três importantes tendências na comunidade do Eclipse: expandir a adoção do Eclipse na corporação, inovação da tecnologia de modelagem do Eclipse e avanço da tecnologia de tempo de execução do Eclipse.

Introdução ao Galileo

Antes de começar a desenvolver seu aplicativo SimpleRestaurantSearch do Facebook, é necessário fazer download e instalar o pacote Galileo do Eclipse (consulte Recursos). Nesta seção, você aprenderá como configurá-lo.

Fazendo download do Galileo

O pacote Galileo representa o próximo release incremental para o Eclipse, e, como tal, significa uma nova instalação da plataforma Eclipse. Como com todos os releases do Eclipse, há diversos pacotes entre os quais escolher, dependendo das suas necessidades de desenvolvimento.

Faça o download da versão Eclipse IDE for Java™ EE Developers, uma vez que ela possui tudo o que você precisa para desenvolver e implementar um aplicativo do Facebook. Selecione a versão para seu sistema operacional, selecione um espelho adequado e baixe-o (consulte Recursos). O arquivo é bastante grande — quase 190 MB, dependendo da sua plataforma — então seja paciente.

O Web site do Eclipse fornece um quadro comparativo, mostrado na Figura 1.

Figura 1. Quadro comparativo do pacote
Image showing Eclipse Web site comparison chart

Quando o download é concluído, descompacte o arquivo zip do pacote quando desejar que o Eclipse seja instalado, então dê um clique duplo sobre o ícone do Eclipse para executá-lo. Selecione uma área de trabalho e o Eclipse o levará à página de boas-vindas. A partir daqui, selecione o ícone Workbench (a seta na extrema direita da tela de boas-vindas mostrada na Figura 2).

Figura 2. Tela de boas-vindas do Eclipse
Screenshot shows the Eclipse Welcome screen

Configurando o Tomcat no Eclipse

O Eclipse Galileo permite integrar uma diversidade de servidores, de modo que quaisquer aplicativos da Web possam ser desenvolvidos, depurados e implementados. Para o aplicativo SimpleRestaurantSearch do Facebook atual, você usaria o Tomcat como o servidor de aplicativo (consulte Recursos). Faça download do Tomcat para uma pasta local e extraia-o.

Troque para o Eclipse e abrir a visualização do servidor (veja a Figura 3).

Figura 3. Visualização do servidor no Eclipse
Figure 3 shows the server view in Eclipse

Clique com o botão direito do mouse na visualização do servidor e selecione a opção New > Server menu (veja a Figura 4).

Figura 4. Nova opção de menu do servidor
Image shows the new server menu option

Defina um novo servidor selecionando as opções adequadas. Selecione a opção Tomcat V6 Server sob a categoria Apache. Você pode atribuir ao servidor qualquer nome significativo para o aplicativo, como EclipseBook-Host, então clique em Next (veja a Figura 5).

Figura 5. Definindo um novo servidor
Figure 5 shows how to define a new server

Na próxima janela do assistente, insira o diretório de instalação do Tomcat, selecione o JRE requerido e, em seguida, clique em Finish (veja a Figura 6).

Figura 6. Configurando o diretório de instalação
Screenshot showing how to set the installation directory

Uma vez que o Tomcat estiver configurado adequadamente, o servidor aparece na visualização do servidor. Por padrão, a porta do servidor é definida como 8080 (veja a Figura 7).

Figura 7. O servidor aparece na visualização do servidor
Image shows that the server appears in the server view

Em seguida, configuraremos o Dynamic Web Project para que você possa trabalhar com a sua interface da Web do aplicativo de dentro do Eclipse.

Configurando o Dynamic Web Project

Clique no Project Explorer, clique com o botão direto do mouse e selecione Dynamic Web Project (veja a Figura 8).

Figura 8. Configurando o Dynamic Web Project
Image shows setting up the Dynamic Web Project

Atribua um nome ao projeto e defina o tempo de execução de destino para ser o nome do Tomcat Server. Lembre que você atribui o nome ao Tomcat Server como EclipseBook-Host. Clique em Finish para criar o projeto da Web configurado para usar o servidor Tomcat e a configuração da Web padrão (veja a Figura 9).

Figura 9. Criando o projeto da Web
Screen showing how to create the Web project

Fazendo download e configurando uma API Java do Facebook

Em maio de 2008, o Facebook descontinuou qualquer suporte do seu cliente Java oficial, orientando usuários interessados no desenvolvimento de aplicativos do Facebook na tecnologia Java para usar um dos diversos clientes de terceiros lá. Uma das APIs Java do Facebook populares está disponível no Google (consulte Recursos). Assim, o objetivo deste projeto é agora manter, dar suporte e ampliar a base de código abandonada para fornecer uma versão atualizada de alta qualidade do cliente da API do Facebook para desenvolvedores de Java (veja a Figura 10).

Figura 10. API Java do Facebook
Figure 10 shows the Facebook Java API

Faça download da mais recente API Java do Facebook (V3.0.0) para a pasta local e extraia os arquivos (veja a Figura 11).

Figura 11. Fazendo download da mais recente API Java do Facebook
Screen showing downloading of the latest Facebook Java API

A API Java do Facebook contém todas as bibliotecas relacionadas à API do Aplicativo do Facebook e outros JARs dependentes (veja a Figura 12). Consulte Download para obter o código de origem do nosso aplicativo de amostra. Observe que os arquivos JAR não estão inclusos no arquivo ZIP, uma vez que você os transferiu por download aqui com a API Java do Facebook.

Figura 12. Bibliotecas relacionadas à API Java do Facebook e outros JARs dependentes
Figure 12 shows the libraries related to the Facebook Application API and other dependent JARs

Copie todos os JARS do Cliente Java do Facebook para a pasta da biblioteca do aplicativo SimpleRestaurantSearch. Isso agora irá possibilitar que o projeto use as APIs do Facebook (veja a Figura 13).

Figura 13. Copiar todos os JARs do Cliente Java do Facebook para a pasta da biblioteca
Image showing how to copy all the Facebook Java Client JARs to the lib folder

Criando um aplicativo do Facebook

Quase todo mundo está presente no Facebook, incluindo desenvolvedores da Web, gerentes de negócios e geeks sociáveis. Criar aplicativos na plataforma Facebook que alavanquem a API do Aplicativo do Facebook abre uma janela de visibilidade para usuários de todas as linhas, desejem eles anunciar um produto ou serviço ou simplesmente compartilhar informações com os amigos.

Para criar um aplicativo do Facebook, é preciso primeiro obter uma chave da API da Plataforma do Facebook. Siga estas etapas para criar um aplicativo com o aplicativo Facebook Developer.

Acesse o site Get Started para obter uma visão geral das etapas para configurar o aplicativo (consulte Recursos). Clique em Developer App em Helpful Links para acessar seu perfil de usuário e adicionar esse aplicativo do desenvolvedor. Se você ainda não estiver conectado, uma tela de login irá solicitar que você faça o login. Caso contrário, o aplicativo solicita autorização e adicionará o aplicativo ao seu perfil (veja a Figura 14).

Figura 14. Introdução
Figure 14 shows the Get Started site

A página inicial do desenvolvedor contém as notícias, atualizações e artigos sobre a API da Plataforma do Facebook.

Insira um nome para o seu aplicativo no campo Application Name (veja a Figura 15). Se já foram criados o ícone e o logotipo para o seu aplicativo, é possível inserir essas informações desta vez na mesma tela. Aceite os termos de serviço do desenvolvedor e, em seguida, clique em Save Changes.

Figura 15. Atribuindo um nome ao aplicativo
Naming the application

Na próxima tela mostrada na Figura 16, informações importantes são exibidas. É importante anotar o Application ID, a API Key e a Secret Key para futuro desenvolvimento do aplicativo.

Figura 16. O Application ID, a API Key e a Secret Key são exibidos
Figure 16 shows that the Application ID, API Key, and Secret Key are displayed

Quando as informações necessárias tiverem sido inseridas e o novo aplicativo tiver sido salvo, uma visão geral das informações do aplicativo RestaurantSearch é exibida (veja a Figura 17).

Figura 17. Visão geral do aplicativo
Image shows overview of application

Agora você já criou e registrou um aplicativo chamado SimpleRestaurantSearch com o Facebook. Na próxima etapa é criado um servlet simples e adicionada funcionalidade para autenticar a chave da API do Facebook. No Project Explorer, acesse o projeto SimpleRestaurantSearch e, em seguida, crie um servlet na pasta src. Atribua o nome RestaurantSearch ao servlet e insira o nome com.devworks.facebook ao pacote. Clique em Next para inserir os parâmetros de inicialização do servlet (veja a Figura 18).

Figura 18. Criando um servlet simples
Screen shows creating a simple servlet

Na próxima tela mostrada na Figura 19, insira os Parâmetros de Inicialização API_KEY e o valor como a chave da API nas etapas iniciais da criação do aplicativo do Facebook.

Figura 19. Inserindo os Parâmetros de Inicialização API_KEY
Figure 19 shows entering the Initialization Parameters API_KEY

Na próxima tela, insira os Parâmetros de Inicialização SECRET_KEY e o valor como a chave secreta nas etapas iniciais da criação do aplicativo do Facebook.

Este é o momento de usar API_KEY e SECRET_KEY para autenticar o aplicativo do Facebook, e, se o login for bem-sucedido, imprima uma mensagem Hello World simples.

A Listagem 1 é o segmento crucial do método doGet do nosso servlet RestaurantSearch.

Listagem 1. O método doGet
01   protected void doGet(HttpServletRequest request,
02     HttpServletResponse response) throws ServletException,IOException {
03 
04     String apiKey = getServletConfig().getInitParameter("API_KEY");
05     String secretKey = getServletConfig().getInitParameter("SECRET_KEY");
06     HttpSession session = request.getSession();
07     String sessionKey = (String) session
08         .getAttribute("restSearchAppSession");
09     String authToken = request.getParameter("auth_token");
10 
11     FacebookJsonRestClient client = null;
12 
13     if (sessionKey != null) {
14       client = new FacebookJsonRestClient(apiKey,
15           secretKey,
16           sessionKey);
17 
18     } else if (authToken != null) {
19       client = new FacebookJsonRestClient(apiKey, secretKey);
20       client.setIsDesktop(false);
21       try {
22         sessionKey = client.auth_getSession(authToken);
23         session.setAttribute("restSearchAppSession", sessionKey);
24       } catch (Exception e) {
25         e.printStackTrace();
26       }
27     } else {
28      response.sendRedirect("http://www.facebook.com/login.php?api_key="+apiKey);
29       return;
30     }
31     response.getWriter().println("HelloWorld");
32   }

As Linhas 4 e 5 obtêm os parâmetros iniciais, como API_KEY e SECRET_KEY da configuração do servlet.

A Linha 7 obtém a chave de sessão da sessão se já estiver presente, caso contrário, será nula.

A Linha 9 obtém o token de autenticação do parâmetro de solicitação. Pode ser nulo se a sessão não for autenticada.

Se houver uma sessionKey, a Linha 14 cria um FacebookJsonRestClient e precisa da apiKey, da secretKey e da sessionKey como argumentos construtores (veja a Figura 20).

Figura 20. Criando um FacebookJsonRestClient
Image shows creating a FacebookJsonRestClient

Se uma sessionKey não existir, crie um FacebookJsonRestClient somente com apiKey e secretKey. Na Linha 20, certifique-se de definir o modo de cliente correto.

É importante que seu aplicativo seja definido para o modo correto. Se estiver definido para "desktop mode is false", o servidor do Facebook entenderá quando você tentar passar um segredo de sessão.

Nas Linhas 22 e 23, crie a sessionKey com a ajuda do token de autenticação e defina-o para o atributo de sessão restSearchAppSession.

Se não houver sessionKey e nenhum token de autenticação, isso implica que o usuário precisa fazer login ao Facebook e obter uma nova sessão e chave de autenticação. Assim, a Linha 28 redireciona para o login do Facebook.

Por fim, imprima Hello World na impressora de saída, como mostrado na linha 31.

Quando o aplicativo RestaurantSearch estiver concluído, é possível iniciar o servidor Tomcat. Lembre que, nas etapas iniciais da construção do aplicativo SimpleRestaurantSearch, esse projeto já foi associado ao EclipseBook-Host do servidor Tomcat. A partir da visualização do servidor, inicie o Tomcat. Isso iniciará o servidor Tomcat no Eclipse e implementará o aplicativo (veja a Figura 21).

Figura 21. Iniciando o servidor Tomcat no Eclipse e implementando o aplicativo
Screen shows starting the Tomcat server in Eclipse and deploying the application

Quando o servidor Tomcat tiver iniciado, navegue para http://localhost:8080/SimpleRestaurantSearch/RestaurantSearch. Isso irá levá-lo a uma página do desenvolvedor do Facebook que informa que o site está em construção e sugere que o a URL de Retorno de Chamada do aplicativo não está definida. Clique no editor de configurações de aplicativos (veja a Figura 22).

Figura 22. O editor de configurações de aplicativos
Image shows the applications settings editor

No editor de configurações de aplicativos, acesse a guia Canvas e entre na URL da página Canvas (http://apps.facebook.com/devrestaurantsearch), Canvas Callback URL (http://localhost:8080/SimpleRestaurantSearch/RestaurantSearch) e URL de Bookmark (http://apps.facebook.com/devrestaurantsearch). Salve as configurações (veja a Figura 23).

Figura 23. Editor de configurações de aplicativo
Screen shows the application settings editor

Quando as novas configurações estiverem salvas, a página Application Overview é exibida (veja a Figura 24).

Figura 24. Visão Geral do Aplicativo
Figure 24 shows the Application Overview page

O verdadeiro poder do Eclipse é o Tomcat integrado e a capacidade de implementação ativa. Você simplesmente reinicia o servidor agora e confere se as propriedades do aplicativo salvas estão em vigor (veja a Figura 25).

Figura 25. Reiniciando o servidor
Image shows restarting the server

Agora quando o servidor é reiniciado no Eclipse Galileo, o servlet RestaurantSearch o conduzirá para a página de login do aplicativo (http://www.facebook.com/login.php?api_key=<API_KEY>). Quando você inserir seu ID e senha do e-mail do Facebook, o servlet copiará a resposta.

Da tela do aplicativo do Facebook, pode-se entender que API_KEY é emitida para fazer login ao aplicativo adequado. Nesse caso, é SimpleRestaurantSearch (veja a Figura 26).

Figura 26. Login do aplicativo
Application login

Por fim, o aplicativo Facebook é autenticado e, quando sessionKey e authKey forem geradas, Hello World é exibido na tela (veja a Figura 27).

Figura 27. Hello World é exibido
Image shows that Hello World is displayed

Faça logoff do Facebook e tente acessar o aplicativo em http://www.facebook.com/apps/application.php?id=144078916555. O Facebook exibe as informações do aplicativo e é possível acessá-lo fazendo o login (veja a Figura 28).

Figura 28. Página de login
Screen shows the login page

Nas próximas etapas, será usada a API Google Search e ela será integrada a um JSP simples.


Integrar a API Google Search ao aplicativo Facebook

A API Google Ajax Search permite colocar o Google Search nas suas páginas da Web com JavaScript. É possível embarcar uma caixa de pesquisa dinâmica simples e exibir os resultados da pesquisa nas suas próprias páginas da Web ou usar os resultados de maneiras programáticas inovadoras. Não é necessária uma chave para usar essa API. Usar uma chave no seu aplicativo/site é totalmente opcional. Entretanto, é útil ter uma.

Acesse http://code.google.com/apis/ajaxsearch/signup.html e concorde com os termos e condições. Clique em Generate API Key (veja a Figura 29).

Figura 29. Gerando a chave da API
Image shows generating the API key

O Google gera a chave da API e exibe a URL para a qual essa API é válida. Essa página da Web também fornece exemplos de introdução (veja a Figura 30).

Figura 30. Chave de API gerada pelo Google
Figure 30 displays the Google-generated API key

Copie o código de exemplo fornecido do Google Search acima para RestaurantSearch.jsp na pasta WebContent. Salve o JSP e certifique-se de alterar o código em SimpleRestaurantSearch de gravar a resposta Hello World para despachar a solicitação para o RestaurantSearch.jsp.

Altere o código de response.getWriter().println("Hello World"); para request.getRequestDispatcher("RestaurantSearch.jsp").forward(request,response);.

No momento em que o JSP é salvo, todo o projeto é reimplementado para o servidor Tomcat automaticamente. Nas etapas anteriores, foi definida a URL Canvas (http://apps.facebook.com/devrestaurantsearch) e também a URL Canvas Callback (http://localhost:8080/SimpleRestaurantSearch/RestaurantSearch) (veja a Figura 31).

Figura 31. Configurações para a URL Canvas e para a URL Canvas Callback
Screen shows the settings for the Canvas URL and the Canvas Callback URL

Se você acessar a URL Canvas, e uma vez que tenha feito login com sucesso, RestaurantSearch.jsp inicia o aplicativo RestaurantSearch (veja a Figura 32).

Figura 32. Iniciando o aplicativo RestaurantSearch
Image shows starting the RestaurantSearch application

O marcador do aplicativo está no canto inferior esquerdo da barra de ferramentas do aplicativo. É possível inserir uma cadeia de caracteres de pesquisa para a pesquisa do restaurante (veja a Figura 33).

Figura 33. Marcador do aplicativo na barra de ferramentas do aplicativo
AFigure 33 shows the application bookmark in the application toolbar

Altere o local padrão no Google Maps e defina a visualização de mapas padrão para NORMAL View no RestaurantSearch.jsp (veja a Listagem 2).

Listagem 2. Alterando o local padrão no Google Maps
// change the default location in the Google Maps
map.setCenter(new google.maps.LatLng(37.773,-122.417),13);

// set the Map to Normal view
map.setMapType(G_NORMAL_MAP);
map.removeMapType(G_HYBRID_MAP);
map.addMapType(G_NORMAL_MAP);

Salve o JSP para implementação ativa e teste novamente para certificar-se de que o local e o tipo de mapa estão alterados (veja a Figura 34). Agora escolhemos São Francisco como o local de pesquisa padrão. Quando o aplicativo estiver executando no Facebook, quando um usuário pesquisar um tipo de restaurante, ele pode adicionar um código postal para o local e o aplicativo retornará resultados de restaurantes mapeados no local escolhido.

Figura 34. Implementando e testando novamente o aplicativo
Screenshot shows redeploying and retesting the application

Agora é possível testar mais navegando para o seu perfil do Facebook e pesquisando o aplicativo SimpleRestaurantSearch na caixa de pesquisa no canto superior direito (veja a Figura 35).

Figura 35. Pesquisando o aplicativo SimpleRestaurantSearch a partir do seu perfil do Facebook
Screen shows searching for the SimpleRestaurantSearch application from your Facebook profile

O Application Search o levará para o aplicativo SimpleRestaurantSearch (veja a Figura 36).

Figura 36. O Application Search o leva para o aplicativo SimpleRestaurantSearch
Image shows that Application Search takes you to the SimpleRestaurantSearch application

Integrando a API Facebook Connect

A Facebook Connect permite alavancar o Facebook para seus próprios aplicativos fora do Facebook. É possível usar a API Facebook Connect no seu site e permitir que os seus visitantes compartilhem conteúdo nos seus próprios perfis.

Será necessário criar um arquivo de canal de comunicação de domínio cruzado chamado xd_receiver.htm e colocá-lo em um diretório relativo para a URL de retorno de chamada. É preciso criar o arquivo xd_receiver.htm em um diretório a partir do qual você atenderá suas páginas da Web Connect (pasta WebContent em nosso exemplo). Veja a Figura 37.

Figura 37. Criando e salvando um canal de comunicação de domínio cruzado
Screen shows creating and saving a cross-domain communication channel

Um exemplo de um arquivo de canal de domínio cruzado é mostrado na Listagem 3. É possível copiar o seguinte conteúdo e criar o xd_receiver.htm em uma pasta WebContent. Sem um arquivo de canal de domínio cruzado, o Facebook não poderá se comunicar corretamente com seu servidor de aplicativo (veja a Listagem 3).

Listagem 3. Um arquivo de canal de domínio cruzado
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<body>
<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/XdCommReceiver.js"
 mce_src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/XdCommReceiver.js" 
type="text/javascript"></script>
</body>
</html>

A maneira mais rápida de começar a usar o Facebook Connect no seu servidor é usar a biblioteca da API JavaScript. As duas propriedades essenciais de conectar-se a biblioteca são definir o tipo de documento correto e carregar a biblioteca JavaScript no final da sua página da Web, perto da tag </body>. Essa alteração de código pode ser feita no arquivo RestuarantSearch.jsp (veja a Listagem 4).

Listagem 4. Usando o Facebook Connect no seu servidor
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 
xmlns:fb="http://www.facebook.com/2008/fbml">

<script type="text/javascript" 
src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php"
 mce_src="http://static.ak.connect.facebook.com/js/api_lib/
v0.4/FeatureLoader.js.php"> </script>

A Listagem 5 é um exemplo simples de como conectar um usuário no seu aplicativo Facebook Connect e exibir o nome do usuário e uma foto de perfil do Facebook.

Listagem 5. Exemplo simples de como conectar um usuário no aplicativo do Facebook Connect
<script type="text/javascript"> 
function update_user_box() {
    var user_box = document.getElementById("user");

    user_box.innerHTML =
    "<span>"
    + "<fb:profile-pic uid='loggedinuser' facebook-logo='true'>
</fb:profile-pic>"
    + "Welcome, <fb:name uid='loggedinuser' useyou='false'></fb:name>"
    + "</span>";

    FB.XFBML.Host.parseDomTree();
}
</script>

<script type="text/javascript" src="http://static.ak.connect.facebook.com/js
/api_lib/v0.4/FeatureLoader.js.php"mce_src="http://static.ak.connect.facebook.com/js
/api_lib/v0.4/FeatureLoader.js.php"> 
</script>

<script type="text/javascript">
    var api_key = "Connect API_key here";
    var channel_path = "xd_receiver.htm"; 
    FB.init(api_key, channel_path, {"ifUserConnected": update_user_box});
</script>

Para testar isso no seu próprio servidor, é preciso substituir sua chave de API na Listagem 5, o que é mostrado na Figura 38.

Figura 38. Substituindo a chave da API
Image shows replacing the API key

Quando tiver salvado o JSP, ele é implementado de maneira ativa e é possível iniciar o aplicativo RestaurantSearch. Observe que você pode ver um botão na parte inferior dos resultados de pesquisa (veja a Figura 39).

Figura 39. Botão na parte inferior dos resultados de pesquisa
Figure shows the button at the bottom of the search results

Se você já está conectado a uma sessão do Facebook, clicar no Facebook Connect o conectará ao seu perfil. A ideia é que o usuário do SimpleRestaurantSearch compartilhe seus restaurantes favoritos e dê feedback no próprio perfil de você.

Este exemplo demonstra o real poder da API Facebook Connect. Quando o aplicativo de restaurando estiver aberto, conecte-se ao Facebook Connect e recomende restaurantes no seu perfil. Essas recomendações de restaurante podem ser visualizadas por outros amigos seus.

Clicar no botão Recommendation abrirá um pequeno assistente que levará os comentários e os compartilhará com seus amigos (veja a Figura 40).

Figura 40. Abrindo um assistente para comentários
Figure 40 shows opening a wizard for comments

É possível testar o aplicativo Facebook acessando seu perfil de desenvolvedor de aplicativo e permitindo que ele seja visualizado por outros (veja a Figura 41).

Figura 41. Compartilhando suas informações
Screen shows sharing your information

Resumo

O Eclipse Galileo incluiu diversos novos recursos importantes, e você pode alavancar o Galileo para desenvolver ótimos aplicativos. Este artigo usa o Eclipse Galileo edição J2EE que possui as ferramentas para desenvolvedores de Java criarem aplicativos da Web e Java EE, incluindo Java IDE, ferramentas para Java EE, JPA, JSF, Mylyn e outros.

Com o Galileo edição J2EE, você importou as bibliotecas Java do Facebook, configurou o Tomcat como um servidor interno, adicionou a funcionalidade para autenticação do Facebook, adicionou a API Google Search e adicionou a API Facebook Connect ao aplicativo SimpleRestaurantSearch.

O Tomcat integrado possibilita o desenvolvimento, depuração, teste e implementação do código de aplicativo do Facebook completo. É possível obter vantagem total do release do Galileo para desenvolver um ótimo aplicativo do Facebook. Com um ID do Facebook, uma Facebook Developer Key e uma API Google Search, é possível usar o código anexo para testar o aplicativo RestaurantSearch.


Download

DescriçãoNomeTamanho
Restaurant Search source codeos-eclipse-facebookRestaurantSearch.zip18KB

Recursos

Aprender

Obter produtos e tecnologias

Discutir

  • O newsgroup Eclipse Platform deve ser sua primeira parada para tratar de perguntas sobre o Eclipse. (Se você selecioná-lo, será aberto seu aplicativo padrão de leitura de notícias Usenet bem como eclipse.platform.)
  • Os newsgroups Eclipse têm muitos recursos para pessoas interessadas em usar e estender o Eclipse.
  • Participe dos blogs developerWorks e envolva-se na comunidade do developerWorks.

Comentários

developerWorks: Conecte-se

Los campos obligatorios están marcados con un asterisco (*).


Precisa de um ID IBM?
Esqueceu seu ID IBM?


Esqueceu sua senha?
Alterar sua senha

Ao clicar em Enviar, você concorda com os termos e condições do developerWorks.

 


A primeira vez que você entrar no developerWorks, um perfil é criado para você. Informações no seu perfil (seu nome, país / região, e nome da empresa) é apresentado ao público e vai acompanhar qualquer conteúdo que você postar, a menos que você opte por esconder o nome da empresa. Você pode atualizar sua conta IBM a qualquer momento.

Todas as informações enviadas são seguras.

Elija su nombre para mostrar



Ao se conectar ao developerWorks pela primeira vez, é criado um perfil para você e é necessário selecionar um nome de exibição. O nome de exibição acompanhará o conteúdo que você postar no developerWorks.

Escolha um nome de exibição de 3 - 31 caracteres. Seu nome de exibição deve ser exclusivo na comunidade do developerWorks e não deve ser o seu endereço de email por motivo de privacidade.

Los campos obligatorios están marcados con un asterisco (*).

(Escolha um nome de exibição de 3 - 31 caracteres.)

Ao clicar em Enviar, você concorda com os termos e condições do developerWorks.

 


Todas as informações enviadas são seguras.


static.content.url=http://www.ibm.com/developerworks/js/artrating/
SITE_ID=80
Zone=Software livre
ArticleID=477968
ArticleTitle=Desenvolva um aplicativo Facebook com o Eclipse Galileo
publish-date=03262010