Conhecendo o Adobe AIR – Flash

Se você, assim como eu, sempre sonhou em passar suas aplicações em Flash para o desktop, saiba que agora existe uma solução. Na verdade, antes existiam algumas soluções como o Zinc. Mas era um tanto quanto complicado utilizá-lo, pois você tem que compilar sua aplicação no Flash e depois gerar o executável para rodar no desktop.

Imagine agora, fazer esse processo diversas e diversas vezes, para cada teste da aplicação. Parece cansativo não?
Mas para a nossa sorte, a Adobe resolveu lançar uma solução própria, que permite a nós desenvolvedores, criarmos a partir do Flash, Flex ou HTML/Javascript, aplicações que rodem no desktop em cima da plataforma AIR.

Recentemente a Adobe lançou a versão final que pode ser encontrada em http://www.adobe.com/products/air/
Vamos começar vendo um exemplo de como criar uma simples aplicação em Flash para rodar no AIR.

O primeiro passo é instalar o Adobe AIR em seu computador, para que possamos rodar as aplicações que iremos criar. Você pode baixar o AIR em http://get.adobe.com/air/.
Depois iremos baixar o Adobe AIR update para o Flash CS3, que irá permitir a criação de aplicações AIR no Flash. http://www.adobe.com/support/flash/downloads.html

Após instalado o AIR e o update para o Flash, abra o Flash e crie um novo Flash File (Adobe AIR).
Arraste para o palco um componente TextArea e um componente Button. Dê o nome de instância de texto_txt e botao_btn respectivamente. Em seguida, crie uma nova layer, clique sobre o frame vazio e abra o painel Actions (Window > Actions).

1
2
3
4
5
6
function showHello(evt:MouseEvent):void
{
texto_txt.text = "Olá, você está no Adobe AIR!";
}

botao_btn.addEventListener(MouseEvent.CLICK, showHello);

Salve o seu arquivo como hello.fla e em seguida teste o FLA (Control > Test Movie).
Agora chegou o momento de setarmos algumas configurações em nossa aplicação. Vá em Commands > AIR – Application & Installer Settings. Confira na imagem abaixo um exemplo.

Adobe AIR - Application & Settings Screen

Adobe AIR - Application & Settings Screen

File name é o nome do arquivo de instalação que o Flash irá gerar. Name é o nome de sua aplicação. Version (opcional) especifica a versão da aplicação. ID é o identificador único da aplicação, você pode alterá-lo se desejar, mas use somente os caracteres 0-9, a-z, A-z . (ponto) e – (traço) e com tamanho de 1 a 212 caracteres.
Description (opcional) é a descrição da aplicação. Copyright (opcional) são os direitos autorais.

Window style define o estilo da janela. Existem 3 tipos:
System chrome: utiliza o estilo de janela padrão do sistema operacional.
Custom chrome (opaque): utiliza um estilo de janela padronizado, que deve ser criado no FLA.
Custom chrome (transparent): mesmo estilo que o opaque, mas adiciona transparência a aplicação, possibilitando formas arredondadas.

Icon permite que você customize os ícones utilizados por sua aplicação. A opção Advanced traz configurações avançadas, como tamanho da janela, posicionamento e etc.

Após preencher os dados necessários, devemos definir uma assinatura digital à aplicação. Aqui temos a opção de utilizar um certificado de segurança comercial, ou criar um certificado próprio. Todas as aplicações feitas para o Adobe AIR deve ser assinadas digitalmente. Em Digital Signature, clique em change.

Adobe AIR - Digital Signature

Adobe AIR - Digital Signature

A janela amiga acima irá abrir. Nessa janela devemos especificar um certificado ou criarmos um novo. Clique em create para criarmos um certificado.

Adobe AIR - Create Self-Signed Digital Ceritificate

Adobe AIR - Create Self-Signed Digital Ceritificate

Mais uma janela se abre para nossa coleção, e nesta é onde iremos colocar as informações sobre o nosso certificado. Entenda que este certificado não será reconhecido como um certificado seguro, ele serve apenas para que possamos desenvolver e criar nossa aplicações, sem ter que comprar um certificado comercial, como por exemplo o www.thawte.com.

Não vou entrar em muitos detalhes sobre esta tela, para não me estender, apenas preencha os campos como deseja, sem esquecer de definir uma senha (e de lembrar dela).

Após preencher os campos, escolha um local para salvar o certificado. Lembre que você sempre irá utilizá-lo, cada vez que criar uma aplicação AIR, portanto salve-o em um local onde você lembre, para evitar de ter que criar um novo toda vez. Em seguida pressione OK.

Preencha o campo password na tela Digital Signature com a senha que você definiu anteriormente. Em seguida pressione OK.

Agora na tela Application & Installer Settings clique em Publish AIR File para criar o arquivo .air.
Vá até a pasta onde você salvou o nosso arquivo FLA, e você encontrará um arquivo .air. Execute o arquivo. A tela de instalação da aplicação irá aparecer.

Adobe AIR - Application Install

Adobe AIR - Application Install

Devido ao fato de não estarmos utilizando um certificado confiável (não queria mesmo…), o publisher sempre irá aparecer como UNKNOW. Clique em Install. Após a instalação a aplicação irá rodar (se você deixou a caixa marcada), e você poderá clicar no botão e verá o texto na caixa em seguida (uau!).

Confira depois no diretório onde você escolheu instalar a aplicação, que o nosso executável estará lá.

Bom, por enquanto é o que eu tenho para mostrar a vocês, uma pequena e simples introdução ao AIR no Flash, espero que tenha sido útil.

Abraços

1 Comments

  1. Opa cara, estou iniciando a desenvolver aplicações com AIR, só que utilizando ajax no lugar de flash (depois, posso utilizar também o flex).

    Mas estou amarrado nessa parada de certificado. Dá para compilar aqui no Aptana, mas não estou conseguindo gerar o .air

    Vou ter que Arrumar uma cópia pirata do flash só para gerar esse tal de certificado!

    Tentei gerar o certificado com o SDK no prompt de comando, mas dá pau toda hora.

    Mas valeu pelo tuto, muito didático.

Leave a Comment