Flex 2 + .NET 2.0 + FluorineFx
21 views
Skip to first unread message
Will
Jan 31, 2008, 5:49:53 AM1/31/08
to flexdev
Bom galera, vou tentar explicar direto mesmo como instalar o Flex 2
+ .NET 2.0 + FluorineFx
Em primeiro lugar, instale os tres programas com as configurações
padrão, só com atenção no FluorineFx na hora de escolher para qual
framework instalar. Normalmente o FluorineFx detecta o .NET e já
seleciona tudo corretamente.
Feito isso vamos criar uma nova solução no Visual Studio, acessando
File > New > Project > Other Project Types > Visual Studio Solutions >
Blank Solution. Dê um nome à sua solução e defina a pasta onde ficará
seu projeto.
Se ainda não estiver aberta, abra a solução criada. Feito isso, vamos
adicionar um projeto do VB ou C#, de acordo com o que precisem,
acessando File > Add > New Project > Visual C# (Ou Visual Basic) >
Windows > FluorineFx Service Library . Não se esqueça de definir um
nome e de salvar na mesma pasta da sua solução.
Ainda no Visual Studio, vamos adicionar um projeto Web, acessando File
> Add > New Web Site > FluorineFx ASP.NET Web Site.
Estes projetos do FluorineFx já adicionam os arquivos e dlls
necessárias para o .NET funcionar em conjunto com o FluorineFx, e
assim, com o Flex.
Clique agora com o botão direito no WebSite criado e defina como
projeto inicial (Set As StartUp Project) e após isso defina o arquivo
Console.aspx como página inicial, clicando no mesmo com o botão
direito e depois em Set As Start Page.
Com isso já podemos rodar e testar o Fluorine. O arquivo
Sample.cs(.vb) no seu projeto criado já possui uma classe e uma função
para testar. Rode seu projeto e ao abrir o controle navegue pelo menu
em árvore para encontrar as funções criadas. Se você criar uma função
e ela não aparecer aí, o Flex não conseguirá encontrá-la também. Faça
seus testes no console e veja se está tudo ok.
Não se esqueça de que, em todas as classes que você criar no .NET,
terá que adicionar o using FluorineFx para o C# ou Imports FluorineFx
para o Vb e também que antes da declaração da classe tem que haver a
definição de RemotingService(Por exemplo, no VB, fica
<RemotingService("Fluorine sample service")> _ para a classe
SampleService, criada por padrão). Sem isso, suas classes não serão
reconhecidas pelo Flex.
Bom galera, após o almoço eu termino isso, tempo está corrido. Tentem
fazer essas configurações e se houver problema façam as perguntas,
blz?
Até logo galera!
Will
+ .NET 2.0 + FluorineFx
Em primeiro lugar, instale os tres programas com as configurações
padrão, só com atenção no FluorineFx na hora de escolher para qual
framework instalar. Normalmente o FluorineFx detecta o .NET e já
seleciona tudo corretamente.
Feito isso vamos criar uma nova solução no Visual Studio, acessando
File > New > Project > Other Project Types > Visual Studio Solutions >
Blank Solution. Dê um nome à sua solução e defina a pasta onde ficará
seu projeto.
Se ainda não estiver aberta, abra a solução criada. Feito isso, vamos
adicionar um projeto do VB ou C#, de acordo com o que precisem,
acessando File > Add > New Project > Visual C# (Ou Visual Basic) >
Windows > FluorineFx Service Library . Não se esqueça de definir um
nome e de salvar na mesma pasta da sua solução.
Ainda no Visual Studio, vamos adicionar um projeto Web, acessando File
> Add > New Web Site > FluorineFx ASP.NET Web Site.
Estes projetos do FluorineFx já adicionam os arquivos e dlls
necessárias para o .NET funcionar em conjunto com o FluorineFx, e
assim, com o Flex.
Clique agora com o botão direito no WebSite criado e defina como
projeto inicial (Set As StartUp Project) e após isso defina o arquivo
Console.aspx como página inicial, clicando no mesmo com o botão
direito e depois em Set As Start Page.
Com isso já podemos rodar e testar o Fluorine. O arquivo
Sample.cs(.vb) no seu projeto criado já possui uma classe e uma função
para testar. Rode seu projeto e ao abrir o controle navegue pelo menu
em árvore para encontrar as funções criadas. Se você criar uma função
e ela não aparecer aí, o Flex não conseguirá encontrá-la também. Faça
seus testes no console e veja se está tudo ok.
Não se esqueça de que, em todas as classes que você criar no .NET,
terá que adicionar o using FluorineFx para o C# ou Imports FluorineFx
para o Vb e também que antes da declaração da classe tem que haver a
definição de RemotingService(Por exemplo, no VB, fica
<RemotingService("Fluorine sample service")> _ para a classe
SampleService, criada por padrão). Sem isso, suas classes não serão
reconhecidas pelo Flex.
Bom galera, após o almoço eu termino isso, tempo está corrido. Tentem
fazer essas configurações e se houver problema façam as perguntas,
blz?
Até logo galera!
Will
Will
Jan 31, 2008, 10:14:58 AM1/31/08
to flexdev
Bom, continuando.
Agora o .NET está configurado direitinho, vamos então criar nosso
projeto no Flex.
Abra o Flex e crie um projeto novo acessando o menu File > New > Flex
project.
Na tela que abrir, selecione Basic e clique Next.
Dê um nome ao seu projeto e modifique a pasta onde será salvo o
projeto. Indique a pasta onde se encontra o seu projeto Web do .NET e
crie a pasta Flex. Ex:
Projeto Web -> C:/Projetos/Web
Projeto Flex -> C:/Projetos/Web/Flex
Clique em Next e na tela seguinte vamos configurar onde serão salvos
os binários(*.swf) e o servidor .NET.
Em Main Application File, coloque o nome da pagina principal do seu
projeto Flex.
Em Output Folder, coloque bin, que é onde ficarão os binários gerados.
Em Output Folder URL é onde iremos rodar nossa aplicação, que será o
servidor do Visual Studio. Lembrando que no nosso projeto do Visual
Studio, teremos que definir uma porta onde o servidor irá rodar, senão
a porta ficará dinâmica e então não conseguiremos testar nossa
aplicação. Para colocar uma porta padrão, vá no Visual Studio e clique
no projeto web. Após isso, vá na aba Properties e coloque Use Dinamic
Port como False e coloque uma porta padrão em Port Number, como 2222
por exemplo.
Feito isso, coloque no projeto Flex a Outout Folder URL como
http://localhost:2222/Web (Web é o nome do projeto web).
Clique em Finish.
Agora, com o projeto Flex aberto, acesse o menu Project > Properties e
escolha a opção Flex Compiler. Vamos ter que adicionar duas variáveis,
a -services e -context-root.
-services é o caminho do arquivo de configuração do FluorineFx. Ele
está na pasta Web do Projeto do Visual Studio, dentro da pasta WEB-INF/
flex/services-config.xml. -context-root é a pasta do nosso projeto Web
criado no Visual Studio, que é Web no nosso caso. Adicione logo à
frente de -locale en_US o seguinte texto, mudando se necessário para o
que você criou:
-services "..\WEB-INF\flex\services-config.xml" -context-root /Web
Clique em ok.
Agora basta configurar a tag RemoteObject no Flex. Segue um exemplo:
<mx:RemoteObject id="VB" destination="fluorine" source="Classes.Hello"
fault="ExibeErro(event)">
<mx:method name="HelloWorld" result="ExibirHello(event)" />
</mx:RemoteObject>
no remote object, defina o id, pois ele será importante para chamar os
métodos do Visual Studio.
destination é a mesta que vem no services-config.xml, que é fluorine
por padrão.
source é o nome do projeto no visual studio(Aquele que contém as
classes) + nome da classe.
fault é a função do Flex que será chamada no caso do Visual Studio
retornar erro(como nao conectar, por exemplo)
<mx:method> é a tag onde será colocada o nome de cada função que
existe na classe do VS. Para cada função, um mx:method deve ser
criado.
em name coloque o nome da função, igual está na sua classe do Visual
Studio.
result é a função do Flex que será chamada no caso de sucesso, e que
permitirá que você faça o que bem quiser com o que o .NET retornar.
No exemplo que coloquei, para chamar o método HelloWorld, na classe
Hello do Visual Studio, poderia por exemplo colocar o seguinte no
click de um botão.
VB.HelloWorld.send()
Se houver parâmetros, faça assim.
VB.HelloWorld.send("teste",55)
Bem, acho que não faltou nada.Se houver dúvidas, perguntem blz.
Flw galera!!
Will
Agora o .NET está configurado direitinho, vamos então criar nosso
projeto no Flex.
Abra o Flex e crie um projeto novo acessando o menu File > New > Flex
project.
Na tela que abrir, selecione Basic e clique Next.
Dê um nome ao seu projeto e modifique a pasta onde será salvo o
projeto. Indique a pasta onde se encontra o seu projeto Web do .NET e
crie a pasta Flex. Ex:
Projeto Web -> C:/Projetos/Web
Projeto Flex -> C:/Projetos/Web/Flex
Clique em Next e na tela seguinte vamos configurar onde serão salvos
os binários(*.swf) e o servidor .NET.
Em Main Application File, coloque o nome da pagina principal do seu
projeto Flex.
Em Output Folder, coloque bin, que é onde ficarão os binários gerados.
Em Output Folder URL é onde iremos rodar nossa aplicação, que será o
servidor do Visual Studio. Lembrando que no nosso projeto do Visual
Studio, teremos que definir uma porta onde o servidor irá rodar, senão
a porta ficará dinâmica e então não conseguiremos testar nossa
aplicação. Para colocar uma porta padrão, vá no Visual Studio e clique
no projeto web. Após isso, vá na aba Properties e coloque Use Dinamic
Port como False e coloque uma porta padrão em Port Number, como 2222
por exemplo.
Feito isso, coloque no projeto Flex a Outout Folder URL como
http://localhost:2222/Web (Web é o nome do projeto web).
Clique em Finish.
Agora, com o projeto Flex aberto, acesse o menu Project > Properties e
escolha a opção Flex Compiler. Vamos ter que adicionar duas variáveis,
a -services e -context-root.
-services é o caminho do arquivo de configuração do FluorineFx. Ele
está na pasta Web do Projeto do Visual Studio, dentro da pasta WEB-INF/
flex/services-config.xml. -context-root é a pasta do nosso projeto Web
criado no Visual Studio, que é Web no nosso caso. Adicione logo à
frente de -locale en_US o seguinte texto, mudando se necessário para o
que você criou:
-services "..\WEB-INF\flex\services-config.xml" -context-root /Web
Clique em ok.
Agora basta configurar a tag RemoteObject no Flex. Segue um exemplo:
<mx:RemoteObject id="VB" destination="fluorine" source="Classes.Hello"
fault="ExibeErro(event)">
<mx:method name="HelloWorld" result="ExibirHello(event)" />
</mx:RemoteObject>
no remote object, defina o id, pois ele será importante para chamar os
métodos do Visual Studio.
destination é a mesta que vem no services-config.xml, que é fluorine
por padrão.
source é o nome do projeto no visual studio(Aquele que contém as
classes) + nome da classe.
fault é a função do Flex que será chamada no caso do Visual Studio
retornar erro(como nao conectar, por exemplo)
<mx:method> é a tag onde será colocada o nome de cada função que
existe na classe do VS. Para cada função, um mx:method deve ser
criado.
em name coloque o nome da função, igual está na sua classe do Visual
Studio.
result é a função do Flex que será chamada no caso de sucesso, e que
permitirá que você faça o que bem quiser com o que o .NET retornar.
No exemplo que coloquei, para chamar o método HelloWorld, na classe
Hello do Visual Studio, poderia por exemplo colocar o seguinte no
click de um botão.
VB.HelloWorld.send()
Se houver parâmetros, faça assim.
VB.HelloWorld.send("teste",55)
Bem, acho que não faltou nada.Se houver dúvidas, perguntem blz.
Flw galera!!
Will
Vinícius Velasco
Jan 31, 2008, 10:33:41 AM1/31/08
to fle...@googlegroups.com
Will muito obrigado, chegando do trabalho a noite eu vou fazer isso. Cara valeu mesmo, num faço uma festa pra comemorar essa ajuda com o povo da lista porque eu estou em Rondonopolis no Mato Grosso e ai fica dificil o povo vir aqui né... Mas valeu cara
Em 31/01/08, Will <mestr...@ig.com.br> escreveu:
Will
Jan 31, 2008, 10:44:58 AM1/31/08
to flexdev
E aí Vinicius,
Cara, não é necessário festa.
Fui muito ajudado pela galera aqui do FlexDev, meus projetos aqui na
empresa só vingaram pq objtive essa ajuda.
Só estou tentando retribuir.
Flw
Cara, não é necessário festa.
Fui muito ajudado pela galera aqui do FlexDev, meus projetos aqui na
empresa só vingaram pq objtive essa ajuda.
Só estou tentando retribuir.
Flw
Vinícius Velasco
Jan 31, 2008, 10:48:29 AM1/31/08
to fle...@googlegroups.com
Isso ae cara... eu vou ficar bom nisso e vou ajudar tbm
Valeu!!!
Valeu!!!
Em 31/01/08, Will <mestr...@ig.com.br> escreveu:
--
Bel. Vinícius Velasco
"Tudo Posso Naquele que me Fortalece" Fil 4:13
Reply all
Reply to author
Forward
0 new messages