Instalar Adobe Flex 3 como plugin de Eclipse Galileo

Hola veamos como instalar Adobe Flex 3 como plugin en Eclipse en un ambiente windows, en mi caso lo hice sobre windows 7, pero no tuve problemas con Adobe Flex.

Si quieres ver como instalar Adobe Flex 3 como “stand alone” esta esste otro tutorial:

http://profesor.antonio.com.mx/?p=5

Primero debemos visitar esta pagina. Ahi puedes obtener una gratuita si estas desempleado, eres estudiante o eres profesor -como tu servidor- desde esta dirección (debes haber antes escaneado tu credencial, o comprobante adecuado) tambien puedes solicitar varias licencias para instalar Adobe Flex en todo el Laboratorio de tu Escuela:

https://freeriatools.adobe.com/

Y dar tus datos para poder descargar una version gratuita de Adobe Flex 3.

Descargaras el siguiente archivo, le damos doble clic, si estas en windows vista o superior, hay que dar permisos:

Archivo para instalar Adobe Flex 3 como plugin de Eclipse
Archivo para instalar Adobe Flex 3 como plugin de Eclipse

Nos presentara como va descomprimiendo el paquete:

Progreso de descomprecion del instalador de Adobe Flex 3
Progreso de descomprecion del instalador de Adobe Flex 3

Despues elegiremos English para el lenguaje del instalador y le damos clic en OK:

Escoger idioma del instalador de Adobe Flex 3
Escoger idioma del instalador de Adobe Flex 3

Nos dice que el “wizard” nos ayudara y guiara durante la instalacion del proceso, le damos clic en NEXT:

Wizard de instalacion de Adobe Flex 3
Wizard de instalacion de Adobe Flex 3

Aceptamos vender nuesta alma a Adobe -no es cierto-, pero conviene darle una leida para entretenerse un ratón por ahi… y le damos clic en NEXT:

Acuerdo de licencia de uso de Adobe Flex 3
Acuerdo de licencia de uso de Adobe Flex 3

Nos pregunta en que carpeta instalar el plugin. En mi caso, escogi instalar en la carpeta por default del programa, si no piensas cambiarla le damos clic en NEXT:

Escoger folder para la instalacion de Adobe Flex 3
Escoger folder para la instalacion de Adobe Flex 3

Pregunta ¿Donde esta la carpeta raiz de Eclipse?, si seguistes el tutorial anterior: http://profesor.antonio.com.mx/?p=153 entonces el valor sera: C:\eclipse como se muestra, si no, introduce el propio y dale clic en NEXT:

Escoger la carpeta de Eclipse para instalar plugin de Adobe Flex 3
Escoger la carpeta de Eclipse para instalar plugin de Adobe Flex 3

Nos muestra un aviso que esta buscando y reconociendo la carpeta de Eclipse:

Verificando carpeta de Eclipse
Verificando carpeta de Eclipse

En mi caso me dice que no es la carpeta ideal de Eclipse (versiones 3.2, 3.3 ó 3.4). Yo tengo la version 3.5 (aka Galileo), por eso no la reconoce, porque si hubo cambios fuertes en la liberacion de esa version, no os preocupeis si seguiste el tutorial de arriba mencionado y dale clic en PROCEED WITH CAUTION. Yo respondo 🙂 si has seguido todo:

Advertencia de version incompatible -segun- con Adobe Flex 3
Advertencia de version incompatible -segun- con Adobe Flex 3

Aqui un pantallazo de mi Eclipse Galileo y vemos como es la version 3.5.1 (ya existe la SR2):

Version de Eclipse Galileo
Version de Eclipse Galileo

Primero pregunta si quieres instalar el Adobe Flash Player que viene con Adobe Flex, los otros 2 elementos primero preguntan si quieres instalar las extensiones ColdFusion para Adobe Flex, y la segunda pregunta si quieres instalar las extensiones de JavaScript para Adobe Flex. En lo particular todos los ejemplos que desarrollaremos no he tenido la necesidad de utilizar algunas de las extensiones mencionadas. Aun asi, si tuvieras las necesidad de instalarlas despues, vuelves a ejecutar el instalador y listo, no hay pex, asi que despues le damos clic en NEXT:

Escoger añadidos para la instalacion de Adobe Flex 3
Escoger añadidos para la instalacion de Adobe Flex 3

Nos muestra un resumen de las opciones y chunches por instalar, si estamos de acuerdo y no nos arrepentimos, pues le damos clic en INSTALL:

Resumen de instalacion de Adobe Flex 3
Resumen de instalacion de Adobe Flex 3

Empieza a correr el “progress bar” con la información de lo que va haciendo… esperamos pacientes…

Progreso de instalación de Adobe Flex 3
Progreso de instalación de Adobe Flex 3

Una vez terminado el proceso, nos avisa que todo quedo bien (por ahi, cuando instale alguna vez en Windows XP SP2, me mando algunos mensajes que el Adobe Flash Player no se habia instalado correctamente, mas adelante veremos como solucionar eso, si a ti te manda esos mensajes, la verdad no son tan importantes), me avisa que no se pudo instalar adecuadamente el plugin en Eclipse, y nos muestra unas instrucciones para ARREGLAR EL ASUNTO, pero yo las intente y no me rula… Pero veremos como remediar ese pequeño detalle 😉 le damos clic en OK:

Aviso de como corregir la instalacion de Adobe Flex 3
Aviso de como corregir la instalacion de Adobe Flex 3

Nos indica la pantalla, que SI se instalo FLEX, pero que algunas cosas sucedieron mal (que raro), le damos clic en DONE:

Instalacion de Adobe Flex 3 completada
Instalacion de Adobe Flex 3 completada

Ahora vamonos a nuestra carpeta de eclipse y vamos a buscar la carpeta de links C:\eclipse\links que seria la nuestra si has seguido todos los pasos de la receta mencionada en el otro tutorial y en este:

Archivo link de Adobe Flex 3 para Eclipse
Archivo link de Adobe Flex 3 para Eclipse

Ahi buscaremos el archivo (sin extencion):

com.adobe.flexbuilder.feature.core.link

Y lo abriremos con un block de notas, y modificaremos su contenido hasta dejarlo como este (siempre y cuando, repito e insisto hayas seguido todo igualitito a lo que hemos hecho por aqui, si cambiaste algun valor, pues obvio lo vas a a tener que cambiar tu):

Modificacion del archivo link de Adobe Flex 3 para Eclipse
Modificacion del archivo link de Adobe Flex 3 para Eclipse

Una vez hecho esto, ejecutaremos Eclipse y una vez abierto, escogeremos OTHER en la vista de PERSPECTIVAS, como se ilustra:

Escoger perspectiva de Adobe Flex Development
Escoger perspectiva de Adobe Flex Development

Y si todo salio bien, entonces, veremos FLEX DEVELOPMENT dentro de las PERSPECTIVAS disponibles:

Perspectivas Flex Development en Eclipse
Perspectivas Flex Development en Eclipse

Y ahora si, nos mostrara la pagina de inicio de Flex Builder:

Pagina de bienvenida de Adobe Flex 3
Pagina de bienvenida de Adobe Flex 3

Acto seguido, nos pedira un SERIAL (arriba mencionamos como conseguir uno), y lo introducimos y damos clic en CLOSE, en mi caso tengo un serial educacional cortesia de Adobe:

Introducir Serial de Adobe Flex 3
Introducir Serial de Adobe Flex 3

¿Que pasa si eres desobediente, y quieres seguir las instrucciones para corregir el error de instalacion? (NO ES NECESARIO REALIZARLO SI YA REALIZASTE LO DE ARRIBA Y YA TE PIDIO EL SERIAL Y TODA LA ONDA).

Bueno aqui estan los pasos (que veran que son mas engorrosos, que el procedimiento que hice arriba):

1. Nos vamos al menu HELP y escogeremos INSTALL NEW SOFTWARE…

Instalar nuevo software en Eclipse
Instalar nuevo software en Eclipse

2. Le damos clic al boton ADD, para decirle que vamos a agregar un repositorio nuevo:

Escoger nuevo software en Eclipse
Escoger nuevo software en Eclipse

3. Le damos clic al boton LOCAL, para indicar donde esta el repositorio:

Escoger el respositorio local de Adobe Flex 3
Escoger el respositorio local de Adobe Flex 3

4. Escogemos la carpeta ECLIPSE que esta dentro de la carpeta de instalacion del FLEX:

Carpeta de repositorio de Adobe Flex 3 para Eclipse
Carpeta de repositorio de Adobe Flex 3 para Eclipse

5. Le damos clic en OK, cerramos el Eclipse lo volvimos a abrir… y NADA…!!! No sirven los pasos, la mejor opcion es como nosotros hicimos arriba editando ese archivo 😉

Aceptar el nuevo repositorio de Adobe Flex 3
Aceptar el nuevo repositorio de Adobe Flex 3

Ahora vamos a instalar un par de cositas, que el Adobe Flex 3, segun instala, pero hay versiones mas actualizadas en la siguiente direccion:

http://www.adobe.com/la/

Nos descargaremos el Adobe Flash Player y el Adobe AIR ambos deben ser la version que soporte DEBUG, ya que esa nos sirve para nosotros desarrolladores, la otra es para los simples mortales, perdon, usuarios. (Y si no tienes Adobe Reader, pues lo utilizaremos en conjunto con algunos ejemplos mas adelante, asi que es buen momento para descargarlo tambien).

Instalaremos el siguiente archivo: flashplayer_10_ax_debug.exe, que nos servira para instalar el Adobe Flash Player como un Control Active X, necesario para el mugroso navegador Internet Explorer (y no me vengas a decir que ¿Por qué le llamo “mugroso”? si para ti es la maxima experiencia navegando. Porque si has programado en web con PHP, JSP y JSF entenderas bien porque le pongo el mote de “mugroso”):

Icono Instalador Flash Player CX
Icono Instalador Flash Player CX
Progreso de Instalación del Control Active X
Progreso de Instalación del Control Active X

Luego instalaremos el siguiente archivo: flashplayer_10_plugin_debug.exe, que nos servira para instalar el Adobe Flash Player como un Plug-In, necesario para todos los demas navegadores que NO sean Internet Explorer. ¿Que cosas, no?

Icono Instalador Flash Player PL
Icono Instalador Flash Player PL
Progreso de Instalacion de Plug In
Progreso de Instalacion de Plug In

Luego instalaremos el siguiente archivo: AdobeAIRInstaller.exe, que nos servira para instalar el Adobe AIR, necesario para probar nuestras aplicaciones en Desktop o en Escritorio, cuando conozcas Adobe Flex, veras la redefinicion de “Write once, run anywhere”, ya que esta vez, si sera “write once” y si no preguntales a los desarrolladores que pasaron de swing a servlets… que tal les fue, hasta la llegada de JSP y las JSF (struts, ni los menciono, ya que es una historia aparte, muy fea de sun hacia sus desarrolladores):

Icono Instalador Adobe AIR
Icono Instalador Adobe AIR
Progreso de instalación de Adobe AIR
Progreso de instalación de Adobe AIR

Y estaremos listos para empujar tecla dentro de Adobe Flex.

Espero que sea de utilidad, es para los muy polluelos, pero necesario para realizar los jutsus mas avanzados de Adobe Flex.

Para estar al pendientes de nuevos tutoriales, pues ahi tienen mi cuenta de twitter: http://twitter.com/profesorAntonio y para quejas, pues a otro lado, porque nadie te obligo a leer este blog, feliz codigo y gracias.

Todas las imagenes mostradas aqui son con FINES EDUCATIVOS, cualquier otro uso pidanle un chance a ADOBE y a THE ECLIPSE FOUNDATION.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *