azure-mobile-services-banner

Introdução – Azure Mobile Apps

Olá, meu nome é Lucas Tomaz e sou um dos novos autores do blog da Studyxnet, e hoje vou falar sobre o uso das Easy Tables do Azure Mobile Apps que estão disponíveis no Portal Azure. Com esse recurso, iremos criar um aplicativo para inserir e listar dados de um cliente de forma fácil.

Criando um Azure Mobile App

Então vamos lá! Faça login na sua conta do Azure se já possuir, ou cadastre-se pelo link https://azure.microsoft.com/pt-br/free/.

Irei utilizar o Visual Studio Community 2015, que pode ser baixado aqui.

Abra o seu Portal Azure, clique em Novo > Web + Celular > Mobile App

 

passo1

 

O mobile app é uma estrutura de serviços dentro do Azure especializado em ambientes mobile.

Agora precisamos configurar o serviço.
Deixe os campos preenchidos como na imagem abaixo, trocando apenas o nome por um de sua preferência.

 

passo2

 

Selecione Fixar no Painel, cliquem em Criar e aguarde até que a implantação esteja finalizada.

O portal irá te direcionar para a página da aplicação. Caso não ocorra, clique em Todos os Recursos > stxapp (Serviço de Aplicativo).

 

passo3

 

Em Configurações, clique em Conexões de Dados > Add.

 

passo4

 

Para criar o banco de dados, clique em SQL Database (Definir configurações necessárias)
Depois clique em Criar um novo banco de dados. Defina um nome para o banco e clique em Servidor.
Escolha um nome para seu servidor, o usuário de logon, a senha e clique em Ok.

 

passo5

 

Clique em Ok novamente nas próximas telas e aguarde a criação da conexão de dados.

Volte em Configurações e clique em Tabelas Fáceis (Easy Tables) > clique na Caixa Azul (como na imagem)

 

passo6

 

Marque a caixa de seleção, clique em Initialize App e aguarde novamente a inicialização do serviço.

 

passo7

 

Agora vamos criar uma tabela para nosso banco de dados.
Volte em Tabelas Fáceis (nas Configurações) e clique em Add.
Digite o nome da tabela e defina as permissões como na imagem abaixo.
Clique em Ok e aguarde a criação da tabela.

 

passo8

 

Pronto, nosso banco de dados já está criado e rodando. Vamos ao app agora.

Xamarin.Forms e Azure MobileServices

Crie um novo projeto no Visual Studio ou Xamarin Studio.
Selecione Blank App (Xamarin.Forms Portable)

passo9

 

Com a solução criada, iremos adicionar os pacotes que serão utilizados.
Clique com o botão direito na solução > Manage NuGet Packages for Solution.
Pesquise por “azure mobile sqlitestore”, selecione todos os projetos e clique em Install.

 

passo11

 

Aguarde até que todos os pacotes estejam instalados.

A seguir, iremos inicializar o Mobile Azure Service adicionando as seguintes linhas de código, de acordo com a plataforma.

iOS – Abra o AppDelegate.cs
Microsoft.WindowsAzure.MobileServices.CurrentPlatform.Init();
SQLitePCL.CurrentPlatform.Init();

 

Android – Abra o MainActivity.cs
Microsoft.WindowsAzure.MobileServices.CurrentPlatform.Init();
Agora iremos criar a camada de Dados e a Conexão com o serviço.
Para isso, crie uma pasta com o nome de Data e adicione as classes AzureServices.cs tbl_Cliente.cs
passo13
Na classe Cliente (tbl_Cliente.cs) iremos definir as colunas da tabela. Deixe como na imagem abaixo:
Agora vá à classe AzureServices.cs e adicione as seguintes linhas de código:
Criamos o método Inserir que recebe um objeto da classe Cliente como parâmetro.
Agora iremos criar uma tela para o usuário preencher os dados e cadastrá-los no banco.
Para isso, crie uma pasta com nome de View, adicione duas Xaml Pages e dê o nome de “ClienteView”
passo16
Iremos criar uma tela simples, com 3 campos para inserção: CPF, Nome e Endereço.
Para isso, digite o código abaixo na sua página:
Agora iremos programar o code-behind da página. Aqui iremos criar um comando para o botão CadastrarCliente, que irá chamar o método de inserção do Azure.
Pronto! Nosso app já esta funcionando e inserindo dados.
Screenshot_20160529-221928[1]Screenshot_20160529-221939[1]

Duvidas, sugestões manda nos comentários e não esqueça de curtir nossa fanpage aqui!

Até a próxima e valeu!

A Studyxnet agora é o braço mineiro da .NET CODERS, se inscreva no meetupA Studyxnet agora é o braço mineiro da .NET CODERS, se inscreva no meetup clicando no nosso banner

Introdução – Azure Mobile Apps 5.00/5 (100.00%) 1 voto

Deixe uma resposta

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

%d blogueiros gostam disto: