Uma das áreas que mais cresce hoje é a criação de aplicativos, seja para celulares ou dispositivos diversos, já que os usuários finais estão sempre em busca de aplicativos inovadores que os ajudem a gerenciar vários aspectos do seu dia a dia, do seu estudo, do seu trabalho ou apenas seu entretenimento.
Quando falamos de Linux estamos falando de um sistema escalável, ou seja, ele pode ser estendido muito além do que é fornecido por padrão graças ao código livre e justamente por isso existem aplicativos especiais para a criação de aplicativos e hoje o Solvetic focará em um ligue para Apache Cordova e veremos como usá-lo no Ubuntu 18.04.
Se você não tiver o Ubuntu 18.04, podemos baixá-lo gratuitamente no seguinte link:
O que é Apache CordovaApache Cordova é um aplicativo que se concentra em facilitar o desenvolvimento de aplicativos móveis e é baseado em software livre. Com o Apache Cordova, será possível usar tecnologias web padrão como HTML5, CSS3 e JavaScript para desenvolvimento de plataforma cruzada e sabemos muito bem que essas linguagens são a base para a criação e manutenção de milhares de aplicativos.
Com o Apache Cordova os aplicativos são executados em ambientes digitais que são direcionados a cada plataforma especial, e estes dependem dos links da API que devem estar em conformidade com os padrões exigidos para poder acessar os recursos de cada dispositivo em funções como sensores, dados. , status da rede, memória, etc.
Temos a possibilidade de construir aplicativos móveis híbridos usando as linguagens HTML, CSS e JavaScript no Apache Cordova que podem ser usados em diferentes plataformas móveis como IOS, Android ou Windows.
Apache Cordova usaApache Cordova é uma solução prática em casos como:
- Se somos desenvolvedores web e queremos implementar um aplicativo web empacotado para que seja distribuído em várias lojas de aplicativos.
- Se quisermos estender uma aplicação a mais de uma plataforma, sem a necessidade de reimplementá-la com seu conjunto de ferramentas e linguagem para cada plataforma, o que demanda tempo e recursos.
- Se o objetivo é misturar componentes de aplicativos nativos com um WebView (janela especial do navegador) por meio do qual APIs de nível de dispositivo podem ser acessadas, ou se quisermos desenvolver uma interface de plug-in entre componentes nativos e WebView.
Principais componentes do Apache CordovaQuando queremos usar o Apache Cordova, devemos ter em mente alguns termos-chave durante seu desenvolvimento, são eles.
- WebView: o WebView é compatível com o Apache Cordova e, graças a ele, toda a interface do usuário é fornecida ao aplicativo, em algumas plataformas específicas, ele também pode ser um componente dentro de um aplicativo híbrido maior que pode misturar o WebView com componentes nativos do aplicativo.
- Web App: O Web App é onde o código do aplicativo é hospedado, como tal, o próprio aplicativo é implementado como uma página da web com um arquivo local denominado index.html, que se refere a CSS, JavaScript, imagens, arquivos multimídia ou outros recursos que são necessário para a sua correta execução, para que a aplicação rode em WebView dentro do container da aplicação nativa e este container tenha um arquivo vital, denominado config.xml, que fornece informações sobre a aplicação e com ele especifica os parâmetros que afetam seu desempenho geral.
- Plug-ins: Plug-ins ou add-ons são parte integrante do ambiente Apache Cordova, pois sua função é oferecer uma interface para Cordova e gerar componentes nativos para a comunicação correta entre eles e links para APIs de dispositivo padrão. Graças aos plugins, será possível invocar o código nativo do JavaScript.
O Apache Cordova possui um conjunto de plug-ins básicos chamados Core Plugins, esses plug-ins principais fornecem ao aplicativo as ferramentas necessárias para acessar os recursos do dispositivo, como bateria, câmera, contatos e muito mais.
Caminhos de desenvolvimento em Apache CordovaO Apache Cordova tem dois fluxos de trabalho básicos para a criação de um aplicativo móvel que são.
- Fluxo de trabalho multiplataforma (CLI): Graças a este fluxo de trabalho, será possível permitir que o aplicativo seja executado em tantos sistemas operacionais móveis quanto possível, sem muito esforço no nível de desenvolvimento específico da plataforma. Este fluxo de trabalho se concentra na CLI do Apache Cordova.
- Fluxo de trabalho centrado na plataforma: Com este fluxo de trabalho será possível focar na criação de um aplicativo focado em uma única plataforma e que pode ser modificado em um nível inferior. Este fluxo de trabalho é baseado em um conjunto de scripts de shell de nível inferior que foram projetados para cada plataforma suportada e tem um utilitário Plugman separado que nos permite aplicar plug-ins.
1. Instale o Node.js no Ubuntu 18.04
Passo 1
Em primeiro lugar, será necessário instalar a versão mais recente do Node.js no sistema, por padrão a versão mais recente do Node.js não está disponível no repositório Ubuntu 18.04 padrão, então será necessário adicionar um repositório PPA para node. js usando o seguinte comando:
sudo apt-get install software-properties-common -y
PROLONGAR
Passo 2
Agora vamos executar um dos seguintes comandos:
curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash - curl -sL https://deb.nodesource.com/setup_8.x -o nodesource_setup.sh
PROLONGAR
ObservaçãoPodemos usar o seguinte comando para realizar este processo de forma eficiente.
sudo apt install npm
etapa 3
Prosseguimos para instalar o Node.js usando o seguinte comando:
sudo apt-get install nodejs -y
PROLONGAR
2. Instale o Apache Cordova no Ubuntu 18.04
Passo 1
Depois que o Node.js estiver instalado, vamos instalar o Apache Cordova usando o comando NPM da seguinte maneira.
sudo npm install -g cordovaPasso 2
Veremos que o seguinte processo começa:
PROLONGAR
etapa 3
Assim que esta análise for concluída, veremos o seguinte resultado:
PROLONGAR
Passo 4
Agora vamos verificar a versão do Apache Cordova executando a seguinte linha.
cordova -versionEtapa 5
Nós inserimos a palavra Sim e a versão atual será exibida:
PROLONGAR
3. Crie um aplicativo no Apache Cordova
Passo 1
Para criar um aplicativo no Apache Cordova, vamos executar o seguinte comando com seu nome:
cordova criar SolveticAppPasso 2
Ao pressionar Enter, o resultado será o seguinte:
PROLONGAR
etapa 3
Agora vamos para o diretório do novo aplicativo, SolveticApp, e adicionamos a plataforma necessária para o aplicativo:
plataforma cd SolveticApp cordova adicionar android
PROLONGAR
Passo 4
Lá podemos usar várias plataformas, como:
- cordova plataforma add ios
- plataforma cordova adicionar amazon-fireos
- plataforma cordova adicionar android
- plataforma cordova adicionar blackberry10
- plataforma cordova adicionar firefoxos
Etapa 5
Agora vamos executar o seguinte comando para ver as plataformas instaladas e disponíveis para o aplicativo Apache Cordova:
plataforma cordova -ls
PROLONGAR
Etapa 6
O próximo passo é atender a todos os requisitos do ambiente construtivo, isto pode ser validado executando o seguinte comando:
requisitos de cordova
PROLONGAR
Etapa 7
Aí poderemos visualizar quais são os elementos necessários à sua construção integrada para que a aplicação funcione corretamente. Depois de concluir todas as etapas, construímos o aplicativo executando:
cordova construir AndroidEtapa 8
Uma vez construídos podemos fazer uso de emuladores que executam uma imagem do dispositivo de forma virtual e neste caso do Android devemos instalar o SDK e depois executar o seguinte:
cordova emular AndroidEtapa 8
No momento em que queremos eliminar a plataforma criada devemos executar o seguinte:
plataforma cordova remover Android
PROLONGAR
Vimos como o Apache Cordova é uma plataforma que nos oferece uma série de benefícios para a criação total e funcional de aplicativos que podem ser usados e implementados em várias plataformas com uso total e o melhor de tudo, o consumo de recursos é mínimo independentemente do tipo do aplicativo criado.
