Crea aplicacións de escritorio desde calquera páxina web

Probablemente moitos dos nosos lectores teñan o seu propio blog, usen Telegram Web ou simplemente empregan páxinas web específicas a diario. Para todos eles, imos ensinar como crear aplicacións de escritorio de calquera páxina web, facilmente e rapidamente, usando nativo.

nativo

Que é Nativefier?

Nativo é unha ferramenta multiplataforma de código aberto, desenvolvida por Jia hao usando JavaScript, HTML e CSS (con Electron), para crear aplicacións de escritorio para calquera páxina web, de xeito sinxelo e rápido.

Nativo céntrase en permitir aos usuarios facer aplicacións cunha configuración mínima, xa que ademais de "axustar" a web, consegue identificar automaticamente a icona e o nome da aplicación.

O seu desenvolvemento inspirouse, no molesto que pode ser, ter que cambiar ⌘-tabo alt-tab e facer buscas constantes en moitas pestanas cando se traballa con páxinas que usamos a miúdo como Facebook Messenger. nativoexemplo

Como se instala Nativefier?

Para instalar Nativefier necesitamos ter instalado Nodo.js 4.0 ou superior, entón executamos na nosa consola:

$ npm instala nativefier -g

Como crear unha aplicación de escritorio con Nativefier?

Crea unha aplicación de escritorio de calquera páxina web con Nativo É moi sinxelo, abonda con situarnos no directorio onde queremos almacenar a aplicación para crear e executar o seguinte comando:

$ nativo "https://blog.desdelinux.net"

Nativo determinará o nome da concatenación da aplicación, o nome da web, o seu sistema operativo e a súa arquitectura. Se desexa seleccionar o nome da aplicación, pode facelo especificando o --name "Medium"como se mostra a continuación.

$ nativefier --name "Desde Linux" "https://blog.desdelinux.net"

Se desexa engadir a aplicación ao menú da súa distribución, debe crear un ficheiro .desktop en /home/$USER/.local/share/applications colocando o seguinte (cambie o directorio polo que corresponda):

[Desktop Entry]
Comment=Aplicación de Escritorio DesdeLinux creado con nativefier
Terminal=false
Name=DesdeLinux
Exec=/the/folder/of/the/DesdeLinux/DesdeLinux
Type=Application
Icon=/the/folder/of/the/DesdeLinux/resources/app/icon.png
Categories=Network;

Espero que comece a gozar das súas propias aplicacións de escritorio, as páxinas que máis usa.


O contido do artigo adhírese aos nosos principios de ética editorial. Para informar dun erro faga clic en aquí.

24 comentarios, deixa os teus

Deixa o teu comentario

Enderezo de correo electrónico non será publicado. Os campos obrigatorios están marcados con *

*

*

  1. Responsable dos datos: Miguel Ángel Gatón
  2. Finalidade dos datos: controlar SPAM, xestión de comentarios.
  3. Lexitimación: o seu consentimento
  4. Comunicación dos datos: os datos non serán comunicados a terceiros salvo obrigación legal.
  5. Almacenamento de datos: base de datos aloxada por Occentus Networks (UE)
  6. Dereitos: en calquera momento pode limitar, recuperar e eliminar a súa información.

  1.   Kurt dixo

    Oxalá se entendese algo.
    Sempre me chamou a atención a incapacidade das persoas que escriben textos informáticos para decatarse de que o que escriben non é o que pensan que escriben; o que se pode entender a partir do que escriben non se corresponde en absoluto co que queren que se entendan.
    Vai levar moitos intentos de proba e erro para ver o que se quería dicir e cal é, polo tanto, a correcta interpretación deste artigo.

    1.    Luigys toro dixo

      ¿Sabes que é unha aplicación? Se a resposta é afirmativa, o que permite nativefier é crear unha aplicación nativa para calquera sitio web. É dicir, leva o sitio web e encapsúlao nunha xanela á que podes acceder de forma independente. Desde o menú da aplicación ou de escritorio ...

      Actualicei o artigo cunha imaxe gif para verificar que entendes mellor o propósito da aplicación http://i2.wp.com/blog.desdelinux.net/wp-content/uploads/2016/10/nativefierExample.gif

      1.    rjz dixo

        Non te malgastes ... non deberías saber o que é unha "aplicación" e moito menos o que significa a palabra "web".

    2.    elián dixo

      Nin moito menos que será Linux como tería acabado aquí

  2.   JL10 dixo

    Pero isto, nun escritorio ou portátil, para que serve? Que propósito? Non entendo moito, se cadra se me escapa algo ...

    1.    Luigys toro dixo

      É para calquera tipo de ordenador, o artigo actualizouse cunha imaxe gif para que comprenda mellor o propósito da aplicación http://i2.wp.com/blog.desdelinux.net/wp-content/uploads/2016/10/nativefierExample.gif

      1.    rjz dixo

        Aclara que só funciona nun ordenador de mesa ... sempre que a mesa teña 4 patas.
        Non funciona coas mesas redondas. channnn

  3.   Peter Parker dixo

    Vostede é usuario de Linux e tamén usuario de WhatsApp, a diferenza de Windows e Mac non hai ningunha aplicación nativa, polo tanto, ten que abrir o seu navegador e ingresar a WhatsApp Web. Ben, esta aplicación permítelle crear a súa propia «aplicación nativa de WhatsApp» sen cambiando constantemente entre pestanas.

    Por certo, boa contribución, encantoume esta aplicación, polo que podo desfacerme do whatsie en Archlinux

  4.   Brahian dixo

    Que bo artigo e por certo moi claro

  5.   Ricardo Rafael Rodríguez Reali dixo

    2 cousas:

    1: En que directorio instalas?
    2: Que motor empregas? Pregúntolle, porque me interesa Netflix e Crackle.

    Graciñas ... !!!

    1.    Luigys toro dixo
      1. É posible facelo en calquera directorio, useino especialmente no meu fogar
      2. Está construído usando Electron, que utiliza internamente JavaScript, HTML e CSS sobre (Nodo, Chromium, V8). Funciona ben con Netflix e Crackle (se tes Adobe-Flashplugin instalado).
      1.    Caleb dixo

        Perdón, amigo, pero con Netflix non funciona para min. Hai un erro relacionado con widevinecmd que non me permite reproducir nada, no navegador funciona perfectamente. Coñeces algunha solución?

  6.   pepe dixo

    Bo artigo, pero faltaban as imaxes para poder entendelo (o gif non o puiden ver porque a miña conexión é lenta e queda atascada ao descargar)

  7.   astucia dixo

    este artigo quedoume moi ben! Quería facelo por moito tempo ... deixe unha páxina web no peirao. ¡Aprobareino!

  8.   rjz dixo

    Moi bo artigo ... grazas.

  9.   niphosio dixo

    Se a aplicación que se está a crear é de Linux, por que o ficheiro .desktop recibe o nome de Wassap?

    1.    Luigys toro dixo

      Corrixido, efectivamente o nome da aplicación debe ir, neste caso FromLinux (Aínda que nese caso funcionará igual, o único que terá un nome incorrecto)

  10.   Hernán dixo

    Funciona e é moi doado de usar, probado con telegrama web. Engado que despois de instalar o natifier cando se executa para encapsular algunha web, descargaranse 40 ~ 42mb correspondentes a Electron, pero nada que complique o uso do comando (tome precaucións aqueles con conexión lenta)

    nativefier «https://web.telegram.org» –nome «Telegram»
    Descargando electron-v1.1.3-linux-x64.zip
    [===========================================>] 100.0% de 40.4 MB (210.13 kB / s)

  11.   Arte dixo

    Interesante. Aínda que non vexo moito sentido instalar unha aplicación que poida facer exactamente o mesmo con Google Chrome ou Chromium, entendo que haberá quen prefira esta opción. Viva a liberdade de elección.

  12.   Bernardo henriquez dixo

    Excelente ... bo traballo ... ... é moi útil para min e por certo e enténdese ao 100%

  13.   ramuk dixo

    Ola
    teño Ubuntu 16.04.1
    é o mesmo progreso

  14.   César J. Pinto dixo

    Ou pode instalar Chrome ou Chromium e facer o mesmo sen instalar outras cousas. Quero dicir, nada máis entón.

  15.   Lobo gris dixo

    Fixen todos os pasos para ter acceso a Evernote dende o meu escritorio. Todo se fixo correctamente. Pero ningún caso de partida. O executable non arranca. Whyeeeeee ???? Que fixen para merecer isto?

  16.   Juan Cedeño dixo

    npm install -g nativefier
    loadDep: sempre → cabeceiras ▀ ╢█████████████ººººººººººCººººººCººººººººººC ººCºººººº
    Motor WARN asado@0.13.1: buscado: {«nodo»: »> = 4.6 ″} (actual: {« nodo »:» 4.2.6 ″, »npmloadDep: uuid → caché engadir ▀ ╢███████████ ███ºCººººººººººººººººººººººººººººººººº
    Motor WARN hawk@6.0.2: buscado: {«nodo»: »> = 4.5.0 ″} (actual: {« nodo »:» 4.2.6 ″, »npnpm WARN checkPermissions Falta o acceso de escritura a / usr / local / lib / node_modules / nativefier
    npm WARN checkPermissions Falta o acceso de escritura a / usr / local / lib / node_modules
    / Usr / local / lib
    └──nativefier@7.5.4

    npm ERR! Linux 4.8.0-53-xenérico
    npm ERR! argv "/ usr / bin / nodejs" "/ usr / bin / npm" "install" "-g" "nativefier"
    npm ERR! nodo v4.2.6
    npm ERR! npm v3.5.2
    npm ERR! ruta / usr / local / lib / node_modules / nativefier
    npm ERR! código EACCES
    npm ERR! erro -13
    npm ERR! acceso syscall

    npm ERR! Erro: EACCES: permiso denegado, acceso a '/ usr / local / lib / node_modules / nativefier'
    npm ERR! en Error (nativo)
    npm ERR! {[Erro: EACCES: permiso denegado, acceso '/ usr / local / lib / node_modules / nativefier']
    npm ERR! errno: -13,
    npm ERR! código: 'EACCES',
    npm ERR! syscall: 'acceso',
    npm ERR! camiño: '/ usr / local / lib / node_modules / nativefier'}
    npm ERR!
    npm ERR! Por favor, tente executar este comando de novo como root / administrador.

    npm ERR! Inclúa o seguinte ficheiro con calquera solicitude de asistencia:
    npm ERR! /home/juanka/npm-debug.log
    Recibo este erro