Crear Release con Flex Builder (propiedad viewSourceURL)


 Alguna vez os habréis encontrado que pulsando el botón derecho del ratón sobre alguna película flash, además de las opciones habituales, os aparece la opción View Source.

Pulsa para agrandar la imagen  

 Y cuando lo seleccionamos, nos envía a una pagina html en la cual se puede ver el código fuente de las clases actionScript, además de la opción de descargase el proyecto.

Para poder añadir esta opción a nuestros proyectos basta con seguir unos sencillos pasos.

Pulsa para agrandar la imagen

En primer lugar, para poder añadir la opción View Source debemos indicar en nuestras aplicaciones (mx:Application) la propiedad viewSourceURL: 

 

<mx:Application xmlns:mx=”http://www.adobe.com/2006/mxml“ 

                      viewSourceURL=”srcview/index.html>

A la propiedad viewSourceURL tenemos que asignarla la URL que queremos que se muestre cuando el usuario pulse sobre View Source. En mi caso es una URL relativa a mi aplicación Flex.

El siguiente paso, es generar la página html que muestra un árbol con todas las clases actionScript de nuestra aplicación.

Pulsa para agrandar la imagen

Para ello lo vamos a crear con Flex Builder, para ello basta con pulsar boton derecho sobre el proyecto Flex y seleccionamos Export → Flex Builder → Release Build y Next.

En la siguiente pantalla nos aparece el proyecto sobre el cual vamos a realizar la release y las y sobre que aplicaciones. En nuestro caso vamos seleccionamos All Applications. A continuacion debemos seleccionar el check Enable View Source, y pulsamos sobre el botón Choose Source Files. Esta opción nos permite seleccionar que elementos se van a incluir en el viewSource.

Y por ultimo pulsamos Finish.

Pulsa para agrandar la imagen

Comienza el proceso de generación de los ficheros de la release, la carpeta bin-release. En la siguiente imagen se puede ver la carpeta con todos los ficheros que contienen la release. Dentro de esta carpeta esta el fichero index.html. Esta página a la que tenemos que hacer referencia en la propiedad viewSourceURL.

Pulsa para agrandar la imagen

Aquí podemos ver un ejemplo. Basta con pulsar el botón derecho y seleccionar View Source.

Información y enlaces

Participa comentando, viendo lo que otros tienen que decir, o enlazandolo desde tu blog.


Otros Posts

Escriba un comentario

Tomate un momento para comentar y contar lo que piensas sobre el post. Puedes usar un HTML b´sico para formatear.

Comentarios leidos

¡Eres el primero en dejar un comentario!



Switch to our mobile site