15

Tenho algumas dúvidas referente ao Apache Cordova e o Ionic. Ambos, para mim, parecem a mesma coisa com o mesmo propósito, permitir a criação de aplicações hibridas para dispositivos mobile.

Veja que no site do Ionic é necessário ter o Cordova instalado para que o Ionic funcione. Portanto, é neste ponto que surgem as minhas dúvidas.

Dúvidas

  1. Qual é a diferença do Apache Cordova e relação ao Ionic?
  2. O que faz com que um seja dependente do outro para criar aplicações híbridas?
1

2 Respostas 2

21

Resumidamente, o Apache Cordova é responsável por fazer seu código Javascript acessar recursos nativos do dispositivo, como câmera, GPS, acelerômetro, dentre outros. Já o Ionic é um framework que cuida da parte visual da aplicação, da forma como ela será apresentada para o usuário final, criando aparências muito similares ao de aplicações nativas.

Como, suponho eu que já tenha lido, o Ionic foi construído sobre o Cordova, que é a camada inferior, responsável por cuidar da parte de transformação do aplicativo em pacotes para cada sistema operacional.

Veja abaixo uma comparação usando o mesmo código, porém compilados para IOS e Android.

inserir a descrição da imagem aqui


Perceba que o Ionic faz o tratamento do código para deixar a aparência de acordo com o sistema que você usa, sendo ele Android, iOS, etc.

O Apache Cordova trabalha com outros frameworks além do Ionic, como jQuery Mobile, Dojo Mobile, Sencha Touch, Lungo, Mobile Angular UI.

A conclusão é que são duas ferramentas diferentes, dependentes, sendo o Cordova uma ponte para tratar da comunicação com hardware, funcionando como "backend" e o Ionic para trabalhar em questões de aparência para o usuário final, como "frontend".

4
  • E o Phonegap tem alguma coisa a ver com estes caras?
    – Jéf Bueno
    Commented 11/09/2017 às 12:35
  • @LINQ O projeto Phonegap, que também já foi chamado de Apache Callback e Apache DeviceReady, passou a ser o atual Apache Cordova depois de alguns anos. Já o Adobe Phonegap como diz no próprio site do Cordova, é a distribuição mas popular do Apache Cordova, que também atua como backend. O Apache Cordova é o motor que alimenta o Adobe PhoneGap. Essa imagem ilustra bem o que aconteceu.
    – viana
    Commented 11/09/2017 às 13:28
  • @LINQ como o autor ressaltou somente a questão da relação entre Ionic e Cordova, não vi motivo para falar sobre o Phonegap na resposta. Mas é interessante o histórico. =D
    – viana
    Commented 11/09/2017 às 13:37
  • 2
    Show, obrigado pela explicação. Eu sei que ele não perguntou e tal, mas eu fiquei curioso porque sempre me confundo quando falam de um ou de outro. Valeu novamente pela explicação.
    – Jéf Bueno
    Commented 11/09/2017 às 13:40
8

Cordova é o projeto aberto base de criação de aplicativos híbridos para mobile. Ele utiliza tecnologias web (HTML, CSS, JS) para criar aplicações para celulares e outros dispositivos, mas que não rodam em um browser normal como um site. Os recursos do dispositivo ficam acessíveis, ao contrário de um site normal.

Ionic é uma extensão do Cordova usando AngularJS preferindo TypeScript do que JavaScript. Isto permite que a formatação visual seja muito mais rica e facilitada (embora há quem discorde que seja mais fácil), seu foco é a UI tentando abstrair as diferenças de cada plataforma e não cuidar do acesso aos recursos do dispositivo.

Há uma dúvida recorrente e adjacente sobre o PhoneGap que é o Cordova estendido pela Adobe.

Elas não são concorrentes, são complementares.

Mais informações:

Fonte.

Coloquei no GitHub para referência futura.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .