Flex And Java

abril 16, 2009

Integrando Java e Flex – Parte 2

Filed under: Flex and Java — Flávio Otoni @ 12:59 am

Passo 4: Projetos Flex.
File -> New -> FlexProject

3Configure o nome do projetos e as demais opções como esta na imagem acima e click em Next.

41Root folder: Aponta para pasta WebContent do projeto java que foi criado, pois ele vai procurar pelas pasta META-INF e WEB-INF do Blazer que foi adicionado no projeto java.

Output folder: Aponta para a pasta WebContent do projeto java que foi criado, pois e nesse caminho que ele vai jogar a compilação do que foi criado no flex.

Feito a configuração click em Next.

5Pasta mudar o nome do arquivo mxml para Main e configurar o Output folder URL como na imagem acima onde teste e o nome do seu projeto. e clicar em Finish.

Pronto os dois ambiente configurado e com os projetos integrados, vamos montar um exemplo para testar a integração.

Passo 5: Testando a Integração.

5.1: Projeto Java

Dentro do projeto java vamos criar os pacotes e classe como na imagem abaixo.

61As Classe tem o seguinte conteúdo.

71

8

Pronto da parte java esta pronto não esqueça que configuramos o arquivo remotingconfig.xml anteriormente caso tenha esquecido de uma olha porque e essencial que esteja mapeado a classe java.

5.2: Projeto Flex

O projeto Flex deve estar como na imagem a baixo

9As pastas são folders o Flex 3 não trata como pacote como o java mas a nova versão o Flex 4 que ainda esta na versão Beta trata como pacote.

UserVO e to tipo ActionScriptClass RemoteClass e o caminho da classe java.

uservo1

MainASF e to tipo ActionScriptFile

10

No MainASF e o script da nossa tela principal a function btn_click_saveUser(), cria uma objeto do tipo UserVO do actionscript setando as propriedades e no final do metodo ele chama o metodo process da classe java o action scripte nao acha o metodo java por isso o autocomplite não vai funcionar.

111

Crie uma tela como esta na imagem em cima.

122

O projeto esta pronto agora vá no projeto java de um refresh, click com o botão direito do mouse vai em Run As-> Run on Server.

março 24, 2009

Integrando Java e Flex – Parte 1

Filed under: Flex and Java — Flávio Otoni @ 12:56 am

Passo 2: Ambiente Flex.
Para ambiente de desenvolvimento Flex basta instalar a IDE do Flex no caso estou trabalhando com a versão 3 Flex Builder 3. Não tem segredo e só avançar ate o final da instalação.

Passo 3: Criando Projetos para Integração.

Primeiro criaremos um projeto Java.
Na Perspective Java EE vá em File -> New -> Dynamic Web Project.

11Configure o Project name, Target Runtime que é onde vai esta o seu servido no meu caso estou utilizando o Tomcat, click em Next.

2Basta configurar o Context Root e deixa o resto como esta e clicar em Finish.

O projeto java esta criado porem ainda falta algumas configurações para que ele sirva para o projeto flex que vamos criar mais a frente.

Agora precisamos do blazeds.war que pode ser achado aqui mas especifico os arquivos contidos dentro dele duas pasta a META-INF e WEB-INF. Abra o war com o programa winrar e retire onde essa pasta serão colocada no WebContent do projeto java que criamos sobrescrevendo os que já estão lá.

Blazerds: http://opensource.adobe.com/wiki/display/blazeds/Downloads

Classes acessadas pela interface Flex.

Na pasta WEB-INF -> flex iremos configurar o arquivo remotingconfig.xml.

Logo abaixo da target </defaultchannels> inclua para cada classe acessada pela interface.

<destination id=aqui vai o id para interface flex“>

<properties>

<scope>session</scope>

//caminho completo de classe java ate o nome dela

<source> com.teste.processor.UserProcessor</source>

</properties>

</destination>

Bem agora temos que fazer a configuração de ondes a compilação das classes javas tem que estar.

Click com o botão direito do mouse no projeto e va em propriadades.

Dentro das propriedades do projeto vá em Java Build Path click na aba Source em Default output folder:

Altere apontando para pasta WebContent/WEB-INF/classes como na imagem a baixo.

propriedades



Projeto Java pronto e configurado.

Crie um website ou blog gratuito no WordPress.com.