Accedit a un webservice des de windows phone
Bé, per fi les meues obligacions m'han deixat un ratet per fer el que volia fer fa molt de temps, una aplicació de windows phone que accedira al webservice qeu vam crear en node.js farà mig any. No vaig a entrar en com s'instal·la el sdk per què és abaixar un downloader de la web de microsoft i ja està. A més, el sdk és gratuït, et baixa la versió de Visual Studio 2010 Express (gratuïta) i tot.
La idea era, quan s'aprete un botó, connectar-se a un webservice, que ens retornarà un xml, processar-lo i mostrar-lo en un grid ;) Ha segut ben farragós, per què programar per a dispositius mòbils no és com programar en escriptori, però ha estat divertit... ;) Anem per feina. Primer de tot l'aspecte visual, afegirem un botó i un grid:
Ara anem a programar que farà el botó, ja què obtindre un xml remot, no és difícil, però tampoc és tant fàcil com pareix, ja què windows phone no permet les connexions sincrones, i per tant hem de posar un handler per a quan es complete la descàrrega:
private void button1_Click(object sender, RoutedEventArgs e)
{
WebClient wc = new WebClient();
wc.DownloadStringCompleted += HttpCompleted; //funció que es cridarà quan es connecte l'event
wc.DownloadStringAsync(new Uri("http://192.168.2.120:1000/"));
}
Ara, si no hi ha error, en la funció HttpCompleted realitzarem les accions pertinents. Com necessitarem suport XML, haurem d'afegir al projecte les referencies System.XML.Linq manualment (Project->Add Reference, marquem System.XML.Linq) i així podrem posar using System.XML.Linq al projecte:
private void HttpCompleted(object sender, DownloadStringCompletedEventArgs e)
{
if (e.Error == null)
{
...
}
}
Ara anem a completar el handler amb el procés de l'xml i del grid, que també ha tingut tela... Si no recordeu l'estructura de l'xml, vos recomane visitar els articles anterior, per exemple este fet en delphi:
int nrows,i = 0;//variables auxiliars
int ncols = 4; //id,nom,classe, nivell
XDocument xdoc = XDocument.Parse(e.Result, LoadOptions.None);
XElement xele = xdoc.Elements("xml").First();
xele = xele.Elements("resposta").First();
xele = xele.Elements("personatges").First();//naveguem per l'xml
nrows = xele.Elements("personatge").Count(); //obtenim les files
I ara afegirem les columnes, millor dit les definicions de les columnes, per a cada columna haurem d'afegir una definició manualment i per a les files, el mateix. Es pot fer en temps d'edició, però se suposa que no sabem ni quantes files ni quantes columnes (bé, en este cas, si que sabem el nombre de columnes) pot tindre la resposta.
for (i = 0; i < ncols; i++)
{
ColumnDefinition col = new ColumnDefinition();
grid1.ColumnDefinitions.Add(col);
}
I ara, recorreguem tots els personatges de la resposta amb un foreach i creem una fila, la fila serà un conjunt de components TextBlock, que caldrà afegir-los al grid, i després posar-li fila i columna amb el mètode estàtic (de classe) SetColumn i setRow:
i = 0; //comptador de files
foreach (XElement ele in xele.Elements("personatge")){ //naveguem pels personatges
TextBlock id = new TextBlock();
TextBlock nom = new TextBlock();
TextBlock nivell = new TextBlock();
TextBlock classe = new TextBlock();
RowDefinition rowDef1 = new RowDefinition();
id.Text = ele.Elements("id").First().Value; //obtenim els valors del node actual
nom.Text = ele.Elements("nom").First().Value;
classe.Text = ele.Elements("classe").First().Value;
nivell.Text = ele.Elements("nivell").First().Value;
grid1.RowDefinitions.Add(rowDef1); //afegim fila
grid1.Children.Add(id); //afegim els TextBlock creats al grid
grid1.Children.Add(nom);
grid1.Children.Add(nivell);
grid1.Children.Add(classe);
Grid.SetColumn(id, 0); //Posem Columna
Grid.SetColumn(nom, 1);
Grid.SetColumn(classe, 2);
Grid.SetColumn(nivell, 3);
Grid.SetRow(id, i); //posem Fila
Grid.SetRow(nom, i);
Grid.SetRow(classe, i);
Grid.SetRow(nivell, i);
i++; //incrementem el comptador de Files
}
I obtindrem el següent resultat:
A banda de la utilitat que pot tindre per realitzar aplicacions que funcionen en tots els mòvils (no sempre és viable fer versió web i que esta s'acoble a tots els terminals), també és l'única manera que he trobat de poder accedir a servidors de bases de dades des de dispositius mòbils, ja que, habitualment els sdk no disposen de drivers per connectar directament. Per tant, la única solució (que se m'ha ocorregut, poden haver més), és posar un servidor entre mig que puga accedir-hi. De fet, és l'aplicació que he pensat d'accés a mysql, a veure si em dona i adquirisc llicència de programador per distribuïr aplicacions ;)
La idea era, quan s'aprete un botó, connectar-se a un webservice, que ens retornarà un xml, processar-lo i mostrar-lo en un grid ;) Ha segut ben farragós, per què programar per a dispositius mòbils no és com programar en escriptori, però ha estat divertit... ;) Anem per feina. Primer de tot l'aspecte visual, afegirem un botó i un grid:
Ara anem a programar que farà el botó, ja què obtindre un xml remot, no és difícil, però tampoc és tant fàcil com pareix, ja què windows phone no permet les connexions sincrones, i per tant hem de posar un handler per a quan es complete la descàrrega:
private void button1_Click(object sender, RoutedEventArgs e)
{
WebClient wc = new WebClient();
wc.DownloadStringCompleted += HttpCompleted; //funció que es cridarà quan es connecte l'event
wc.DownloadStringAsync(new Uri("http://192.168.2.120:1000/"));
}
Ara, si no hi ha error, en la funció HttpCompleted realitzarem les accions pertinents. Com necessitarem suport XML, haurem d'afegir al projecte les referencies System.XML.Linq manualment (Project->Add Reference, marquem System.XML.Linq) i així podrem posar using System.XML.Linq al projecte:
private void HttpCompleted(object sender, DownloadStringCompletedEventArgs e)
{
if (e.Error == null)
{
...
}
}
Ara anem a completar el handler amb el procés de l'xml i del grid, que també ha tingut tela... Si no recordeu l'estructura de l'xml, vos recomane visitar els articles anterior, per exemple este fet en delphi:
int nrows,i = 0;//variables auxiliars
int ncols = 4; //id,nom,classe, nivell
XDocument xdoc = XDocument.Parse(e.Result, LoadOptions.None);
XElement xele = xdoc.Elements("xml").First();
xele = xele.Elements("resposta").First();
xele = xele.Elements("personatges").First();//naveguem per l'xml
nrows = xele.Elements("personatge").Count(); //obtenim les files
I ara afegirem les columnes, millor dit les definicions de les columnes, per a cada columna haurem d'afegir una definició manualment i per a les files, el mateix. Es pot fer en temps d'edició, però se suposa que no sabem ni quantes files ni quantes columnes (bé, en este cas, si que sabem el nombre de columnes) pot tindre la resposta.
for (i = 0; i < ncols; i++)
{
ColumnDefinition col = new ColumnDefinition();
grid1.ColumnDefinitions.Add(col);
}
I ara, recorreguem tots els personatges de la resposta amb un foreach i creem una fila, la fila serà un conjunt de components TextBlock, que caldrà afegir-los al grid, i després posar-li fila i columna amb el mètode estàtic (de classe) SetColumn i setRow:
i = 0; //comptador de files
foreach (XElement ele in xele.Elements("personatge")){ //naveguem pels personatges
TextBlock id = new TextBlock();
TextBlock nom = new TextBlock();
TextBlock nivell = new TextBlock();
TextBlock classe = new TextBlock();
RowDefinition rowDef1 = new RowDefinition();
id.Text = ele.Elements("id").First().Value; //obtenim els valors del node actual
nom.Text = ele.Elements("nom").First().Value;
classe.Text = ele.Elements("classe").First().Value;
nivell.Text = ele.Elements("nivell").First().Value;
grid1.RowDefinitions.Add(rowDef1); //afegim fila
grid1.Children.Add(id); //afegim els TextBlock creats al grid
grid1.Children.Add(nom);
grid1.Children.Add(nivell);
grid1.Children.Add(classe);
Grid.SetColumn(id, 0); //Posem Columna
Grid.SetColumn(nom, 1);
Grid.SetColumn(classe, 2);
Grid.SetColumn(nivell, 3);
Grid.SetRow(id, i); //posem Fila
Grid.SetRow(nom, i);
Grid.SetRow(classe, i);
Grid.SetRow(nivell, i);
i++; //incrementem el comptador de Files
}
I obtindrem el següent resultat:
A banda de la utilitat que pot tindre per realitzar aplicacions que funcionen en tots els mòvils (no sempre és viable fer versió web i que esta s'acoble a tots els terminals), també és l'única manera que he trobat de poder accedir a servidors de bases de dades des de dispositius mòbils, ja que, habitualment els sdk no disposen de drivers per connectar directament. Per tant, la única solució (que se m'ha ocorregut, poden haver més), és posar un servidor entre mig que puga accedir-hi. De fet, és l'aplicació que he pensat d'accés a mysql, a veure si em dona i adquirisc llicència de programador per distribuïr aplicacions ;)
Comentaris
Publica un comentari a l'entrada