Vytvárajte desktopové aplikácie z ľubovoľnej webovej stránky

Pravdepodobne mnoho našich čitateľov má svoj vlastný blog, používa Telegram Web alebo jednoducho každodenne používa konkrétne webové stránky. Za všetkých budeme učiť ako vytvárať desktopové aplikácie na ľubovoľnej webovej stránke, ľahko a rýchlo, pomocou natívny.

natívny

Čo je Nativefier?

Nativefier je open source, multiplatformný nástroj vyvinutý spoločnosťou Jia hao pomocou JavaScriptu, HTML a CSS (s Electron), ľahko a rýchlo vytvárať desktopové aplikácie pre ľubovoľné webové stránky.

Nativefier sa zameriava na to, aby používateľom umožnil vytvárať aplikácie s minimálnou konfiguráciou, pretože okrem „zabalenia“ webu dokáže automaticky identifikovať ikonu a názov aplikácie.

Jeho vývoj bol inšpirovaný tým, aké nepríjemné môže byť, že sa musí zmeniť ⌘-tabo alt-tab a pri práci so stránkami, ktoré často používame, neustále vyhľadávať na mnohých kartách facebook Messenger. natívny príklad

Ako je nainštalovaný program Nativefier?

Na inštaláciu Nativefier musíme mať nainštalovaný Node.js 4.0 alebo vyššie, potom v našej konzole vykonáme:

$ npm inštalácia nativefier -g

Ako vytvoriť desktopovú aplikáciu s Nativefier?

Vytvorte aplikáciu pre počítač na ľubovoľnej webovej stránke pomocou Nativefier Je to veľmi jednoduché, stačí sa nájsť v adresári, kam chceme aplikáciu uložiť, a vytvoriť a vykonať nasledujúci príkaz:

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

Nativefier určí názov zreťazenia aplikácie, názov webu, jeho operačný systém a architektúru. Ak chcete zvoliť názov aplikácie, môžete to urobiť uvedením --name "Medium"ako je zobrazené v nasledujúcom.

$ nativefier - meno "DesdeLinux" "https://blog.desdelinux.net"

Ak chcete aplikáciu pridať do ponuky svojej distribúcie, musíte vytvoriť súbor .desktop en /home/$USER/.local/share/applications umiestnenie nasledujúceho (zmeňte adresár pre ten, ktorý zodpovedá):

[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;

Dúfam, že si začnete užívať svoje vlastné desktopové aplikácie, teda stránky, ktoré využívate najviac.


Zanechajte svoj komentár

Vaša e-mailová adresa nebude zverejnená. Povinné položky sú označené *

*

*

  1. Zodpovedný za údaje: Miguel Ángel Gatón
  2. Účel údajov: Kontrolný SPAM, správa komentárov.
  3. Legitimácia: Váš súhlas
  4. Oznamovanie údajov: Údaje nebudú poskytnuté tretím stranám, iba ak to vyplýva zo zákona.
  5. Ukladanie dát: Databáza hostená spoločnosťou Occentus Networks (EU)
  6. Práva: Svoje údaje môžete kedykoľvek obmedziť, obnoviť a vymazať.

  1.   Kurt dijo

    Bodaj by niečo bolo pochopené.
    Vždy ma zarazila neschopnosť ľudí, ktorí píšu texty z informatiky, aby si uvedomili, že to, čo píšu, nie je to, čo si myslia, že píšu; to, čo sa dá pochopiť z toho, čo píšu, vôbec nezodpovedá tomu, čomu chcú byť pochopení.
    Bude treba veľa pokusov a omylov, aby ste zistili, čo sa tým myslelo, a aká je teda správna interpretácia tohto článku.

    1.    Luigys toro dijo

      Viete, čo je to aplikácia? Ak je odpoveď áno, to, čo nativefier umožňuje, je vytvoriť natívnu aplikáciu pre ľubovoľný web. To znamená, že web vezme a zapuzdrí ho do okna, ku ktorému máte samostatný prístup. Z ponuky aplikácií alebo na pracovnej ploche ...

      Aktualizoval som článok obrázkom gif, aby som overil, že lepšie rozumiete účelu aplikácie http://i2.wp.com/blog.desdelinux.net/wp-content/uploads/2016/10/nativefierExample.gif

      1.    rjz dijo

        Nezatracujte sa ... nemali by ste vedieť, čo je „aplikácia“, tým menej, čo znamená slovo „web“.

    2.    elian dijo

      tým menej, že by tu skončil linux

  2.   JL10 dijo

    Čo je to však na stolnom alebo prenosnom počítači? Aký účel? Nerozumiem tomu veľa, možno mi niečo unikne ...

    1.    Luigys toro dijo

      Je to pre akýkoľvek typ počítača, článok bol aktualizovaný obrázkom gif, aby ste lepšie pochopili účel aplikácie http://i2.wp.com/blog.desdelinux.net/wp-content/uploads/2016/10/nativefierExample.gif

      1.    rjz dijo

        Ujasnite si, že to funguje iba na stolnom počítači ... pokiaľ má stôl 4 nohy.
        S okrúhlymi stolmi to nefunguje. channnn

  3.   Peter Parker dijo

    Ste používateľom systému Linux a tiež používateľom WhatsApp, na rozdiel od Windows a Mac neexistuje natívna aplikácia, preto musíte otvoriť prehliadač a zadať WhatsApp Web. Táto aplikácia vám umožňuje vytvoriť si vlastnú «natívnu aplikáciu WhatsApp» bez neustále prepínanie medzi kartami.

    Mimochodom, dobrý príspevok, táto aplikácia ma potešila, takže sa môžem zbaviť whatsie v Archlinuxe

  4.   brahian dijo

    Aký dobrý článok a mimochodom veľmi prehľadný

  5.   Ricardo Rafael Rodriguez Reali dijo

    2 veci:

    1: V ktorom adresári inštalujete?
    2: Aký motor používate? Pýtam sa, pretože toto ma zaujíma pre Netflix a Crackle.

    Na zdravie ... !!!

    1.    Luigys toro dijo
      1. Je možné to urobiť v ľubovoľnom adresári, zvlášť som to použil vo svojom domovskom priečinku
      2. Je zostavený pomocou technológie Electron, ktorá interne používa JavaScript, HTML a CSS (Node, Chromium, V8). Funguje dobre s programami Netflix a Crackle (ak máte nainštalovaný adobe-flashplugin).
      1.    Caleb dijo

        Prepáč brácho, ale s Netflixom to nefunguje u mňa existuje chyba súvisiaca s widevinecmd, ktorá mi nedovolí nič hrať, v prehliadači to funguje perfektne. Poznáte nejaké riešenie?

  6.   pepe dijo

    Dobrý článok, ale chýbali mu obrázky, aby som mu porozumel (gif, ktorý som nemohol vidieť, pretože moje pripojenie je pomalé a pri sťahovaní zostáva zaseknuté)

  7.   GUILLE dijo

    tento článok mi veľmi vyhovoval! Chcel som to urobiť dlho ... nechať webovú stránku v doku. Schválim to!

  8.   rjz dijo

    Veľmi dobrý článok ... ďakujem.

  9.   niphosio dijo

    Ak je vytváraná aplikácia desdelinuxPrečo má názov Wassap v súbore .desktop?

    1.    Luigys toro dijo

      Opravené, v tomto prípade musí byť skutočne zahrnutý názov aplikácie DesdeLinux (Hoci v takom prípade to bude stále fungovať, jediná vec bude mať nesprávny názov)

  10.   hernan dijo

    Funguje to a veľmi ľahko sa používa, testované pomocou telegramového webu. Dodávam, že po nainštalovaní natifikátora, keď sa vykoná na zapuzdrenie nejakého webu, sa stiahne 40 ~ 42 MB zodpovedajúcich Electronu, ale nič, čo komplikuje použitie príkazu (urobte preventívne opatrenia pre tých, ktorí majú pomalé pripojenie)

    nativefier «https://web.telegram.org» - názov «Telegram»
    Sťahuje sa electron-v1.1.3-linux-x64.zip
    [===========================================]] 100.0% zo 40.4 MB (210.13 kB / s)

  11.   Art dijo

    Zaujímavé. Aj keď nevidím veľký zmysel v inštalácii aplikácie, ktorá by dokázala robiť presne to isté s prehliadačom Google Chrome alebo Chromium, chápem, že sa nájdu takí, ktorí uprednostnia túto možnosť. Nech žije sloboda voľby.

  12.   Bernardo henriquez dijo

    Vynikajúci…. dobrá práca …… je veľmi užitočná a mimochodom a je 100% pochopená

  13.   ramuk dijo

    ahoj
    mam ubuntu 16.04.1
    je to rovnaký pokrok

  14.   Cesar J. Pinto dijo

    Alebo si môžete nainštalovať Chrome alebo Chromium a urobiť to isté bez toho, aby ste si nainštalovali ďalšie veci. Teda, nič viac potom.

  15.   lobogris dijo

    Urobil som všetky kroky, aby som mal prístup k Evernote z mojej pracovnej plochy. Všetko bolo urobené správne. Ale žiadny prípad začatia. Spustiteľný súbor sa nespustí. Whyeeeeee ???? Čo som urobil, aby som si to zaslúžil?

  16.   Juan Cedeño dijo

    npm install -g nativefier
    loadDep: semver → hlavičky ▀ ╢██████████████◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦◦░░░░Cºººº
    POZOR motor asar@0.13.1: hľadaný: {«uzol»: »> = 4.6 ″} (aktuálny: {« uzol »:» 4.2.6 ″, »npmloadDep: uuid → pridať do vyrovnávacej pamäte ▀ ██████████████ ███ºCººº?
    VÝSTRAHA engine hawk@6.0.2: hľadaný: {«uzol»: »> = 4.5.0 ″} (aktuálny: {« uzol »:» 4.2.6 ″, »npnpm VÝSTRAHA skontrolovať Povolenia Chýba prístup na zápis do / usr / local / lib / node_modules / nativefier
    npm WARN checkPermissions Chýba prístup na zápis do adresára / usr / local / lib / node_modules
    / Usr / local / lib
    └──nativefier@7.5.4

    npm ERR! Linux 4.8.0-53 - generický
    npm ERR! argv "/ usr / bin / nodejs" "/ usr / bin / npm" "nainštalovať" "-g" "nativefier"
    npm ERR! uzol v4.2.6
    npm ERR! npm v3.5.2
    npm ERR! cesta / usr / local / lib / node_modules / nativefier
    npm ERR! kód EACCES
    npm ERR! chyba -13
    npm ERR! prístup syscall

    npm ERR! Chyba: EACCES: povolenie odmietnuté, prístup „/ usr / local / lib / node_modules / nativefier“
    npm ERR! pri chybe (natívne)
    npm ERR! {[Chyba: EACCES: povolenie odmietnuté, prístup '/ usr / local / lib / node_modules / nativefier']
    npm ERR! errno: -13,
    npm ERR! kód: 'EACCES',
    npm ERR! syscall: 'access',
    npm ERR! cesta: '/ usr / local / lib / node_modules / nativefier'}
    npm ERR!
    npm ERR! Skúste tento príkaz spustiť znova ako root / administrátor.

    npm ERR! K žiadosti o podporu priložte nasledujúci súbor:
    npm ERR! /home/juanka/npm-debug.log
    Mám túto chybu