Crea aplicaciones nativas de webs con Nativefier

por | 21 enero, 2016

nativefier

Nativefier es un software multiplataforma con licencia libre MIT que nos permite construir aplicaciones de escritorio, haciendo un uso intensivo de las tecnologías web en que se basa el proyecto Electron (Chromium, node.js, JavaScript, HTML, CSS)

Es una opción interesante para aquellos que odian tener demasiadas pestañas abiertas en el navegador, y desean abrir determinados sitios web –el autor menciona explicitamente sitios de chat como Facebook Messenger o Whatsapp Web, a los que yo no tocaría ni con un palo enganchado al mouse– como cualquier otro programa de escritorio.

De esta manera y tirando una simple linea de comando, esa página web pasa de vivir en la pestaña de nuestro navegador a una interfaz muy diáfana, desprovista de elementos superfluos, que se puede incorporar al sistema como programa de inicio, integrarla al menú o ponerle un bonito icono para destacarla del resto, lo que más nos apetezca.

Como os comentaba al principio este software hace uso de las tecnologías de node.js, así que la manera más sencilla de instalarlo es usando su gestor de paquetes npm, disponible en los repositorios de todas las distribuciones GNU/Linux:

sudo npm install nativefier -g

Una vez instalado Nativefier para crear la aplicación web nativa ejecutamos:

nativefier "https://lamiradadelreplicante.com/"

y listo! Ya tenemos un ejecutable disponible en nuestro directorio personal, para acceder a esa web.

Lo de poner la dirección de mi blog no es imprescindible, aunque si recomendable ;-),

y lo de las comillas creo que tampoco, porque me acabo de crear una app para Google Maps bastante chula sin ellas:

nativefier2

nativefier https://www.google.es/maps

Nativefier es un software multiplataforma disponible para Linux, OS X y Windows, que además de tener la habilidad de detectar de forma inteligente el sistema operativo, la arquitectura del procesador y de paso «adivinar» el nombre de la aplicación; también dispone de algunas características adicionales para personalizarla (dimensiones, user-agent, iconos, renombrado) que podéis consultar en su página de GitHub.

14 pensamientos en “Crea aplicaciones nativas de webs con Nativefier

  1. Marcelo

    ‘un palo enganchado al mouse’ -> Jaaaaaaaaaaaaaaaaaaaaa, alegoría de la san ostia si las hay !!! Grande señor !!!

    Responder
  2. MakuSensei

    gracias por la info, logre hacerme una app de messenger xD para windows :3 la unica cosa que no he logrado es que me reconozca la cadena del icono y aun no veo como hacer que se integre a la barra de notificaciones

    Responder
    1. tannhausser Autor

      messenger, onedrive, windows… espero que la captura esté retocada por photoshop y que cuando entres en la web lo hagas utilizando edge, sino me sentiría muy decepcionado 🙂

      Un saludo y bonito wallpaper!

      Responder
    2. Rotietip

      ¿Acaso soy el único al que le resulta antintuitivo tener la barra de tareas arriba en lugar de abajo?

      Responder
  3. JuanJo

    Qué tal José.
    Intenté instalar Nativefier en mi Ubuntu Wili-Werewolf de 64 bits. Pero al ejecutar el comando «npm» me dice que no encuentra la orden. Gracias y un saludo!

    Responder
    1. tannhausser Autor

      será que no tienes instalado «npm»?

      Lo digo por ir eliminando opciones

      Un saludo

      Responder
  4. indiolinux

    No lo conocía, pero me vino como mandado a pedir para abandonar el navegaor, crear la webapp de google docs y trabajar colaborativamente en esa hoja de cálculo que ocupa mi tiempo en estos días….Gracias x divulgar

    Responder
  5. indiolinux

    Hay que borrar los espacios al inicio de los nombres de las webapps creadas por nativefier…….probé con evernote y te crea la app con el siguiente nombre: » The workspace for your life’s work | Evernoteamazonandroidappleblackberrywindows-linux-x64″…. la solución para que arrancara (que no lo hacía) fue borrar los espacios al inicio..en mi caso, dejé el nombre así «The workspace for your life’s work» y listo, …evernote ya corre………

    Responder

Responder a MakuSenseiCancelar respuesta

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.