O mercado de R.I.A. está em constante crescimento e as empresas estão adotando cada vez mais o Flex como interface para seus sistema.
Recentemente a Adobe Liberou a especificação do AMF3 oque possibilitou uma melhor safra de middleware e um dos produtos que seguiu essa onda foi o FluorineFx, que faz a chamada de métodos remotos em aplicações dotnet.
Quem acompanha a evolução do DotNet Framework, sabe que foi adicionado na versão 3.0 um novo mecanismo de consulta denominado LINQ, cuja função é servir como camada de acesso à dados, seja ela SQL, XML, Objetos, etc.
Essa semana eu começei um projeto usando essas duas tecnologias e é claro com Flex, por isso resolvi fazer um post sobre como configurar esse projeto para ajudar quem vier a ter dificuldades.

• Visual Web Developer 2008 Express Edition (free, download);
• FluorineFx Versão 1.0.0.13 (open source,  download);
• SQL Server 2005 Express Edition (free, download);
• Flex Builder 3 (trial 60 dias, download);
• Cairngorm 2.2.1 (open source, download);
• IIS 6 (vem com o XP, mas dá para usar o ASP.Net Development Server);

Criando o projeto.

Levando em conta que você está com todos os programas instalados vamos começar !!!

Primeira coisa que faremos é criar o projeto FluorineFx ASP.Net Web Site, que nesse caso será hosteado no IIS, mas sinta-se à vontade em usar o ASP.Net Development Server que vem embeded com o Visual WebDeveloper, nesse caso use como Location o "File System" e escolha uma pasta de sua preferência:

Depois de criado o projeto, a seguinte tela é exibida no canto direito da tela:

Bin: Nessa pasta ficam as dlls usadas pelo site, inclusive as do FluorineFx.
Log: Armazena o logo do fluorinefx.
Templates: O FluorineFx gera vários outputs em Flex e os templates ficam nessa pasta.
WEB-INF/flex: Nessa pasta ficam os arquivos de configuração do serviço remoto.
Console.aspx: Executando esse arquivo o site mostra o Service Browser que ajuda a testar os métodos disponíveis, gerar outputs e adicionar data domains.
Gateway.aspx: Arquivo simbólico que serve de ponte entre o Flex e o FluorineFx.

Uma vez criado o projeto, basta compilar (F5) para executar o Service Browser:

Agora vamos ao FlexBuilder, crie um projeto Flex normalmente, porém use o caminho do projeto aspnet e dentro dele crie uma pasta chamada " flex ":

Na próxima tela sete qual a pasta que terá o output flex, eu uso apenas "bin":

E por ultimo basta colocar a url para o Flex Builder abrir o projeto quando compilar:

Pronto, o projeto está criado e pronto para funcionar, mas vamos entender oque o flex builder 3 criou para nós:

.settings: Essa pasta armazena os arquivos de configuração.
bin: Depois de compilado o projeto é colocado aqui nessa pasta. É essa pasta que vai para o servidor na hora do deploy.
html-template: Templates do Flex para a geração do wrapper html.
src: Pasta onde serão criados os aquivos .mxml/.as e demais, é onde ficam os fontes do projeto.

O projeto está funcionando normalmente, basta compilar (Ctrl + F11), porém o Flex ainda não se cominica com o Fluorinex, para tal, basta adicionar alguns comandos para o compilador se localizar.
Clique com o botão direito no projeto > Properties > Flex Compiler:

Lembrando que o parametro "context-root" é o nome do diretório virtual criado no IIS (FlexASPNet lembra ?).

Testando o FluorineFx

Para testar o Fluorine basta criar uma classe no Projeto Web:

using FluorineFx;

namespace FlexASPNet {

[RemotingService("Nome do Serviço")]
public class ServicoTeste {

public ServicoTeste() { }

public string HelloWorld() {
return "Eu estou no C#";
}

}

}

Agora basta testar no Console.

No lado Flex basta fazer uma chamada mx:RemoteObject normal:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:RemoteObject id="FlexFluorine" source="FlexASPNet.ServicoTeste"
destination="fluorine" showBusyCursor="true" fault="FaultHandler(event);">
<mx:method name="HelloWorld" result="HelloWorldHandler(event);" />
</mx:RemoteObject>
<mx:Script>
<![CDATA[
import mx.rpc.events.ResultEvent;
import mx.controls.Alert;
import mx.rpc.events.FaultEvent;

private function FaultHandler(event:FaultEvent) : void {
Alert.show(event.fault.faultDetail, 'Erro no sistema: ');
}

private function HelloWorldHandler(event:ResultEvent) : void {
Alert.show(String(event.result), 'Resultado: ');
}
]]>
</mx:Script>
<mx:Button label="Chamar Fluorine" horizontalCenter="0" verticalCenter="0"
click="{FlexFluorine.HelloWorld()}" />
</mx:Application>

Bom galera, tá ai, ta configurado e funcionando, agora é so programas suas classes em C# normalmente e utilizá-las no Flex, sempre lembrando que cada tipo de dados retornado do C# deve ter um equivaliente no Flex.

Peraí ? E onde está o LINQ ???
O Linq já está referenciado no seu projeto Web por ser ASP.Net 3.5, na parte 2 eu vou fazer um C.R.U.D. com LInq e usar ele no Flex.

fontes do projeto: http://blog.saintbr.com.br/code/FlexASPNet.rar

[]'s

SaintBr.     =]

Definitivamente a Microsoft está tratando muito bem os developers que estão utilizando as novas tecnologias da empresa como ASP.Net, Silverlight, WPF.

No site da MIX08 pode ser encontrada uma área bem interessante chamada MIX08 University onde estão disponíveis diversos vídeos de treinamentos para as novidades do evento.

Podemos destacar o Silverlight 1.0 FireStarter que conta com diversos tópicos relacionados, ainda temos também BootCamp WPF que tem 3 dias de treinamento em vídeo e um bom material sobre ASP.Net Ajax, além de varios outros videos e tutoriais.

Visite hoje mesmo e incremente seus conhecimentos!

[]'s

SaintBr.     =]