O Worklight é uma plataforma de desenvolvimento mobile desenvolvida pela IBM que abre um leque de inúmeras oportunidades para o desenvolvimento mobile, já que permite a criação e gerenciamento de aplicativos HTML5, nativos e híbridos para diversas plataformas, como Android IOS, BlackBerry, Windows Mobile.
Além de nos permitir a criação de aplicativos multiplataformas, o Worklight nos permite implementar a segurança no trafego de informações entre "End Point", por exemplo, se precisamos fazer uma comunicação segura entre um dispositivo mobile e um servidor Apache ou WebSphere, o Worklight server pode servir como um mediador nessa comunicação, implementando toda uma camada de autenticação fornecendo uma confiabilidade na comunicação.
O Worklight pode ser dividido em quatro partes:
- Worklight Studio – que é um ambiente de desenvolvimento feito para o Eclipse, suas aplicações Worklight são escritas.
- Worklight Console – é onde a aplicação Worklight é gerenciada e monitorada.
- Worklight Server – é um servidor Java responsável por implementar toda uma interface segura entre os End points.
- Worlight Device Runtimes Componets – são componentes SDK que são aplicados em tempo de execução no dispositivo nativo.
Figura 1: Worklight Workflow
Instalando o Worklight
Instalar o Worlight é uma tarefa fácil, pois pode ser encontrado no marketplace do próprio Eclipse. Help->Eclipse Marketplace.
Depois de feito isso digite no campo de pesquisa a palavra Worklight como demonstrada na figura abaixo e clique no botão Go.
Figura 2: Instalação do Worklight
Selecione IBM Worklight Developer Edition e clique em Install, após a instalação concluída você terá o ícone do Worklight na barra de tarefas do seu eclipse.
Criando o primeiro projeto Worklight
Agora um novo projeto Worklight deve ser criado, vá em File->New->Project->Worklight Project como a figura abaixo.
Figura 3: Projeto Worklight
O próximo passo é incluir um aplicativo ao projeto criado anteriormente como mostra a figura abaixo, esse passo ira criar um arquivo HTML dentro da pasta common localizada dentro da pasta apps->Pagina que será a pagina inicial do projeto em qualquer dos ambientes em que esse código estará rodando.
Figura 4: Aplicativo
Agora no arquivo Pagina.html adicione o seguinte código HTML:
Listagem 1: Pagina.html
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>Pagina</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
<link rel="shortcut icon" href="images/favicon.png">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="stylesheet" href="css/Pagina.css">
<script>window.$ = window.jQuery = WLJQ;</script>
</head>
<body id="content" style="display: none;">
<!--application UI goes here-->
<img src="images/logo.jpg" width="100" height="100"><br>
Primeiro exemplo do uso do Worklight
<script src="js/initOptions.js"></script>
<script src="js/Pagina.js"></script>
<script src="js/messages.js"></script>
</body>
</html>Serão criados agora os ambientes nativos que essa aplicação ira rodar, nesse exemplo será Android e BlackBerry. Para criá-los clique com o botão direito em Pagina->New->Other->Worklight Enviroment.
Figura 5: Setando ambientes
Selecionamos a plataforma Android e a plataforma BlackBerry como mostrado abaixo, verifique se o Project name e o Application / Component estão corretos.
Figura 6: Seleção dos ambientes que serão gerados
Dentro da pasta common, temos os arquivos que irão rodar para ambas as plataformas, já nas pastas especificas dentro de Android e BlackBerry, teremos os arquivos que apareceram apenas nessas plataformas especificas.
Dentro da pasta Android->images vamos colocar um logo do Android com o nome logo.jpg e na pasta BlackBerry->images vamos colocar uma imagem do logo do BlackBerry com o nome logo.jpg também.
Figura 7: Logos Nativos adicionados nas pastas
Agora para testar a aplicação precisamos instalar o servidor Worklight e testar a aplicação hibrida recém-criada. Isso é feito clicando com o botão direito do mouse na pasta common->Run As->Build and Deploy.
Observação: Sempre que fizer qualquer atualização em qualquer arquivo, sempre faça o passo anterior para se certificar que a alteração entrará em efeito.
A saída do console tem que ser a seguinte, para assegurar que o servidor do Worklight esta no ar:
Figura 8: Saída do console após a instalação do Worligth Server
Agora vamos acessar o console administrativo do Worklight da seguinte maneira, abra o navegador de sua preferência e digite: localhost:8080/console a seguinte pagina ira aparecer com as informações do projeto criado anteriormente:
Figura 9: Console com os projetos
Para visualizarmos se o que acabou de ser feito funcionou, vamos clicar em cima do link de cada uma das plataformas, e o Worklight abrirá um Emulador, e mostrará o resultado desse primeiro teste rodando em suas respectivas plataformas nativas. Seguem abaixo as imagens da mesma aplicação rodada em ambientes diferentes.
Figura 10: Imagens Emulador - parte 1
Figura 11: Imagens Emulador - parte 2
As aplicações mobile esta a todo vapor no mercado, e a plataforma Worklight nos permite com um único código criar aplicativos para diversas plataformas, aqui foram usados exemplos do BlackBerry e do Android utilizando o emulador de plataformas em web-browser, mas se as SDKs estão corretamente instaladas e funcionando, pode ser testada essa aplicação Worklight direto no emulador da fabricante do sistema operacional mobile.
Pode-se perceber também que um pedaço de código hibrido pode ser acessado por duas plataformas totalmente diferentes, e gerando resultados iguais para o que deve ser comum, e diferente para o que deve ser diferente.
Espero que tenham gostado desse artigo e que lhes seja útil no futuro, já que aplicações mobile estão tomando o mercado do software, o que foi mostrado aqui é apenas uma pequena demonstração do grande poder dessa ferramenta.
Um grande abraço e até a próxima oportunidade!
