Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 48 vistas

    Manual Exportar Exe

    Cargado por

    Julians Kalderón
    Este documento describe cómo crear aplicaciones de escritorio utilizando JavaScript y HTML5. Explica que con tecnologías como Node.js, se pueden usar librerías como Angular y React para crear aplicaciones nativas. Luego guía al lector a través de los pasos para empaquetar un proyecto de muestra utilizando herramientas como Gulp y Node-Webkit Builder.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd

    Manual Exportar Exe

    Cargado por

    Julians Kalderón
    48 vistas2 páginas
    Este documento describe cómo crear aplicaciones de escritorio utilizando JavaScript y HTML5. Explica que con tecnologías como Node.js, se pueden usar librerías como Angular y React para crear aplicaciones nativas. Luego guía al lector a través de los pasos para empaquetar un proyecto de muestra utilizando herramientas como Gulp y Node-Webkit Builder.

    Descripción original:

    intructivo para exportar un .exe desde html

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Este documento describe cómo crear aplicaciones de escritorio utilizando JavaScript y HTML5. Explica que con tecnologías como Node.js, se pueden usar librerías como Angular y React para crear aplicaciones nativas. Luego guía al lector a través de los pasos para empaquetar un proyecto de muestra utilizando herramientas como Gulp y Node-Webkit Builder.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    48 vistas2 páginas

    Manual Exportar Exe

    Cargado por

    Julians Kalderón
    Este documento describe cómo crear aplicaciones de escritorio utilizando JavaScript y HTML5. Explica que con tecnologías como Node.js, se pueden usar librerías como Angular y React para crear aplicaciones nativas. Luego guía al lector a través de los pasos para empaquetar un proyecto de muestra utilizando herramientas como Gulp y Node-Webkit Builder.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    de 2

    APLICACIONES DE ESCRITORIO CON

    JAVASCRIPT Y HTML5

    En los ltimos aos las apps de escritorio han recuperado cierto terreno. Hay apps nuevas con interfaces muy ricas como Slack, Popcorn
    Time, Whatsapp de escritorio (no oficial), el IDE
    Atom y muchos otros. Y lo ms interesante es lo 2.Proyecto en blanco:
    que est detrs: Node.js, JavaScript, HTML y
    CSS.
    Como segundo paso, crearemos una carpeta en
    el escritorio que contendr 2 archivos y una carCon la gran cantidad de tecnologas y libreras de peta con los siguientes nombres exactos y extenexcelente calidad que existen para realizar apli- siones de los mismos:
    caciones web en javascript, como Angular, Material Design, Backbone, Ionic, React y muchos
    otros, poder utilizarlas para hacer una app de escritorio se transforma en una alternativa muy interesante. No slo la calidad final puede ser muy
    buena y nativa, sino que las aplicaciones tienen
    acceso a todo el sistema operativo y utilizamos
    el mismo stack. Utilizamos el mismo stack! No es 3.package.json:
    una cuestin menor en lo referente a la productividad del equipo.
    Para empezar, definimos nuestras dependenEste manual sera una gua practica paso a paso cias (las libreras que descargara y utilizara para
    para la verificacin o instalacin de Node.js alis- nuestro encapsula-miento )de build en el packatamiento de archivos y encapsula-miento de una ge.json. Solo necesitamos el builder y gulp para
    ayuda visual calculadora juego o cualquier pro- correrlo:
    yecto realizado en html5 css3 y javascript.
    Para ejemplificar encapsularemos el juego de la
    ruleta anticonceptivos de abbott.

    1. Node.js:
    Este es el encargado de contener los comandos
    y libreras pertinentes, para la conexin con el
    Node Webkit el encargado de encapsular nuestro html en una ventana de nuestro sistema operativo. Para este paso utilizaremos nuestra consola de comandos (Windows) o terminal (iOs).
    Para verificar si Node.js ya esta en nuestro sistema escribimos el comando node -v

    4.Gulpfile.js:

    Este comando nos mostrara la versin de Node,


    si se encuentra instalado de no ser as saldr un El gulpfile es bastante sencillo, referirse a la documentacin de node-webkit-builder para ms
    mensaje de comando desconocido.
    Entonces instalaremos Node, esto se hace des- detalles de configuracin.
    cargando el ejecutable y siguiendo los pasos de
    instalacin desde su sitio web: https://nodejs.
    org/en/

    4.src lo mas importante:

    4.1 src nuestra app:

    Dentro de src los nicos requisitos que se exi- Ponemos los archivos que sern empaquetados.
    ge es la presencia de otro archivo package.json
    (otro ms, este adentro de /src) y un icono de
    100px de ancho por 100px de alto.

    5.2. gulp:
    Al correr el comando gulp, node-webkit-builder
    descargar los ejecutables empaquetar para
    cada plataforma elegida (win32 y osx64), aadiendo a nuestra carpeta de proyecto dos carpetas mas una llamada build y otra llamada cache.

    En este caso vamos a mantenerlo simple, indicamos el archivo principal (index.html), y la con- Nota: en la etiqueta <title></title> del
    figuramos la ventana nativa en la que correr archivo principal (index.html)debe ir el titulo
    que llevara la app en la ventana.
    nuestra aplicacin.

    6. Fin:
    5. Instalamos y empaquetamos:
    Finalmente abrimos nuevamente nuestra consola o terminal; luego de escribir el comando cd y
    arrastrar la carpeta principal donde hemos creado nuestro proyecto para indicarle la ruta pulsamos enter para entrar.

    5.1. npm install:


    Escribimos el comando npm install este
    instalara todas las dependencias que pusimos
    en el primer package.json, creando una nueva
    carpeta en nuestro proyecto llamada: node_modules

    Para mayor detalle referirse a https://github.


    com/nwjs/nw.js/wiki/Manifest-format.

    Al finalizar el empaquetado ya podremos buscar


    nuestro archivo en la carpeta build que el sistema aadi en nuestro proyecto.

    También podría gustarte