Utilización de la CLI de MobileFirst en Eclipse

improve this page | report issue

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

  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”

    Imagen de la instalación de MobileFirst Studio

  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.

    Imagen de la instalación de 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

    Imagen del nuevo asistente de Cordova

  3. Dé un nombre al proyecto y pulse Siguiente

    Imagen de asignación de un nuevo nombre en Cordova

  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 Imagen de importación de un proyecto de Cordova

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

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

    Imagen de la instalación del nuevo plugin de Cordova

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:

Opción de menú Acción Interfaz de línea de mandatos de MobileFirst equivalente
Abrir consola del servidor Cuando existe la definición de servidor, abre la consola de forma que se pueden ver las distintas acciones en el servidor especificado. mfpdev server console
Vista previa de aplicación Abre la aplicación en la modalidad de vista previa del navegador. Abre la aplicación en la modalidad de vista previa del navegador.
Registrar aplicación Registra la aplicación con el servidor especificado en sus definiciones de servidor. mfpdev app register
Cifrar aplicación Ejecuta la herramienta de cifrado de recursos web en su aplicación. mfpdev app webencrypt
Hacer pull a aplicación Recupera la configuración de la aplicación existente desde el servidor especificado en la definición de servidor. mfpdev app pull
Hacer push a aplicación Envía la configuración de su aplicación actual al servidor que se especifica en la definición de compilación de forma que pueda reutilizarla en otra aplicación. mfpdev app push
Actualizar aplicación Empaqueta el contenido de la carpeta www en un archivo .zip y sustituye la versión en el servidor con la del paquete. mfpdev app webupdate

Sugerencias y consejos

menú contextual en Eclipse para abrir en IDE externos

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 que desea, añadirá una plataforma 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

Last modified on July 17, 2018