Red de conocimiento informático - Material del sitio web - Cómo desarrollar aplicaciones Cordova HTML5 en la plataforma móvil Ubuntu

Cómo desarrollar aplicaciones Cordova HTML5 en la plataforma móvil Ubuntu

Consulte lo siguiente

1) Instale armhf chroot

chroot. Además de instalar el chroot requerido en el SDK, también puede simplemente instalar el chroot requerido mediante el siguiente comando. Lo siguiente toma

el marco 15.04 como ejemplo:

$sudo click chroot -aarmhf -f ubuntu-sdk-15.04 create

Puedes escribir el comando anterior en la línea de comando Puede crear un chroot armhf 15.04. Una vez completada la instalación, puede continuar con el siguiente paso. Los desarrolladores que quieran compilar para el objetivo 14.10 también pueden usar el mismo método para instalar el chroot armhf 14.10.

2) Instalar Cordova

En este paso, instale el entorno Cordova. Si se instaló antes, se recomienda utilizar el siguiente método para eliminar la instalación anterior (debido a errores en la instalación anterior). Si nunca lo ha instalado antes, ignore este paso:

$rm -rf ~/.cordova

$rm -rf ~/.cache

Esto es para eliminar por completo la instalación anterior en la computadora.

Luego, sigue los pasos a continuación para instalar Cordova:

$ sudo apt-add-repository ppa: cordova-ubuntu/ppa; sudo apt-get update

$ sudo apt-get install cordova-cli

En este punto, básicamente se ha creado el entorno Cordova.

3) Cree una rutina Cordova simple

La arquitectura actual 14.10 es el marco de desarrollo predeterminado, aunque puede cambiar en el futuro. En el siguiente comando, si no se especifica ninguna arquitectura específica, se utilizará la arquitectura 14.10.

Utilice el siguiente comando para crear una aplicación Cordova simple:

$cordova create myapp myapp.mycompany "Mi aplicación"

$cd myapp

$cordova platform add ubuntu

$vi config.xml

Nota: agregue la siguiente oración a config.xml para asegurarse de que la aplicación tenga un ícono:

lt; icon src="www/img/logo.png" /gt;

Además, agregue su dirección de correo electrónico válida a config.xml:

lt ; autor email="myid@ubuntu.com" /gt;

El archivo config.xml completo es el siguiente:

config.xml

lt; ?xml version='1.0' encoding='utf-8'?gt;

lt;widget id="myapp.mycompany" version="0.0.1"

xmlns= "w3.org/ns/widgets"

xmlns:cdv="cordova.apache.org/ns/1.0"gt;

lt;namegt;Mi aplicación /namegt;

lt;descriptiongt;

Una aplicación Apache Cordova de muestra que responde al evento de dispositivo listo

lt;/descriptiongt

lt; ; autor email="myname@mycompany.com" href="//cordova.io"gt;

Equipo Apache Cordova

lt;/authorgt

lt; contenido src="index.html" /gt;

lt; nombre del complemento="cordova-plugin-whitelist" versión="1" /gt; acceder origen="*" /gt;

lt;allow-intent href="//*/*" /gt;

lt;allow-intent href="// */*" /gt;

lt;allow-intent href="tel:*" /gt;

lt;allow-intent href="sms:* " /gt

lt; permitir-intención href="mailto: *" /gt; p> p>

lt; nombre de la plataforma="android"gt;

lt; permitir-intención href="mercado:*" /gt;

lt;nombre de plataforma="ios"gt

>

lt; permitir-intención href="itms:*" /gt;

lt;allow-intent href="itms-apps:*"

lt;/platformgt;

lt;icon src="www/img/logo.png" /gt;

lt;/widgetgt; Se ha creado todo el modelo Cordova. A continuación se describe en detalle cómo compilar.

4) Compile la plantilla de la aplicación Cordova

Puede utilizar el siguiente comando para compilar para teléfonos móviles:

$ cordova build --device

Como se mencionó anteriormente, selecciona la versión predeterminada de armhf chroot para la compilación. Actualmente se refiere al 14.10. Al compilar por primera vez, es posible que necesite instalar algunas bibliotecas adicionales antes de compilar. Aparecerá el siguiente mensaje de error:

Lista de dispositivos conectados

750ABLLH4897device

Dispositivo de destino: 750ABLLH4897

Creación de aplicación telefónica.

Error: falta dependencia dentro de armhf chroot

ejecutar:

sudo click chroot -a armhf -f ubuntu-sdk-14.10 install cmake

p>

libicu-dev: armhf pkg-config qtbase5-dev: armhf qtchooser

qtdeclarative5-dev: armhf qtfeedback5-dev: armhf qtlocation5-dev: armhf

qtmultimedia5- dev: armhf qtpim5-dev: armhf libqt5sensors5-dev: armhf

qtsystems5-dev: armhf

Al igual que el mensaje de error que se muestra arriba, debe escribir lo siguiente en el línea de comando Comando para instalar las bibliotecas requeridas:

$sudo click chroot -a armhf -f ubuntu-sdk-14.10 install cmake

libicu-dev: armhf pkg-config qtbase5-dev : armhf qtchooser

qtdeclarative5-dev:armhf qtfeedback5-dev:armhf qtlocation5-dev:armhf

qtmultimedia5-dev:armhf qtpim5-dev:armhf libqt5sensors5-dev:armhf

qtsystems5-dev: armhf

Por supuesto, también puedes utilizar el siguiente método para instalar:

$click chroot -aarmhf -fubuntu-sdk-14.10 maint

Luego, escriba el siguiente comando:

Una vez completada la instalación, escriba el comando de salida para salir.

Vuelve a ingresar al directorio raíz de la aplicación y escribe nuevamente el siguiente comando:

$ cordova build --device

Puedes encontrar lo que necesitas en el directorio del proyecto Haga clic en el archivo del paquete:

liuxg@liuxg:~/web/myapp$ find ./ -name *.click

./platforms/ubuntu/ubuntu-sdk-14.10 /armhf /prefix/myapp.mycompany_0.0.1_armhf.click

Para ejecutarlo directamente en el teléfono, puede ejecutar el siguiente comando directamente:

$ cordova run -- dispositivo --debug

Resultado de la ejecución en el teléfono móvil:

Para usar chroot basado en ubuntu-sdk-15.04, debe usar el siguiente comando para completar la compilación:

$ cordova build --device -- --framework ubuntu-sdk-15.04 --verbose

Al ejecutar, también debes usar el siguiente comando para completar:

$ cordova run --device --debug lt; span style="font-family: Arial,

Helvetica, sans-serif;"gt; --framework ubuntu-sdk-15.04lt;/spangt; ;