Nativefier,将网站转换为Ubuntu 18.10中的桌面应用程序

关于本地人

在下一篇文章中,我们将看一下Nativefier。 我们已经讨论过这个工具 在同一博客中 前一段时间。 在这篇文章中,我们将看到如何在Ubuntu 18.10中安装和使用它来 将网页转换为本地应用程序.

想要网站的本机应用程序的原因有很多。 它们通常工作得很好,此外,它们还具有人们期望桌面应用程序提供的某些功能。 通常, 适合放在桌子上 Gnu / Linux在创建它们时对其进行了配置。

在Ubuntu 18.10上安装Nativefier

Nativefier是NodeJS应用程序 在Gnu / Linux和其他可以运行Node的操作系统上运行。 默认情况下,没有在任何主要发行版中安装此程序。 因此,我们必须先了解如何配置NativeFier,然后才能开始将网站转换为适用于Gnu / Linux的桌面应用程序。

安装NPM

Nativefier严重依赖于NodeJS编程语言。 因此,我们将 安装此程序包管理器,名为 NPM,这应该足够了。

在我们的Ubuntu 18.10上安装NPM,我们只需打开一个终端(Ctrl + Alt + T)并输入以下内容:

sudo apt install npm

安装Nativefier

当NodeJS软件包管理器在我们的计算机上启动并运行时,我们必须使用它来安装Nativefier。 我们将通过打开终端(Ctrl + Alt + T)来完成此操作,然后 使用npm命令 如下:

安装nativefier npm ubuntu 18.10

sudo npm install nativefier -g

警告:安装没有sudo的Nativefier可能会导致问题。

将网站转换为应用

Nativefier的工作原理是根据URL生成电子框架 从命令行接收到的。 要使用网站创建本地Gnu / Linux应用程序,只需执行以下步骤:

  • 步骤1→ 查找您要为其创建应用程序的网站。 在浏览器中建立网站后,用鼠标突出显示URL,然后右键单击该URL。 选择选项“复制“。
  • 步骤2→在终端窗口中, 使用Nativefier生成一个基本应用程序,粘贴刚复制的网址。 在本文中,我们将使用相同的网站。

crear app con nantivefier Ubunlog

nativefier -p linux -a x64 -n ubunlog https://ubunlog.com
  • 步骤3→Nativefier将把URL包含在电子应用程序中。 生成应用程序时,请注意终端,这一点很重要。 如果出现错误,请按组合键Ctrl + C 并再次运行该命令。
  • 步骤4→当Nativefier完成生成应用程序时,您应该 可以使用之前更新此权限。 要设置权限,请在终端中运行以下命令:
cd *-linux-x64

sudo chmod +x *
  • 步骤5→ 运行你的应用程序 电子个性化:

app nativefier ubunlog 已发布

./ubunlog

自定义应用程序选项

在帖子的这一部分中,我们将简要回顾 Nativefier的一些选项。 这些将使用户可以创建更好的桌面应用程序。

注意:所有选项都可以同时编写。 同时使用多少个没有限制。

在系统托盘中

你想允许吗 使应用程序出现在系统托盘中? 尝试使用生成应用程序 –tray选项:

系统任务栏应用

nativefier -p linux -a x64 -n nombreapp https://url-pagina-app.com --tray

全屏

您是否希望您的应用程序能够全屏启动? 用途 “全屏”选项 在以下命令中启用它:

nativefier -p linux -a x64 -n nombreapp https://url-pagina-app.com --full-screen

开始最大化

这是可能的 迫使我们的电子应用始终开始最大化。 要获得它,您只需要使用 “最大化”选项 在命令中创建应用程序:

nativefier -p linux -a x64 -n nombreapp https://url-pagina-app.com --maximize

启用FlashPlayer

可能有一个基于Flash的Web应用程序。 幸运的是,Nativefier有一种方法 加载Adobe Flash插件。 我们只需要添加 “闪光灯”选项 到我们一直在使用的命令:

nativefier -p linux -a x64 -n nombreapp https://website-app-url.com --flash

总是起来

您想要电子应用吗 忽略窗口管理器规则,并始终显示在所有内容之上 其余的部分? 证明 “始终置顶”选项 使用Nativefier进行编译时:

nativefier -p linux -a x64 -n nombreapp https://website-app-url.com --always-on-top

更多配置选项

本地帮助

nativefier --help

Nativefier的帮助向我们展示了 我们可以用来配置应用程序的不同选项。 我们将能够在您的网站中找到有关此工具的更多信息 GitHub资料库.


发表评论,留下您的评论

发表您的评论

您的电子邮件地址将不会被发表。 必填字段标有 *

*

*

  1. 负责数据:MiguelÁngelGatón
  2. 数据用途:控制垃圾邮件,注释管理。
  3. 合法性:您的同意
  4. 数据通讯:除非有法律义务,否则不会将数据传达给第三方。
  5. 数据存储:Occentus Networks(EU)托管的数据库
  6. 权利:您可以随时限制,恢复和删除您的信息。

  1.  

    npm ERR! typeerror错误:缺少必需的参数#1
    npm ERR! andLogAndFinish(/usr/share/npm/lib/fetch-package-metadata.js:31:3)发生类型错误
    npm ERR! fetchPackageMetadata处的typeerror(/usr/share/npm/lib/fetch-package-metadata.js:51:22)
    npm ERR! resolveWithNewModule(/usr/share/npm/lib/install/deps.js:456:12)发生TypeError
    npm ERR! 在/usr/share/npm/lib/install/deps.js:457:7处发生typeerror
    npm ERR! 在/usr/share/npm/node_modules/iferr/index.js:13:50处发生typeerror
    npm ERR! 在/usr/share/npm/lib/fetch-package-metadata.js:37:12发生typeerror
    npm ERR! 在addRequestedAndFinish处发生typeerror(/usr/share/npm/lib/fetch-package-metadata.js:82:5)
    npm ERR! returnAndAddMetadata时发生类型错误(/usr/share/npm/lib/fetch-package-metadata.js:117:7)
    npm ERR! 在pickVersionFromRegistryDocument处出现类型错误(/usr/share/npm/lib/fetch-package-metadata.js:134:20)
    npm ERR! 在/usr/share/npm/node_modules/iferr/index.js:13:50处发生typeerror
    npm ERR! typeerror这是npm本身的错误。 请在以下位置报告此错误:
    npm ERR! 类型错误

    npm ERR! 请在支持请求中包括以下文件:
    npm ERR! /home/joan/npm-debug.log

    帮助