Descargas, guías, trucos, gameplays...

domingo, 15 de febrero de 2015

Crear aplicaciones Windows, Windows Phone, iOs y Android con Visual Studio 2013






Con la posibilidad de instalar el componente de Apache Cordova a la versión Visual Studio 2013 Community se abre la posibilidad de poder programar con HTML + Javascript una sola aplicación y poder compilarla para que funcione con múltiples plataformas.


8989

Instalar Visual Studio Tools para Apache Cordova

Visual Studio 2013
Este artículo se refiere a Visual Studio Tools para Apache Cordova, que es un software de vista preliminar. Las características descritas están en vista previa y pueden sufrir cambios. Puede descargar la vista previa desde el Centro de descarga de Microsoft.
En este artículo se describe cómo instalar las herramientas y dependencias de terceros necesarias para crear aplicaciones Cordova multiplataforma con Visual Studio Tools para Apache Cordova:

Requisitos


  • Uno de los siguientes sistemas operativos: Windows 7, Windows 8, Windows 8.1 o Windows Server 2012 R2.
    Nota importante Importante
    Si usa Windows 7, puede desarrollar aplicaciones para iOS y Android, pero no para Windows o Windows Phone.
  • Visual Studio 2013 Update 4 (Professional, Ultimate o Premium) con las siguientes características instaladas:
    • Herramientas para mantener aplicaciones de la Tienda de Windows 8
    • Windows Phone SDK 8.0
      Estas características se pueden agregar a una instalación existente de Visual Studio 2013 Update 4. En el Panel de control, seleccione Programas y características. Seleccione Visual Studio 2013 en la lista y, a continuación, elija Cambiar. En la ventana de instalación de Visual Studio, elija Modificar. En la lista de características, seleccione las dos opciones como se indica en esta ilustración.
      Instalar las características opcionales de Visual Studio
Existen algunos requisitos más para compilar aplicaciones para plataformas de dispositivo específicas:

Obtener las herramientas


Para obtener la extensión Visual Studio Tools para Apache Cordova, vaya al Centro de descarga de Microsoft. Siga los pasos descritos en la siguiente sección para instalar la extensión.
Nota importante Importante
Si ya ha instalado un CTP de Visual Studio Tools para Apache Cordova (aplicaciones híbridas para varios dispositivos), primero debe desinstalar el CTP usando el Panel de control, Programas y características antes de instalar Visual Studio 2013 Update 4 y el CTP actual.
En Visual Studio 2015 Preview, Visual Studio Tools para Apache Cordova se puede instalar como característica opcional durante la instalación. Para el proceso de instalación, vea Compilar aplicaciones multiplataforma con Visual Studio Tools para Apache Cordova.

Instalar las herramientas


El programa de instalación instala primero una revisión de Visual Studio para admitir el desarrollo de aplicaciones Cordova. Luego, ofrece la opción de instalar el siguiente software de terceros. La mayoría consiste en software de código abierto que las plataformas específicas o Apache Cordova necesitan.
  • Joyent Node.js permite que Visual Studio se integre con la interfaz de la línea de comandos de Apache Cordova y con el emulador Apache Ripple.
  • Git CLI solo es necesario si debe agregar URI de Git manualmente para complementos de Cordova específicos.
  • Google Chrome es necesario para ejecutar el emulador Apache Ripple para iOS y Android.
  • Apache Ant 1.8.0 o posterior es necesario para el proceso de compilación en Android.
  • Oracle Java JDK 7 es necesario para el proceso de compilación en Android.
  • Android SDK es necesario para el proceso de compilación en Android y para Ripple.
  • SQLite para Windows en tiempo de ejecución es necesario para agregar conectividad SQL a las aplicaciones Windows (para el complemento WebSQL Polyfill).
  • Apple iTunes es necesario para implementar una aplicación en un dispositivo iOS en el PC de Windows.

Para instalar la extensión y dependencias de Visual Studio

  1. Ejecute el programa de instalación que encontró en Obtener las herramientas.
  2. Siga las instrucciones para instalar la extensión de Visual Studio.
  3. Cuando se le pida, deje que el programa de instalación instale dependencias de software de terceros, o también puede borrar las selecciones de software e instalar manualmente las dependencias que necesitará más adelante.
    Nota importante Importante
    Si las dependencias de terceros ya están en el sistema o si decide instalarlas manualmente, tendrá que actualizar la ruta del sistema. Vea Instalación manual de las dependencias.
    Seleccionar software de terceros para instalar
  4. Reinicie el equipo.
    Nota importante Importante
    Debe reiniciarlo para asegurarse de que todo se ha instalado correctamente.
  5. Abra Visual Studio y seleccione HerramientasExtensiones y actualizaciones y, por último, Actualizaciones. Si hay una actualización de Visual Studio disponible para Visual Studio Tools para Apache Cordova, instálela.
    Nota Nota
    La primera vez que compile una aplicación después de instalar las herramientas, Visual Studio descargará e instalará las herramientas de Cordova. Es por esto que la primera compilación tarda más tiempo en completarse. Consulte la Ventana de salida para ver el progreso.
  6. Antes de ejecutar la aplicación en el simulador iOS o un dispositivo iOS, debe instalar al agente remoto en un equipo Mac. Consulta Instalar las herramientas de compilación para iOS.

Instalar las dependencias manualmente


Si decide no instalar una o más dependencias con la extensión, puede instalarlas manualmente más adelante.
Nota de precaución Precaución
Las dependencias se pueden instalar en cualquier orden, a excepción de Java. Debe instalar y configurar Java antes de instalar Android SDK.
Lea la siguiente información y use estos vínculos para instalar las dependencias manualmente.
  • Se recomienda instalar la versión de x86 de Node.js.
  • Al instalar las herramientas de la línea de comandos Git, seleccione la opción que agrega Git a la ruta de acceso de línea de comandos.
    Nota de precaución Precaución
    Las herramientas de la línea de comandos de Git 1.9.3 se instalan de manera predeterminada. Pueden producirse errores inesperados si instala una versión anterior a 1.9.0.
    • Descargue y extraiga Ant en una ubicación como C:/ant-1.x.x
    • Establezca la variable de entorno ANT_HOME de forma que apunte a la ubicación anterior.
    • Agregue lo siguiente a la ruta del sistema: %ANT_HOME%\bin
    • Establezca la variable de entorno JAVA_HOME en C:/Archivos de programa/Java/jdk1.7.0_55
    • Agregue lo siguiente a la ruta del sistema: %JAVA_HOME%\bin
  • Android SDK con los siguientes paquetes de SDK:
    • Herramientas de Android SDK (última versión)
    • Herramientas de la plataforma Android SDK (última versión)
    • Herramientas de compilación de Android SDK (última versión)
    • Android 4.4.x (API nivel 19) con los siguientes paquetes:
      • SDK Platform
      • Imagen del sistema ARM EABI v7a
      • Imagen del sistema Intel x86 Atom
      • API de Google (imagen del sistema x86)
      • API de Google (imagen del sistema ARM)
    La siguiente ilustración muestra los paquetes necesarios en el administrador del SDK de Android.
    Paquetes necesarios para el SDK de Android
    Establezca la variable de entorno ADT_HOME en la ubicación de instalación del SDK.
    Agregue lo siguiente a la ruta del sistema: %ADT_HOME%\tools;%ADT_HOME%\platform-tools
    Sugerencia Sugerencia
    Si instala el SDK de Android en su ubicación predeterminada en Windows, se instala en C:\Program Files (x86)\Android\android-sdk.
  • Apple iTunes (x86x64)
  • WebSocket4Net (obligatorio si desarrolla la aplicación en Windows 7)
    1. Descargue WebSocket4Net(0.9).Binaries.zip de CodePlex.
    2. Desde el archivo zip descargado, copie net45\Release\WebSocket4Net.dll en la carpeta %ProgramFiles(x86)%\Microsoft Visual Studio 12.0\Common7\IDE\CommonExtensions\Microsoft\WebClient\Diagnostics\ToolWindows del equipo.

Instalar las herramientas para iOS


Se necesitan algunos pasos más para compilar y ejecutar aplicaciones para iOS desde Visual Studio. Consulta Instalar las herramientas de compilación para iOS.

Invalidar variables de entorno del sistema


Visual Studio detecta las configuraciones del software de terceros que haya instalado y mantiene las rutas de instalación en las siguientes variables de entorno:
  • ADT_HOME señala la ruta de instalación de Android.
  • ANT_HOME señala la carpeta Ant en el equipo.
  • GIT_HOME señala de la ruta de instalación de Git.
  • JAVA_HOME señala de la ruta de instalación de Java.
Visual Studio usa estas variables de entorno al compilar y ejecutar la aplicación. Puede ver las variables de entorno y revisar sus valores a través del cuadro de diálogo Opciones de Visual Studio. Probablemente le interese invalidar la configuración predeterminada por una de las siguientes razones:
  • Visual Studio no pudo comprobar la ruta de acceso. En este caso, se muestra una advertencia al lado de la variable de entorno.
  • Tiene varias versiones del software instalado y quiere usar una versión específica.
  • Quiere que la ruta de acceso de entorno global sea diferente del entorno local de Visual Studio.

Para invalidar las variables

  1. En la barra de menús de Visual Studio, elija HerramientasOpciones.
  2. En el cuadro de diálogo Opciones, seleccione Tools para Apache Cordova y, a continuación, elija Invalidaciones de variables de entorno.
  3. Realice los cambios:
    • Para invalidar un valor, active casilla correspondiente y, a continuación, revise el valor.
      Si la información de ruta de acceso es válida o no aparece, Visual Studio muestra una advertencia junto a esa variable.
    • Para restablecer una variable de entorno a su valor predeterminado, desactive la casilla o elija Restablecer valores predeterminados.
  4. Seleccione Aceptar para guardar los cambios y cerrar el cuadro de diálogo.
Variables del entorno, mensaje de advertencia

Actualizar manualmente la versión de Cordova


Visual Studio se ha probado con una versión específica de Apache Cordova. Intentamos que se pueda seleccionar una versión de Cordova en cada proyecto, pero incluso ahora es posible aplicar una revisión para usar una versión diferente de Cordova en todos los proyectos de su sistema.
Nota de precaución Precaución
Oficialmente no se permite aplicar revisiones a Visual Studio. Podría lograr comportamientos imprevistos y recomendamos que solo usuarios avanzados den estos pasos. La revisión realiza cambios en todo el sistema en su máquina.

Para actualizar Visual Studio para que use una versión diferente de Cordova

  1. Después de instalar Visual Studio Tools para Cordova, cree y compile un proyecto en blanco para instalar Cordova.
  2. Abra una línea de comandos y escriba este comando:
    cd %appdata%\npm\node_modules\vs-mda\
    
    Si instaló Node.js usted mismo, vs-mda podría estar instalado en una ubicación diferente. El comando anterior muestra la ubicación de instalación predeterminada.
  3. En la línea de comandos, escriba este comando:
    npm install cordova@version --save
    
    donde version es la versión de la CLI de Cordova que quiere usar. Por ejemplo, podría usar 4.1.0.
    Si ha instalado Cordova en algún otro lugar, puede escribir cordova --version para averiguar la versión de Cordova.
    Nota importanteImportante
    Asegúrese de omitir el conmutador global -g cuando ejecute el comando de instalación anterior.
  4. Ejecute una operación de limpieza, como Limpiar solución en el proyecto que está editando en Visual Studio para que el cambio de versión surta efecto.

Para revertir a la versión admitida de Cordova

  • Abra un símbolo del sistema y escriba:
    npm uninstall -g vs-mda
    
    Visual Studio reinstalará automáticamente vs-mda la próxima vez que compile.
    También puedes buscar el filtro vs-mda en C:\Archivos de programa (x86)\Microsoft Visual Studio 12.0\Common7\IDE\Extensions y modificar package.json para hacer referencia a la versión que quiere usar. Cuando termine de modificar el paquete package.json, ejecute el siguiente comando desde la misma carpeta:
    npm install -g vs-mda
    
Para admitir la compilación de iOS en su Mac, la versión de Cordova que vs-mda-remote usa debe coincidir con la versión que instaló con Visual Studio. En los siguientes pasos se describe cómo actualizar vs-mda-remote para usar una versión específica de Cordova. Para obtener información completa sobre cómo instalar las herramientas de compilación de iOS, vea Instalar las herramientas de compilación para iOS.

Para actualizar vs-mda-remote en su Mac a una versión diferente de Cordova

  1. Abra la aplicación Terminal en su Mac y escriba el siguiente comando:
    cd /usr/local/lib/node_modules/vs-mda-remote
    
    Si no instaló vs-mda-remote globalmente (-g), la ubicación de vs-mda-remote podría ser diferente en su Mac. 
  2. Escriba este comando:
    sudo npm install cordova@version --save
    
    donde version es la misma versión de la CLI de Cordova que instaló anteriormente. Por ejemplo, podría ser 4.1.0.
    Nota importanteImportante
    Asegúrese de omitir el conmutador global -g cuando ejecute el comando de instalación anterior.
    Si instaló Cordova en otro lugar, puede escribir cordova --version para averiguar la versión de Cordova.
    Ejecute una operación de limpieza, como Limpiar solución en el proyecto que está editando en Visual Studio para que el cambio de versión surta efecto.

Para revertir vs-mda-remote en su Mac a la versión admitida

  1. Abra la aplicación Terminal en su Mac y escriba:
    sudo npm uninstall -g vs-mda-remote
    
    
  2. Escriba el comando siguiente:
    sudo npm install -g vs-mda-remote --save
    
    



1 comentario: