Ruby + Flex + Mysql + RubyAmf - Ruby on Br - A comunidade Ruby brasileira

Guimmo 6 posts

Depois de muito procurar encontrei um tutorial magnifico e quero compartilhar
com todos.
É muito simples e bem instrutivo

vou recolocar aqui e passar o link

só estou postando aqui por que ha falhas no html do blog e sumiram algumas barras, o que pode dificultar o entendimento para iniciantes como eu…

vamos lá

Sendo assim segue o passo a passo que consegui fazer funcionar, onde no FLEX consegui inclui, alterar e excluir um registro.

Check list do Ambiente:

Ruby 1.8.6 <2007-09-24 patchlevel 111> [i386-mswin32]

Rails 2.2.2

mxmlc 3.1.0 build 2710

FLEX 3.0

MySQL 5.0.45

Com estou usando windows

No prompt de comando comece:

C:Estudo>rails -d mysql cadastro

C:Estudo>cd cadastro

C:Estudo\cadastro>

Testando

C:Estudo\cadastro>ruby script\server

Altere o arquivo C:Estudo\cadastro\config\database.yml

Coloque “username” e “password” corretos de acordo com a configuração do seu banco

C:Estudo\cadastro>rake db:create

Instalndo o RubyAmf

Vamos gerar o CRUD básico do Scaffold (sim, vamos usar scaffold)

Vamos migrar com rake db:migrate

e cadastre algumas pessoas

Agora será preciso editar o arquivo C:Estudo\cadastro\app\controllers\pessoas_controller.rb

Substitua o conteudo pelos códigos abaixo:

Index
def index @pessoas = Pessoa.find(:all) respond_to do |format| format.html # index.html.erb format.xml { render :xml => @pessoas } format.amf { render :amf => @pessoas } # <<textarea name='code' class='ruby'>def index @pessoas = Pessoa.find(:all) respond_to do |format| format.html # index.html.erb format.xml { render :xml => @pessoas } format.amf { render :amf => @pessoas } # <<– Acrescentar end end

Create:
def create if @is_amf @pessoa = Pessoa.new({:nome => params<a href='#fn0'>0</a>[:nome], :sobrenome => params<a href='#fn0'>0</a>[:sobrenome]}) else @pessoa = Pessoa.new(params[:pessoa]) end respond_to do |format| if @pessoa.save flash[:notice] = ‘Pessoa was successfully created.’ format.html { redirect_to(@pessoa) } format.xml { render :xml => @pessoa, :status => :created, :location => @pessoa } format.amf { render :amf => “Message Saved” } else format.html { render :action => “new” } format.xml { render :xml => @pessoa.errors, :status => :unprocessable_entity } format.amf { render :amf => @pessoa.errors } end end end

Update:
def update if <code>is_amf @pessoa = Pessoa.find(params[0][:id]) @pessoa.nome = params[0][:nome] @pessoa.sobrenome = params[0][:sobrenome] else @pessoa = Pessoa.find(params[:id]) end respond_to do |format| if @pessoa.update_attributes(params[:pessoa]) flash[:notice] = ‘Pessoa was successfully updated.’ format.html { redirect_to(</code>pessoa) } format.xml { head :ok } format.amf { render :amf => @pessoa } else format.html { render :action => “edit” } format.xml { render :xml => @pessoa.errors, :status > :unprocessable_entity } format.amf { render :amf => @pessoa.errors } end end end

Destroy:
def destroy if @is_amf @pessoa = Pessoa.find(params<a href='#fn0'>0</a>[:id]) else @pessoa = Pessoa.find(params[:id]) end @pessoa.destroy respond_to do |format| format.html { redirect_to(pessoas_url) } format.xml { head :ok } format.amf { render :amf => ‘delete’ } end end end

Voltando ao prompt de comando :

C:Estudo\cadastro>mkdir app\flex

C:Estudo\cadastro>mkdir public\bin

Essa é a parte do console e do Ruby

Vamos para o Flex

Novo projeto FLEX chamado cadastro

1ª ABA
desmarque “use default location”
coloque no campo “folder” o seguinte “C:Estudo\cadastro”
Click em NEXT

2ª ABA
coloque no campo “OutPut folder” o seguinte “public\bin”
Click em NEXT

3ª ABA
coloque no campo “Main source folder” o seguinte “app\flex”
coloque no campo “Output folder URL” o seguinte “http://localhost:3000/bin”
Click em FINISH

Criar um arquivo com o nome “services-config.xml” no mesmo diretório onde esta o arquivo cadastro.mxml

Segue o conteúdo do arquivo:
<?xml version=”1.0″ encoding=”UTF-8″?> <services-config> <services> <service class='”flex.messaging.services.RemotingService”' id='”rubyamf-flashremoting-service”' messagetypes='”flex.messaging.messages.RemotingMessage”'> <destination id='”rubyamf”'> <channels> <textarea name='code' class='ruby'><?xml version=”1.0″ encoding=”UTF-8″?> <services-config> <services> <service id=”rubyamf-flashremoting-service” class=”flex.messaging.services.RemotingService” messageTypes=”flex.messaging.messages.RemotingMessage”> <destination id='”rubyamf”'> <channels> <channel ref='”rubyamf”' /> </channels> <properties> <source>*</source> </properties> </destination> </service> </services> <channels> <channel-definition id=”rubyamf” class=”mx.messaging.channels.AMFChannel”> class=”flex.messaging.endpoints.AMFEndpoint”/> </channel-definition> </channels> </services-config>

Acesse o menu Project > Properties

selecione o item “Flex Compiler” Adicione no campo “Additional compiler arguments” o seguinte “-services services-config.xml”

Segue o conteúdo do arquivo cadastro.mxml:

<?xml version=”1.0″ encoding=”utf-8″?>
<mx:application xmlns:mx='”'><a href='http://www.adobe.com/2006/mxml”'>http://www.adobe.com/2006/mxml”</a> layout=”absolute”>

<mx:script>

<![CDATA[<![CDATA[

import mx.controls.Label;

import mx.controls.Text;

import mx.controls.Alert;

import mx.rpc.events.FaultEvent;

import mx.rpc.events.ResultEvent;

import mx.rpc.http.HTTPService;

import mx.collections.ArrayCollection;

[Bindable]

private var minhasPessoas:ArrayCollection;

//HTTP Service–

private function carregarPessoas():void {

srvPessoas.send();

}

private function httpResult(event: ResultEvent):void {

minhasPessoas = event.result.pessoas.pessoa as ArrayCollection;

}

private function httpFault(event: FaultEvent):void {

Alert.show(event.fault.message, ‘Erro do serviço http’);

}

//————–

//Remote Object–

private function onFault(event:FaultEvent):void   {

Alert.show(event.fault.faultString, “Erro”);

}

private function onResult(event:ResultEvent):void   {

Alert.show(event.message.body.toString(), ‘Resposta’);

}

private function novaPessoa():void          {

pessoaService.create.send({nome: taPessoaNome.text});

carregarPessoas();

}

private function alterarPessoa():void {

pessoaService.update.send({id: taPessoaCodigo.text, nome:taPessoaNome.text});

carregarPessoas();

}

private function apagarpessoa():void {

pessoaService.destroy.send({id: taPessoaCodigo.text});

carregarPessoas();

}

//—————

</mx:script>

<mx:binding destination='”taPessoaNome.text”' source='”lstPessoas.selectedItem.nome”' />
 <mx:binding destination='”taPessoaCodigo.text”' source='”lstPessoas.selectedItem.id”' /> 
 <mx:remoteobject destination='”rubyamf”' id='”pessoaService”' fault='”onFault(event)”' source='”PessoasController”'>

<mx:method result='”onResult(event)”' name='”update”' />

<mx:method result='”onResult(event)”' name='”create”' />

<mx:method result='”onResult(event)”' name='”destroy”' />

</mx:remoteobject>

<mx:httpservice url='”' id='”srvPessoas”'><a href='http://localhost:3000/pessoas.xml”'>http://localhost:3000/pessoas.xml”</a>

result=”httpResult(event)”

fault=”httpFault(event)”               />

<mx:list x='”10″' y='”40″' id='”lstPessoas”' height='”162″' dataprovider='”{minhasPessoas}”' labelfield='”nome”' width='”187″'>

</mx:list>

<mx:button label='”Carregar”' x='”10″' y='”10″' id='”btCarregar”' click='”carregarPessoas()”' />

<mx:textarea x='”63″' y='”234″' id='”taPessoaCodigo”' height='”23″' width='”45″' />

<mx:label x='”20″' y='”235″' text='”Código”' />

<mx:label x='”20″' y='”266″' text='”Nome”' />

<mx:textarea x='”63″' y='”265″' id='”taPessoaNome”' height='”23″' width='”119″' />

<mx:canvas x='”10″' y='”224″' height='”110″' width='”187″'>

<mx:button label='”+”' x='”10″' y='”78″' id='”btNovo”' click='”novaPessoa()”' />

<mx:button label='”-”' x='”61″' y='”78″' id='”btExcluir”' click='”apagarpessoa()”' />

<mx:button label='”Alterar”' x='”112″' y='”78″' id='”btAlterar”' click='”alterarPessoa()”' />

</mx:canvas>

</mx:application>

Depois é só executar seu projeto no flex e pronto

o post original está:

Tequel’Blog