Cordova e Angular

Cordova e Angular

A Cordova oferece o ngCordova, que é um conjunto de wrappers projetados especificamente para trabalhar com o AngularJS. Neste post apresentaremos rapidamente a integração entre Cordova e Angular.

Criando o Projeto Angular

O primeiro passo é criar o projeto Angular onde faremos a integração. Caso não tenha ainda instalado o client do Angular, execute o comando abaixo:

> npm install -g @angular/cli@latest

Em seguida crie o projeto:

> ng new app_exemplo

Instalando o ngCordova

O IONIC utiliza como gerenciador de pacotes o Bower (trataremos dele em um futuro post). Este por sua vez pode ser usado para gerenciar os plugins ngCordova. Então o primeiro passo é instalar o Bower.

> npm install -g bower

Já com o Bower instalado, prosseguimos com a instalação do ngCordova. Mas antes devemos criar uma pasta onde ficará o aplicativo. Para tanto, digite os seguintes comandos:

> cd app_exemplo

e depois, já na pasta:

> bower install ngCordova

Em seguida, deve-se incluir o ngCordova em nosso aplicativo. Isso é feito editando o arquivo “index.html” e adicionando os seguintes scripts. É importante adicionar esses scripts antes do “cordova.js” e depois dos scripts do IONIC.

<script src = "lib/ngCordova/dist/ng-cordova.js"></script>

O passo seguinte é injetar ngCordova como dependência no Angular. Para isso deve-se editar o arquivo “app.js” e adicionar o ngCordova ao módulo do Angular. Se estiver sendo utilizado um dos templates do IONIC, será possível notar que já há injetores, controladores e serviços. Neste caso, bastará apenas adicionar ngCordova no final da matriz.

angular.module('myApp', ['ngCordova'])

Para finalizar basta verificar os plugins que já estão instalados no projeto Cordova e Angular, para isso basta digitar o seguinte comando:

app_exemplo> cordova plugins ls

Abaixo uma lista dos principais plugins:

  • Camera – permite tirar fotos e gravar vídeos no dispositivo
  • Touch ID – dar acesso a autenticação com biometria
  • OAUTH – fazer o login através de diversos provedores de OAUTH
  • Push Notifications – permite que facilmente possa gerenciar notificações de push remotas
  • Geolocation – acesso aos dados de geolocalização pontualmente ou repetidademente
  • Progress Indicator – notificações de eventos do celular referentes a downloads e carregamentos

*** A OctalMind é uma empresa especializada no desenvolvimento de sistemas de alta tecnologia.