27/11/2015

DataSnap:Transfernciadedadosentreaplicaescliente/servidor

www.devmedia.com.br
[versoparaimpresso]
Linkoriginal:http://www.devmedia.com.br/articles/viewcomp.asp?comp=27020

DataSnap: Transferncia de
dados entre aplicaes
cliente/servidor
Veja neste artigo como transferir dados simples (String,
Integer, Boolean) entre aplicaes Cliente/Servidor
utilizando DataSnap no Delphi.

Introduo
Comaevoluodeaplicaesemtrscamadas,cadavezmaissetemanecessidade
detransferirdadosentreaplicaes,principalmentecomaevoluorpidados
dispositivosmveisquetrouxeumacomplexidadeamais,devidoasuadiversificao
deplataformaselinguagensqueasmesmasutilizam.Hojequemnoseadequara
essarealidade,ficaultrapassadonomercado.
Masmuitospodemseperguntar:Comotrocaressasinformaesentreasaplicaes
desenvolvidasemoutraslinguagens?Essaperguntanosimpeaumatomadade
deciso.Poistemosbasicamentedoistiposouformatosprincipaisdeintercmbiode
dados,JSONeXML.Masqualomelhorformatoparaseencapsularosdados?Vamos
analisaressesdoisformatosparatomarmosamelhordeciso.
Vamostransferirduasinformaesdetrspessoasparaumaaplicaocliente
qualquer,cujaessasinformaesseriam:NomeeIdade.
Pessoa01Nome:WelsonPlay,Idade:19
Pessoa02Nome:Stephanie,Idade:15

http://www.devmedia.com.br/articles/viewcomp_forprint.asp?comp=27020

1/16

27/11/2015

DataSnap:Transfernciadedadosentreaplicaescliente/servidor

Pessoa03Nome:JooPedro,Idade:17
VamosencapsularprimeiramenteessesdadosemXMLparavermoscomoficaria:
Listagem1:FormataoemXML
<?xmlversion="1.0"encoding="ISO88591"?>
<Pessoas>

<Nome>WelsonPlay</Nome>

<Idade>19</Idade>

<Nome>Stephanie</Nome>

<Idade>15</Idade>

<Nome>JooPedro</Nome>

<Idade>17</Idade>

</Pessoas>

Agoravamosvercomosoencapsuladasasmesmasinformaes,squeagora
usandoJSON:
Listagem2:FormataoemJSON
{"Pessoas":[

{"Nome":"WelsonPlay","Idade":19},

{"Nome":"Stephanie","Idade":15},

{"Nome":"JooPedro","Idade":17}

Comopodemosver,aformataoemJSONbemmaissimplesdelermose
consequentementevaificarmuitomaisfcilparaamquinainterpretar,epoderser
atmaisrpidoparatransferirasinformaes.Entojpodemosconcluirquevamos
utilizarJSONparaointercmbiodosdados.

Prtica
VamosiniciarumnovoprojetoDataSnaputilizandooDelphiXE2,masquemtiveras
versesdoDelphi2010emdianteprovavelmentenoterqualquerproblemapara
acompanharesteartigo.
Vamosem:FileNewOther

http://www.devmedia.com.br/articles/viewcomp_forprint.asp?comp=27020

2/16

27/11/2015

DataSnap:Transfernciadedadosentreaplicaescliente/servidor

Figura1:IniciandoumnovoProjeto
VamoscriarumnovoprojetocomowizaddoDataSnapqueestnapastaDataSnap
Server.CliquenaopoDataSnapServeredepoisemOk.Serabertoowizardonde
vamospassarasinformaesbsicasdefuncionamentodoservidor.

http://www.devmedia.com.br/articles/viewcomp_forprint.asp?comp=27020

3/16

27/11/2015

DataSnap:Transfernciadedadosentreaplicaescliente/servidor

Figura2:SelecionandooprojetoDataSnap
Observao:Noveremosemdetalhessobrecadaopoquetemnowizard,poisesse
noofocodesseartigo.
NaprimeirapartedowizardvamosescolherVCLFormsApplications.Comomostraa
figura3.

http://www.devmedia.com.br/articles/viewcomp_forprint.asp?comp=27020

4/16

27/11/2015

DataSnap:Transfernciadedadosentreaplicaescliente/servidor

Figura3:Etapa1de4naconfiguraodoServidor
CliqueemNext.
Naprximaetapadeixeopadroenaetapa3/4,selecioneumaportaqualquer.Nesse
exemplofoiescolhidaa8565.

http://www.devmedia.com.br/articles/viewcomp_forprint.asp?comp=27020

5/16

27/11/2015

DataSnap:Transfernciadedadosentreaplicaescliente/servidor

Figura4:Etapa3de4naconfiguraodoServidor
ClickemNext.Naetapa4/4deixecomoestecliqueemFinish.
Pronto.Jfoicriadoonossoprojeto.Foicriadopelowizardumform,umServer
MethoddeexemploeumServerContainer.
Parafacilitarodesenvolvimentoforamrenomeadasasunitsdaseguinteforma:
Antigonome

NovoNome

Form1

UFViewPrincipal

ServerMethodsUnit

USMMetodos

ServerContainerUnit

USCServidor

Tabela1:Nomesdasunitsdoprojeto

http://www.devmedia.com.br/articles/viewcomp_forprint.asp?comp=27020

6/16

27/11/2015

DataSnap:Transfernciadedadosentreaplicaescliente/servidor

VamoscriarummtodochamadofOlaMundonaunitUSMMetodoscomomostraa
listagem3.
Listagem3:PrimeiromtododetransfernciadedadosentreCliente/Servidor
{$METHODINFOON}
TSMMetodos=class(TComponent)
private
{Privatedeclarations}
public
{Publicdeclarations}
functionEchoString(Value:string):string;
functionReverseString(Value:string):string;
functionfAloMundo:TJSONValue;
end;
{$METHODINFOOFF}

NestemtodoserretornadoumstringsimplescomamensagemAlMundo.
Aimplementaodessemtodobemsimplescomomostraalistagem4,criandoum
objetodotipoTJSONStringepassadoostringAlmundo.
Listagem4:ImplementaodomtodofAloMundo
functionTSMMetodos.fAloMundo:TJSONValue;
begin
Result:=TJSONString.Create('Alomundo')
end;

Observao:ParautilizaraclasseTJSONStringdeveseadicionaraunitData.DBXJSON
paraversesdoDelphiXE2esuperiores,nasdemaisversesdeveseadicionaraUnit
DBXJSON.
VamosagoraadicionarumaaplicaoclienteselecionandooGrupoedepoiscomo
botodireitoselecionandoAddNewProject(Figura5).SelecionarapastaDelphi
ProjectedepoisclicaduasvezesemVCLFormsApplication,comomostraaFigura6.

http://www.devmedia.com.br/articles/viewcomp_forprint.asp?comp=27020

7/16

27/11/2015

DataSnap:Transfernciadedadosentreaplicaescliente/servidor

Figura5:Adicionandoumprojetocliente

Figura6:AdicionandoumaaplicaoCliente

http://www.devmedia.com.br/articles/viewcomp_forprint.asp?comp=27020

8/16

27/11/2015

DataSnap:Transfernciadedadosentreaplicaescliente/servidor

ComoprojetojcriadovamosrenomearaunitdoFormparaUFViewPrincipaleonome
doformparaFViewPrincipal.
VamosAdicionarumTMemo,umTButtoneumaTSQLConnectionaoformevamos
renomearcomomostraaTabela2.
Nomedaclasse

NovoNome

TMemo

MJSON

TButton

BGet

TSQLConnection

SQLCServidor

Tabela2:Nomesdoscomponenetes
OrganizesuatelaparaquefiqueparecidocomaFigura7.

Figura7:Organizaodatela
VamosfazerasdevidasconfiguraesparaqueoSQLCServidorpossaseconectarcom
aaplicaoservidor.
Observao:NoentraremosemdetalhessobrecadapropriedadedoTSQLConnection,
poisessenoofocodoartigo.
VamosconfiguraraTSQLConnectionsegundoaTabela3.
Propriedade

NovoValor

Drive

Datasnap

http://www.devmedia.com.br/articles/viewcomp_forprint.asp?comp=27020

9/16

27/11/2015

DataSnap:Transfernciadedadosentreaplicaescliente/servidor

Port

8565

Tabela3:ConfigurandoaspropriedadesdoTSQLConnection
CliquecomobotodireitonoSQLCServidoreemGenerateDataSnapclientclasses
comomostraaFigura8.

Figura8:GerandoClasseProxy

http://www.devmedia.com.br/articles/viewcomp_forprint.asp?comp=27020

10/16

27/11/2015

DataSnap:Transfernciadedadosentreaplicaescliente/servidor

Pronto.SergeradaumaclasseProxyresponsvelporseconectarcomoservidor.
RenomeieaunitparaUProxy.VamosagoraimplementarobotoBGetcomomostraa
Figura13.
AimplementaodoeventoclickdoTButtonBGetbemsimplescomomostraa
imagemabaixo.
Listagem5:ImplementaodoTButtonBGet
procedureTFViewPrincipal.BGetClick(Sender:TObject);
varoProxy:TSMMetodosClient;//Classequerepresentameuservermoduledoservidor
begin
oProxy:=TSMMetodosClient.Create(SQLCServidor.DBXConnection);//CriandooObjetoProxy
try
MJSON.Text:=oProxy.fAloMundo.ToString;//ExecutandoafunofAloMundodoServidor
finally
oProxy.Free;//liberandooObjetoProxydamemria
end;
end;

Porpadro,aogeraroproxynoTSQLConnection,geradaumaclassenoladocliente
querepresentaasclassesquevoserconsumidanoladoclientecomomesmonome
daclassedoservidorconcatenadocomClient.
NaListagem5estsendodeclaradaumavariveldaclasserepresentativadaqueeu
vamosexecutarnoservidor.Emseguidaestsendocriadoonossoobjetoproxy,para
oqualpassadonoconstructoroDBXConnection.Esseobjetofuncionacomoo
endereodoservidor.Comoproxyjcriadobastachamaromtododoservidor,que
nonossocasoomtodofAloMundo,ondeomesmoretornaumtipoabstratodotipo
TJSONValueoqualpossuiummtodochamadoToStringqueconverteoobjetoem
JSONparastring.
Agoravamostestaroprograma.OseuresultadodeveserparecidocomodaFigura9
quandoforclicadonoTButtonBGet.

http://www.devmedia.com.br/articles/viewcomp_forprint.asp?comp=27020

11/16

27/11/2015

DataSnap:Transfernciadedadosentreaplicaescliente/servidor

Figura9:ResultadodomtodofAloMundo
AgoravamosvoltarparaoservidorevamoscriarumnovomtodochamadofSomar,
conformeaListagem6.
Listagem6:DeclaraodomtodofSomar
public
{Publicdeclarations}
functionEchoString(Value:string):string;
functionReverseString(Value:string):string;
functionfAloMundo:TJSONValue;
functionfSomar(constpValor1,pValor2:Integer):TJSONNumber;
end;

AgoravamosimplementaromesmocomonaListagem7:
Listagem7:ImplementaodoMtodofSomar
functionTSMMetodos.fSomar(constpValor1,pValor2:Integer):TJSONNumber;
variSoma:Integer;
begin
iSoma:=pValor1+pValor2;
Result:=TJSONNumber.Create(iSoma);
end;

Suaimplementaodispensagrandescomentrios,poissuaimplementaobastante
simples.Estosendosomadosdoisvaloreseemseguidapassadoparaoconstructor
doTJSONNumberoresultadodessasoma.

http://www.devmedia.com.br/articles/viewcomp_forprint.asp?comp=27020

12/16

27/11/2015

DataSnap:Transfernciadedadosentreaplicaescliente/servidor

AgoravamosparaoladoClienteevamosadicionarumnovoboto.Cujasua
implementaoestlogoabaixonaListagem8.
Listagem8:ImplementaodoTButtonfSomar
procedureTFViewPrincipal.BSomarClick(Sender:TObject);
varoProxy:TSMMetodosClient;//Classequerepresentameuservermoduledoservidor
begin
oProxy:=TSMMetodosClient.Create(SQLCServidor.DBXConnection);//CriandooObjetoProxy
try
MJSON.Text:=oProxy.fSomar(10,20).ToString;//ExecutandoafunofSomardoServidor
finally
oProxy.Free;//liberandooObjetoProxydamemria
end;
end;

AimplementaodoTButtonBSomarbemparecidacomadoTButtonBGete
dispensacomentrios,poisocdigofalaporsis.
AgoravamostestareverificaroResultado.OResultadodeveserparecidocomada
figura10.

Figura10:ResultadodafunofSomar
Comofoivistonosexemplosanteriores,noexistecomplicaoparatrafegartipos
primitivosentreaplicaescliente/Servidor.Tenteporsimesmodescobriro
funcionamentodosoutrostiposdeobjetosJSON,comooTJSONTrue,TJSONFalse,
TJSONArray,etc.

http://www.devmedia.com.br/articles/viewcomp_forprint.asp?comp=27020

13/16

27/11/2015

DataSnap:Transfernciadedadosentreaplicaescliente/servidor

Obs.:Valeressaltarqueoobjetivodesseartigoatransfernciadessasinformaes
entreaplicaesClient/Servidorenodeseaprofundaremcadatipo.
Agoravamosconsumiressemesmoservidornobrowserparasimularumambiente
hbrido.Parapoderconsumironossoservidornobrowservamosterqueadicionaro
suporteparaHTTPnomesmo.Paraissobastaadicionarocomponente
TDSHTTPServiceeefetuarasseguintesconfiguraesconformeaTabela4:
Propriedade

NovoValor

Server

DSServer1

HttpPort

1234

Tabela5:PropriedadesdocomponenteTDSHTTPService
VamosexecutaroservidornovamenteedigitaraseguinteURLnobrowserdesua
preferncia:http://localhost:1234/datasnap/rest/TSMMetodos/fAlomundo.
OResultadodeveserparecidocom:

Figura11:ResultadodomtodofAloMundo
IP:IPdaMquinaondeestexecutandooservidor.
Porta:aportaescolhidanopropriedadeHttpPortdocomponente
TDSHttpService.
Context:Sempredeveteressecontexto.
Classe:Nomedaclassedoservidoremquesequerconsumiromtodo.
Mtodo:Mtododaclassedoservidorpassadaanteriormenteemquesequer
consumir.
AgoravamosexecutaromtodofSomar.VamosescreverpraticamenteamesmaURL,
mascomadiferenaquevamosterquemudaromtodoparafSomaretemosque
passarosdoisparmetros:
http://localhost:1234/datasnap/rest/TSMMetodos/fSomar/10/30.
OResultadodeveserparecidocom:

http://www.devmedia.com.br/articles/viewcomp_forprint.asp?comp=27020

14/16

27/11/2015

DataSnap:Transfernciadedadosentreaplicaescliente/servidor

Figura12:ResultadodomtodofSomar
NoexisteanecessidadedoretornodosmtodosserememJSON,poisoDataSnap
porpadrojfazesseencapsulamentodostipos,notendoanecessidadedos
retornosserememJSON,jqueinternamenteessevaloresjsoconvertidos.
Aprovadissoqueosmtodosdeexemplosquejforamcriadospelowizardno
retornamosvalorespropriamenteemJSON,masseelesforemserconsumidosno
browser,osresultadosdosmtodosestaroencapsuladosemJSON.
VamosconsumiromtodoReverseStringparaexemplificaroquefoidito
anteriormente.ParaissodigiteaseguinteURLnobrowserevamosverificaro
resultadoemquesto:
http://localhost:1234/datasnap/rest/TSMMetodos/ReverseString/Welson
LembrandoqueoResultdomtodoReverseStringnoestemJSON,eleretornaum
tipoprimitivodoprprioDelphi.
OresultadoobtidodeveserparecidocomodaFigura13.

Figura13:ResultadodomtodofAloMundo

http://www.devmedia.com.br/articles/viewcomp_forprint.asp?comp=27020

15/16

27/11/2015

DataSnap:Transfernciadedadosentreaplicaescliente/servidor

Comofoivisto,oresultadodomtodofoidadoemJSON,eissoaconteceporqueo
DataSnaptemacapacidadedefazeressaconversointernamente,emaisumavezo
Delphientraemcenaparafacilitaravidadosdesenvolvedores.

Concluso
Comofoivistonesseartigointrodutrio,nocomplicadorealizaratrocade
informaesentreaplicaesCliente/Servidor.Comessesconceitosqueforam
apresentadosnesseartigojpodemosterumabaseparaodesenvolvimentode
aplicaeshbridasecomofoivisto,noexisteanecessitadetermuitoconhecimento
dostiposemJSON,poisoDataSnapjfazessaconversointernamente.Masclaro
quesemprebomconheceroqueacontecenosbastidoresefoiporissoqueneste
artigofoimostradoprimeiramenteoqueaconteceinternamente,comooDataSnap
trataessesdadosesentofoiexplicadoqueoDelphijfaztudoissointernamente.
Ficamosporaqui,efiquemlivresparaescrevercomentrios,crticasesugestespara
novosartigos.FiquemcomDeus.

WelsonPlay
SouDesenvolvedor.neteDelphimaisdequatroanosepossuoascertificaesMCSDWebDevelopinge
DelphiDeveloper,trabalhoatualmentenodesenvolvimentodesistemaswebutilizandooASP.NETMVCna
LanlinkInformtica.

http://www.devmedia.com.br/articles/viewcomp_forprint.asp?comp=27020

16/16