mobile – Blog do Camilo

Publicando App Privado no Google Play

Opa Pessoal,

Vamos a mais um post da semana. E a pergunta é: Como posso publicar meu aplicativo android no Google Play, mas quero que ele seja restrito apenas alguns usuários? Você já se fez essa pergunta? Eu me fiz alguns meses atrás aqui na ITSLabs quando precisávamos fazer um piloto de um aplicativo corporativo que apenas um grupo de usuários iam poder acessar o Google Play e encontrar esse aplicativo. E como fiz?

Lets go…

Cenário

Aqui na ITSLabs fazemos muitos experimentos antes de qualquer coisa ir para produção, ou seja, para o usuário final. Realizar testes entre nosso time técnico não é nada fora da curva para uma empresa que se propõe a desenvolver software/aplicativo. Mas, isso não é o suficiente, sabemos as limitações que pessoas técnicas tem a testar aplicativos, ainda mais quando estão envolvidas. E sempre realizamos testes com pessoas que saibam testar produto (observe que uma coisa é testar aplicativo outra é produto. Pelo menos pra nos da ITSLabs que desenvolve produto, são tipos de testes diferente). Surgiu um projeto de um produto para um cliente, porém o mesmo queria fazer o teste piloto com usuários reais da maneira mais rápida, barata e sem perder a qualidade. Para alguns, isso não é possível. Mas, para nós, é bem possível. Sempre fizemos isso desde do inicio da ITSLabs e levar isso para os projetos dos nossos clientes não é nada de outro mundo. Desenvolvemos o aplicativo em aproximadamente 7 dias, considerando a bateria de testes interno (ignorando os dos desenvolvedores). E agora para publicar no Google Play, mas não deixar publico?

Google Play

Hoje o Google Play oferece um serviço que permite você publicar seu aplicativo e limitar para quem pode acessar/baixr seu app. É um serviço pago chamado de Google Play Private Channel. Mas, não queríamos gastar mais do que o necessário para realizar os testes com o piloto. E como fazer?

Solução

Sim, você não precisa realmente pagar para ter seu aplicativo privado. O caminho que achamos é uma feature que já tem no Google Play onde antes de colocar seu aplicativo em Produção você tem uma versão ALPHA e BETA Testing que permite você testar o aplicativo com um grupo de usuários que tenham uma conta Google (@gmail etc). O google vai gerar uma url que somente os usuários que você informou tem acesso e para isso eles precisam ter feito autenticação na conta Google deles na hora de baixar no Google Play e também para encontrar o Aplicativo caso ele faça uma busca. É isso mesmo, se usuário realizar uma busca vai encontrar o aplicativo. Lembrando que é necessário ter efetuado o login.

Na prática

Você que já desenvolvedor e tem uma conta Google Play a imagem a seguir não é estranha. Observe que é bem simples:

Criei uma lista dentro da aba que quero testar: BETA/ALPHA;
Nessa lista eu adiciono os emails das pessoas que irão testar
Elas receberão um email com o link para baixar o aplicativo
O Google gera URL para acessar direto o aplicativo

Conclusão

Foi e está sendo uma solução muito boa para nós e nossos clientes que ainda estão desenvolvendo uma solução privada. Há empresas que precisam desenvolver apps para ser usado pelos funcionários/departamentos e esses aplicativos não podem ficar abertos no Google Play, essa é uma das soluções mais barata ainda quando se valida. Porém, não seria ideal para quando tem algo que vai para produção. E você vai precisar adicionar ou remover usuários com permissão. Daí o Google Private Channel atende melhor, já que foi criado para esse propósito. Mas a nossa experiência para pilotos em fechados realmente está sendo algo muito bom para o negócio do produto, pois nos permite fazer, testar, ter o feedback do usuário mais rápido e ajustar.

Vou ficando por aqui.

Abraço, see ya!!

Série Ionic:Integrando Ionic com sua app AngularJS

Olá Pessoal,

Vamos ver da forma mais simples como é fácil fazer uma integração com o back-end usando ionic + angularjs. Vou considerar que vc já sabe como criar uma app no ionic. Para o exemplo aqui vou usar o template sidemenu do ionic.

lets go…

Passo 1

Crie um projeto sidemenu do ionic

Passo 2
Vamos criar o controller e dizer pra ele chamar o serviço web, ou seja, nossa api. Lembre-se de ter o serviço rodando.
No arquivo controllers.js gerado pelo ionic que já vem no template adicione, após o controller já gerado:

.controller('MainCtrl', function($scope, $http) {
$scope.teste='mobile'
$http.get('http://www.seuwebservice.com/saldo/conta/1').then(function(resp) {
console.log('Success', resp);
$scope.teste = resp;
}, function(err) {
console.error('ERR', err);
// err.status will contain the status code
})
})

Passo 3
Considerando que vc manteve os nomes que veio no template, no arquivo playlits adicione:

<div ng-controller="MainCtrl">
Saldo Atual R$ {{teste.data.saldo}}
</div>

O código completo ficando assim:

<ion-view view-title="Camilo App">
<ion-content>
<ion-list>
<ion-item ng-repeat="playlist in playlists" href="#/app/playlists/{{playlist.id}}">
{{playlist.title}}

</ion-item>
<div ng-controller="MainCtrl">
Saldo Atual R$ {{teste.data.saldo}}
</div>
</ion-list>
</ion-content>
</ion-view>

Passo 4

Vamos testar, basta digitar:

ionic serve

Para testarmos no browser

Passo 5
Observe que me retornou o valor do saldo da conta de um serviço que possuo:

Vale lembrar que o objetivo aqui é mostrar a integração e funcionamento. O ideal é que você tenha um Service do lado do angularJS usando um factory do ngResource. Manter os controllers separados dos services e cada um com suas responsabilidades é uma boa prática. Em breve faço um post usando o ngResouce.

O projeto está no meu github.com/camilolopes

https://github.com/camilolopes/workspaceAngularJs
Espero que tenham gostado, simples demais né?

abraço, see ya!!

Série Ionic: Um pouco sobre o Ionic + AngularJS

olá Pessoal,

Hoje vou falar rapidamente sobre esse cara aqui Ionic. Que tem ganhando bastante popularidade quando
se fala em desenvolvimento mobile hibrido. Mas, a pergunta o que esse cara faz de tão especial?

lets go…

Vamos entender…

Há ainda uma confusão sobre o que é o Ionic, ele é tão simples que não parece verdade. Vou explicar nesse post de forma pratica com o que vivemos aqui na ITSLabs. Ter adotado o AngularJS no passado como nosso framework de front-end, hoje tivemos o ganho em desenvolver mobile com Ionic, pois não precisamos fazer quase nada para ter uma app mobile, claro só o trampo de desenhar a cara da app. Mas, toda camada de serviço, já veio de graça da app web.

O Ionic…

Nada mais é que um framework front-end para mobile. Pense nele como um angular-ui, bootstrap. Ele é html e css e feito em cima angularjs, ou seja, se vc já desenvolve com angularjs, não nada que aprender, apenas usar o Ionic como vc usa o bootstrap ou angular-ui. Agora se vc nunca viu angularjs, terá que aprender o framework da Google para entender o que é um controller, services, factory etc. E dai saber como usar o Ionic, senão ficará perdido e achar tudo confuso. Mas, é muito mais simples que possa imaginar. Fizemos uma app aqui em menos 5 min, já integrando com o serviço no server.

Nosso cenário aqui

Para ficar mais claro, aqui na ITSLabs temos projeto com java no back-end + angularjs se comunicando via rest com jersey. E nada demais aqui. Quando pensamos em fazer app mobile, dai veio e agora? o que aproveitar? Com ionic aproveitamos tudo, desde os controllers e serviços que criamos no front-end, até o serviço rest que disponibilizamos, então só nos preocupamos em fazer o design, ver os componentes disponiveis no Ionic e ter mais de uma versão da app com diferente UX para validar qual seria mais apropriado para o perifl do usuário que estaria usando a versão. Fizemos tudo isso em minutos.

E como testar?

Ah, isso aqui parece uma piada. Tem uma app no Google Play chamado de Ionic View que permite testar sua app no celular, isso mesmo. Veja como funciona:

1. voce baixa o ionic view para o seu celular IOS ou Android

2. Cria a conta no Ionic View

3.Faz o upload da app do Ionic

4. Pronto. Agora é so usar clicando em view no IonicView

Ele irá simular a APP. Observe que não fizemos deploy pra iOS,mas conseguimos simular no Iphone por exemplo. O resultado no iOS não é diferente da app final. Porém, achei problemas no tablet Android 4.1 da Samsung na hora de simular pelo IonicView ele deixou zicado o front-end. Ainda não sei o motivo, mas ao fazer deploy no apk por exemplo está tudo certo.

Essa é a forma mais simples de testar se não quiser ter um simulador local na máquina.

Iai curtiu o Ionic view? Olha aqui nossa app:https://www.facebook.com/usecash

No meu Github.com/camilolopes tem um app de exemplo:

https://github.com/camilolopes/workspaceAngularJs

Conclusão

Eu confesso que estou gostando muito da experiência de desenvolvimento e preparei uma série que vou trazer nela o que estamos fazendo aqui na ITSLabs, pois tudo que estamos fazendo aqui vai para produção. Próximo posts da série vamos ver instalação,um pouco de mão na massa,e depois vamos chegar o grande momento de deploy e opções que temos de fazer isso pra colocar nosso app na store da vida.

abraço, see ya!!!