Primeros pasos con XULRunner

8 05 2007

Este artículo es una versión libre, del original, publicado en idioma inglés en MDC (Mozilla Developer Center) por Mark Finkle. La finalidad del mismo, es presentar una guía de configuración y desarrollo de una aplicación sencilla bajo XULRunner.

XUL es la propuesta de Mozilla frente a nuevas tecnologías como XAML y Apollo. Es un lenguaje basado en XML, utilizado para describir interfaces. XULRunner es un especie de maquina virtual que ejecuta aplicaciones basadas en XUL fuera del explorador. A continuación se muestra una serie de pasos para instalar XULRunner en el sistema y desarrollar una aplicación XUL sencilla.

Paso 1: Descargue XULRunner: Puede encontrar un vínculo de descarga en la página principal de XULRunner en MDC. El instalador de XULRunner bajo Windows es un archivo comprimido y no un instalador. La versión para Mac, si es distribuida en un archivo de instalación.

Paso 2: Instale XULRunner: En Windows, descomprima los archivos de la aplicación. Sobre Mac, el instalador instalará el "Framework" en el directorio Library/Frameworks.

Paso 3: Cree la estructura de directorios: La estructura de directorios, básica, para una aplicación XUL debe ser como la expresada a continuación:

/appname
    /chrome
       /content
           main.xul
       chrome.manifest
    /defaults
       /preferences
           prefs.js
    application.ini

Note que hay cuatro archivos en la estructura de directorios: application.ini, chrome.manifest, prefs.js y main.xul.

Paso 4: Configurando application.ini: Este archivo actua como el archivo de inicio de la aplicación XUL, determinando como la aplicación utiliza la plataforma de XULRunner y proveyendo información que XULRunner utilizará para ejecutar la aplicación:

[App]
Vendor=Finkle
Name=Test App
Version=1.0
BuildID=20060101
Copyright=Copyright (c) 2006 Mark Finkle
ID=xulapp@starkravingfinkle.org

[Gecko]
MinVersion=1.8
MaxVersion=1.8

Paso 5: Configurando el Chrome manifest: El archivo chrome manifest es usado por XULRunner para especificar URI’s que indican localizaciones de recursos. Esto se refleja claramente cuanto vemos direcciones “chrome://”. Las aplicaciones pueden ser distribuidas en formato JAR o directamente en una estructura de carpetas y archivos.

content myapp file:content/

Asegurese que el nombre de la aplicación está en letras minúsculas y tiene una longitud mayor a 3 caractéres.

Paso 6: Configurando las preferencias: El archivo prefs.js le indica a XULRunner el nombre de los archivos XUL que se usan como ventana principal

pref("toolkit.defaultChromeURI", "chrome://myapp/content/main.xul");

Las preferencias que XULRunner incluyen:

Para mayor información, puede consultarse el documento XULRunner:Specifying Startup Chrome Window.

Paso 7: Creando un archivo XUL: Finalmente, necesitamos crear una simple ventana, descrita en el archivo main.xul

<?xml version = "1.0"?>
<?xml-stylesheet href = "chrome://global/skin/" type = "text/css"?>

<window id = "main" title = "My App" width = "300" height = "300"
xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"&gt;

   <caption label="Hello World"/>
</window>

Paso 8: Ejecutando la Aplicación: A llegado el momento de la verdad. Podemos ejecutar la aplicación desde la linea de comandos abriendo el directorio.

# Windows

# Si el directorio de instalación de XULRunner fué agregado a la ruta
# PATH
xulrunner.exe application.ini

# Si solamente descomprimimos el ejecutable de XULRunner
..\xulrunner\xulrunner.exe application.ini

# Mac

/Library/Frameworks/XUL.framework/xulrunner-bin application.ini


Acciones

Information

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s




A %d blogueros les gusta esto: