Passa al contingut principal

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 ;)

Comentaris

Entrades populars d'aquest blog

TDDs + reutilització d'objectes en Visual Studio 2012

Doncs això, mai m'he mostrat partidari de cap metodologia de programació, ni tan sols de la programació orientada a objectes... però deu ser que em faig major ;) Anem a matar en un post dos pardals d'un tir. Anem a gastar una de les bases de les metodologies àgils (en realitat no té per què, es pot emprar en qualsevol metodologia) i anem a començar a veure com fer codi "multiplataforma". Anem a gastar Visual Studio 2012. Creem una solució de Portable Class Library (en C#): Creem una nova classe, Dau: namespace RollDice {     public class Dau     {     } Sense cap mètode. Per què sense cap mètode? Ahí està la gràcia dels TDD (Test Driven Development, Desenvolupament Orientat a Test). Anirem omplint la classe segons fallen els tests. Ara anem a afegir una nova solució, què serà de test c#: Ens crearà una classe de test buida, li canviarem el namespace per a que siga el mateix que la classe dau: [TestClass]     public class testDau     {          [TestMethod

Reciclant un vell portàtil (i 3)

O també podria titular-se, la primera aplicació en Android. Crec que vaig a deixar d'intentar reciclar este ordinador, no pot amb l'eclipse, he intentat fer esta aplicació i m'ha costat déu i ajuda. Provaré a fer coses que necessiten entorn gràfic en un altre ordinador. Quan comence la part de servidor, si que podré gastar-lo de nou, ja que node.js (Recomanat pel meu amic Jaume) és molt lleuger, i amb la llibreta que duu windows es podrà fer els programes de sobra ;). Bo, la primera aplicació l'he modificada un poc de l'anterior (l'aspecte), i l'he deixat com en la figura. Simplement he posat un botó, i dos textView. No vaig a entrar en detalls de com es fa, de posar noms adients ni res per l'estil, ja que és una aplicació menuda i de prova. l'objectiu serà que en el textView2 (que no es veu, està davall del textView1) aparega un missatge "has apretat el botó" en el moment que apretes el botó. Anirem al fitxer principal en java, en el

Google no és programari lliure

Duc des de ni sé els anys treballant en Linux. De fet, vaig passar de MS-DOS a Linux sense passar per windows 95. Només he gastat windows (ho he de confessar)per a jugar, i farà un any, el windows 8. No m'ha agradat i ara he tornat a Linux. Valga esta confessió personal per explicar el meu dubte existencial. Hi ha molta gent que critica Apple o Microsoft i diu que l'alternativa és Android , i es compra un Samung, per exemple. M'he parat a pensa-ho i pràcticament és el mateix. Android pot ser bastat en Linux i tinga bona part de codi obert, però hi ha una part que no. I el núvol de Google és completament tancat (algú té el codi del buscador o de gmail?). En general (i a no ser que instal·lem alguna rom on tot siga lliure), és un poc més lliure que ios (Darwin, el codi font del kernel d'ios, és de codi obert, el que és tancat és la seua interfície). És a dir que els serveis que proporcionen les tres companyies (buscador, correu, núvol...) són igual de tancats (i estan sig