Ejemplo de un "Hola Mundo" usando Jetpck

1. Creando AddOns con Jetpack jetpack.png

3. Descomprimir el archivo

4. Ingresar a la carpeta raíz del SDK y ejecutar por consola: source /bin/activate

5. Ejecutar cpx docs para activar documentación de Jetpack

6. Ingresar a la capeta examples ejecutando cd examples y crear la carpeta para el AddOn ejecutando mkdir holamundo jetpack.png

8. Crear dentro de la carpeta lib, un archivo llamado main.js

9. Editamos el archivo package.jason

10. {

11. "name": "holamundo",

12. "description": "Decir al mundo Hola Mundo",

13. "author": "yo (http://www.yo.org)",

14. "version": "0.1",

15. "license": "MPL 1.1/GPL 2.0/LGPL 2.1",

16. "main": "main"

17. } jetpack.png

19. {

20. exports.main=function(){

21. console.log("Vengo a decir al mundo Hola Mundo");

22. }

23. Regresamos a la carpeta holamundo y ejecutamos el comando cpx xpi para empaquetar nuestro addon.

24. Abrimos Firefox y en el menu Archivo en la opción Abrir Archivo buscamos nuestro .xpi.

25. Instalamos en AddOn.

26. En la barra de URL escribimos about:addons y podremos ver nuestro AddOn Instalado.

27. Ingresamos a la consola JavaScript para verificar el mensaje. jetpack.png

29. Creamos la jerarquia de directorios.

30. Creamos archivo .jason que contiene la descripción de nuestro AddOn.

31. Adicionamos al archivo main.js la funcionalidad de nuestro AddOn.

32. Genramos el paquete con el comando cpx xpi

33. Instalamos nuestro addOn.

34. Verificamos que funciona. jetpack.png

36. Blogs de Jetpack https://mozillalabs.com/jetpack/2010/06/10/extending-firefox-with-jetpack-presentation-vanjs/

37. En Mozilla Hispano http://www.mozilla-hispano.org/presentacion-de-jetpack/

38. En la documentación de Jetpack ejecutando el comando cpx docs jetpack.png