Cordova - Primeira Aplicação

Nós sabemos como instalar o Cordova e configurar o ambiente para ele. Assim que tudo estiver pronto, podemos criar nosso primeiro aplicativo Cordova híbrido.

Etapa 1 - Criação de aplicativo

Abra o diretório onde deseja que o aplicativo seja instalado no prompt de comando. Vamos criá-lo no desktop.

C:\Users\username\Desktop>cordova 
   create CordovaProject io.cordova.hellocordova CordovaApp

  • CordovaProject é o nome do diretório onde o aplicativo é criado.

  • io.cordova.hellocordovaé o valor de domínio reverso padrão. Você deve usar seu próprio valor de domínio, se possível.

  • CordovaApp é o título do seu aplicativo.

Etapa 2 - Adicionar plataformas

Você precisa abrir o diretório do projeto no prompt de comando. Em nosso exemplo, é oCordovaProject. Você só deve escolher as plataformas de que precisa. Para poder usar a plataforma especificada, você precisa ter instalado o SDK da plataforma específica. Como estamos desenvolvendo em windows, podemos usar as seguintes plataformas. Já instalamos o Android SDK, portanto, instalaremos apenas a plataforma Android para este tutorial.

C:\Users\username\Desktop\CordovaProject>cordova platform add android

Existem outras plataformas que podem ser usadas no sistema operacional Windows.

C:\Users\username\Desktop\CordovaProject>cordova platform add wp8
C:\Users\username\Desktop\CordovaProject>cordova platform add amazon-fireos
C:\Users\username\Desktop\CordovaProject>cordova platform add windows
C:\Users\username\Desktop\CordovaProject>cordova platform add blackberry10
C:\Users\username\Desktop\CordovaProject>cordova platform add firefoxos

Se estiver desenvolvendo no Mac, você pode usar -

$ cordova platform add IOS
$ cordova platform add amazon-fireos
$ cordova platform add android
$ cordova platform add blackberry10
$ cordova platform add firefoxos

Você também pode remover a plataforma do seu projeto usando -

C:\Users\username\Desktop\CordovaProject>cordova platform rm android

Etapa 3 - Construindo e executando

Nesta etapa, construiremos o aplicativo para uma plataforma especificada para que possamos executá-lo em um dispositivo móvel ou emulador.

C:\Users\username\Desktop\CordovaProject>cordova build android

Agora podemos executar nosso aplicativo. Se você estiver usando o emulador padrão, você deve usar -

C:\Users\username\Desktop\CordovaProject>cordova emulate android

Se você quiser usar o emulador externo ou dispositivo real, você deve usar -

C:\Users\username\Desktop\CordovaProject>cordova run android

NOTE - Vamos usar o Genymotion android emulatorjá que é mais rápido e responsivo do que o padrão. Você pode encontrar o emulador aqui . Você também pode usar um dispositivo real para teste, habilitandoUSB debuggingdas opções e conectando-o ao seu computador via cabo USB. Para alguns dispositivos, você também precisará instalar o driver USB.

Assim que executarmos o aplicativo, ele será instalado na plataforma que especificamos. Se tudo for concluído sem erros, a saída deve mostrar a tela inicial padrão do aplicativo.

Em nosso próximo tutorial, mostraremos como configurar o aplicativo Cordova.