learnmore-api

REST API no Xamarin.Forms

Nesse post iremos dar Get em uma Rest Api e utilizar o componente ListView que aprendemos no Post anterior

A semana começando, todo mundo já descansou e agora vamos continuar estudando um pouco 😀

Ontem mostrei um pouco de como trabalhar com o componente ListView e disse que no nosso próximo post sobre nos iríamos mexer com acesso a um Web Service Rest, no caso uma WebApi do .NET, mas pensei melhor e decidi fazer a busca de contatos no SmartPhone em vez de usar uma busca externa.

Aqui iremos ver conceitos de funções assíncronas, iremos aprender a trabalhar na Thread Principal e em como manter o Aplicativo funcionando em quanto outras threads são executadas.

Fiquei pensando muito em qual Api usar, busquei várias API’s que não necessitassem de um Token nem Registro e acabei encontrando o Fifa Guide, que possui algumas coisas legais. A DataBase deles é do FIFA 2014 :)

Aqui temos o manual da Rest Api deles

http://tools.fifaguide.com/develop.php

Preparando Nosso Projeto

Após criamos uma nova Solution do tipo Xamarin.Forms Portable, que darei o nome de FifaGuide, vamos abrir o NuGet e buscar pela Libs : MICROSOFT.NET.HTTP e NEWTONSOFT.JSON

Lembre-se de adiciona-la no projeto principal, o (Portable).

Para abrir o Nuget no Xamarin Studio (No Visual Studio basta clicar com o botão direito no projeto e clicar em Manage NuGet Packages)

Criando acesso a Rest Api

No projeto principal, adicione duas Pastas, Uma chamada Models e outra chamada Services.

Adicione uma classe chama ApiCall na pasta Services e implemente da seguinte forma:

Vamos fazer a busca dos 10 melhores jogadores por atributo, usando a seguinte url

http://tools.fifaguide.com/api/topten/+ATRIBUTO

Os Atributos disponíveis são:

Pace, dribbling, shooting, defending, heading, passing, height, rating, sales.

Para isso, vamos montar uma classe chamada Jogadores na pasta Models implementada da seguinte forma

Ela será usada como objeto de destino para os resultados do Json da API.

Agora vamos adicionar uma pasta chamada Views e Adicione um novo item do tipo Forms Xaml Page como o Nome “Ranking”. Aproveite e altere na classe App o valor da MainPage para

MainPage = new Ranking();

Assim como fizemos no tutorial anterior, iremos criar uma ListView com alguns Componentes e Mostra-los na Tela, o Xaml ficara assim:

No nosso Código que ira manipular essa tela, precisamos iniciar a Busca na Api e colocar o resultado na Tela. Ele deve ficar dessa forma:

E Pronto, fizemos uma comunicação utilizando HttpClient e convertemos o resultado Json para uma classe utilizando o JsonConvert da lib Newtonsoft.Json.

Segue o GitHub : FifaGuide

Existem outras formas de comunicação, uma das mais famosas é utilizando o RestSharp.

Irei demonstrar como ele funciona em uma aproxima oportunidade

Irei criar um post com boas praticas para manter a usabilidade do aplicativo em quanto o mesmo faz requisições assíncronas.

Até breve 😀

REST API no Xamarin.Forms 5.00/5 (100.00%) 1 voto

Rafael Moura

Desenvolvedor .NET, mais de 5 anos de experiência, apaixonado por tecnologia, Xamarin Student Partner Regional Lead Central/South America, Xamarin Comunity Speaker, Xamarin Certified Mobile Developer e Windows Phone Developer.

4 comentários em “REST API no Xamarin.Forms

Deixe uma resposta

O seu endereço de email não será publicado Campos obrigatórios são marcados *

%d blogueiros gostam disto: