Utilización de la CLI de MobileFirst en Eclipse

Visión general

Mediante la interfaz de línea de mandatos (CLI) de Cordova puede crear y gestionar aplicaciones de Cordova. También puede lograr lo mismo en el entorno de desarrollo integrado (IDE) Eclipse mediante el plugin THyM.

THyM proporciona soporte para la importación y gestión de proyectos Cordova en Eclipse. Puede crear nuevos proyectos de Cordova, así como importar proyectos Cordova existentes. También es posible instalar plugins de Cordova en su proyecto a través de este plugin.

Obtenga más información acerca de THyM en su sitio web oficial.

El plugin de MobileFirst Studio para Eclipse expone varios mandatos de MobileFirst en el IDE de Eclipse. En concreto, proporciona los siguientes mandatos: Abrir consola de servidor, Vista previa de aplicación, Registrar aplicación, Cifrar aplicación, Hacer pull a aplicación, Hacer push a aplicación, Actualizar aplicación.

Esta guía de aprendizaje recorre el proceso de instalación de los plugins de Eclipse de THyM y MobileFirst.

Requisitos previos:

• MobileFirst Server para ejecutar localemente o MobileFirst Server ejecutándose de forma remota.
• MobileFirst CLI instalado en la estación de trabajo del desarrollador

Ir a:

• Instalación del plugin MobileFirst Studio
• Instalación del plugin THyM
• Creación de un proyecto de Cordova
• Importación de un proyecto Cordova existente
• Adición de MobileFirst SDK a proyectos Cordova
• Mandatos de MobileFirst
• Sugerencias y consejos

Instalación del plugin MobileFirst Studio

1. Dentro de Eclipse, pulse Ayuda → Eclipse Marketplace…
2. En el campo de búsqueda busque “MobileFirst” y, a continuación, pulse “Ir”

3. Pulse “Instalar”

   

4. Complete el proceso de instalación
5. Reinicie Eclipse para que la instalación se haga efectiva.

Instalación del plugin THyM

Nota: Para ejecutar THyM debe ejecutar Eclipse Mars o posterior

1. Dentro de Eclipse, pulse Ayuda → Eclipse Marketplace…
2. En el campo de búsqueda busque “thym” y, a continuación, pulse “Ir”

3. Pulse “Instalar” para ThyM.

   

4. Complete el proceso de instalación
5. Reinicie Eclipse para que la instalación se haga efectiva.

Creación de un proyecto de Cordova

En esta sección crearemos un nuevo proyecto de Cordova utilizando THyM.

1. Dentro de Eclipse, pulse Archivo → Nuevo → Otro…

2. Reduzca las opciones buscando “Cordova” y seleccione Proyecto de aplicación móvil híbrida (Cordova) en el directorio Móvil y pulse Siguiente

   

3. Dé un nombre al proyecto y pulse Siguiente

   

4. Añada la plataforma deseada para su proyecto y pulse Finalizar

Nota: Si necesita más plataformas después de crear esta, consulte Adición de plataformas

Importación de un proyecto Cordova existente

En esta sección trataremos de cómo importar un proyecto de Cordova existente que ya se creó mediante la interfaz de línea de mandatos (CLI) de Cordova.

1. Dentro de Eclipse, pulse Archivo → Importar…
2. Seleccione Importar proyecto de Cordova en el directorio Móvil y pulse Siguiente>
3. Pulse Examinar… y seleccione el directorio raíz de un proyecto Cordova existente.
4. Asegúrese de que el proyecto está seleccionado en las secciones “Proyectos:” y pulse Finalizar

Si importa un proyecto sin ninguna plataforma verá el siguiente error, consulte la sección de adición de plataformas para resolver este error.

Nota: Si necesita plataformas adicionales después de realizar una importación consulte adición de plataformas

Adición de MobileFirst SDK a un proyecto Cordova

Una vez haya instalado THyM y el plugin MobileFirst CLI en Eclipse y haya creado un proyecto de Cordova o importado un proyecto de Cordova podrá seguir los pasos que hay a continuación para instalar MobileFirst SDK a través del plugin de Cordova.

1. En el Explorador de proyectos pulse con el botón derecho del ratón sobre el directorio plugins y seleccione Instalar plugin de Cordova

2. En el separador Registro del recuadro de diálogo que se presenta, busque mfp, seleccione cordova-plugin-mfp y pulse Finalizar

   

Mandatos de MobileFirst

Para acceder a los atajos de Mobile Foundation, pulse con el botón derecho del ratón sobre el directorio del proyecto raíz y vaya a IBM MobileFirst Foundation.

Aquí podrá seleccionar alguno de los siguientes mandatos:

Sugerencias y consejos

Entornos de desarrollo integrado (IDE) externos

Si desea probar o desplegar en un dispositivo a través de un IDE externo (Android Studio o Xcode) puede hacerlo a través del menú contextual.

Nota: Asegúrese de importar de forma manual su proyecto en Android Studio para configurar gradle antes del lanzamiento desde Eclipse. De lo contrario podrían darse errores o pasos no necesarios. Desde Android Studio seleccione Importar proyecto (Eclipse ADT Gradle, etc.) y vaya a su proyecto y seleccione el directorio android dentro del directorio platforms.

En el explorador de proyectos de Eclipse pulse con el botón derecho del ratón sobre la plataforma que desee (por ejemplo, android o ios en el directorio platforms) → pase el ratón sobre Ejecutar como en el menú contextual → seleccione el IDE externo apropiado.

Adición de plataformas

La adición de plataformas adicionales es un proceso simple que el plugin THyM no hace más intuitivo. Tiene dos opciones para realizar la misma tarea, que son las siguientes.

1. A través de las propiedades
   1. Pulse con el botón derecho del ratón y seleccione properties desde el menú contextual.
   2. En el diálogo que aparece, seleccione Motor móvil híbrido en el menú del lado izquierdo.
   3. En este panel podrá seleccionar o descargar las plataformas deseadas.
2. A través del terminal
   1. Pulse con el botón derecho del ratón sobre su proyecto y pase el ratón sobre Mostrar en y seleccione Terminal en el menú contextual.
   2. Esto debería añadir un separador junto a la consola en Eclipse
   3. Aquí podrá añadir manualmente plataformas mediante los mandatos de la interfaz de línea de mandatos (CLI) de Cordova
      • cordova platform ls listará las plataformas disponibles e instaladas
      • cordova platform add <platform>, donde ** es la plataforma deseada, añadirá la plataforma especificada al proyecto.
      • Para obtener más información sobre mandatos específicos de la plataforma Cordova, consulte Documentación de mandatos de la plataforma Cordova.

Modalidad de depuración

La habilitación de la modalidad de depuración mostrará registros de nivel de depuración en la consola de Eclipse, a la vez que permitirá una visualización previa de la aplicación en un navegador. Para habilitar la modalidad de depuración, hago lo siguiente:

1. Abra las preferencias de Eclipse.
2. Seleccione los Plugins de MobileFirst Studio para mostrar la página de preferencias de plugins.
3. Asegúrese de que el recuadro de selección Habilitar modalidad de depuración está seleccionado y, a continuación, pulse Aplicar → Aceptar

Live Update

Mientra realiza una vista de una aplicación Live Update está disponible. Puede realizar actualizaciones, guardar sus cambios y verlos renovados de forma automática en la vista previa.

Integración de MobileFirst Server en Eclipse

MobileFirst Developer Kit, permite acoplar lo anterior ejecutando MobileFirst Server en Eclipse para crear un entorno de desarrollo más integrado.

Vídeo de demostración