服务器之家:专注于服务器技术及软件下载分享
分类导航

Linux|Centos|Ubuntu|系统进程|Fedora|注册表|Bios|Solaris|Windows7|Windows10|Windows11|windows server|

服务器之家 - 服务器系统 - Linux - 用开源工具将任何网站变成 Linux 桌面应用

用开源工具将任何网站变成 Linux 桌面应用

2021-11-11 23:12Linux中国Ayush Sharma Linux

最近,我发现了 Nativefier,现在我可以在我的 Linux 桌面上把 Mastodon 或其他任何网页应用作为桌面应用来使用。Nativefier 将一个 URL 用 Electron 框架包装起来,它将开源的 Chromium 浏览器作为后端,但使用自己的可执行程序运行。

用开源工具将任何网站变成 Linux 桌面应用

使用 Nativefier 和 Electron 从任何网站创建桌面应用。

Mastodon 是一个很好的开源、去中心化的社交网络。我每天都在使用 Mastodon,通过它的网页界面使用 Mastodon 可能是最常见的方式(尽管因为开源,它有许多不同的交互方式,包括基于终端的应用和移动应用),但我更喜欢专门的应用窗口。

最近,我发现了 Nativefier,现在我可以在我的 Linux 桌面上把 Mastodon 或其他任何网页应用作为桌面应用来使用。Nativefier 将一个 URL 用 Electron 框架包装起来,它将开源的 Chromium 浏览器作为后端,但使用自己的可执行程序运行。Nativefier 采用 MIT 许可证,可用于 Linux、Windows 和 MacOS。

安装 Nativefier

Nativefier 需要 Node.js。

安装 Nativefier 只需运行:

  1. $ sudo npm install -g nativefier

在我的 Ubuntu 桌面上,我必须先升级 NodeJS,所以当你安装 Nativefier 时,一定要检查需要哪个 Node 版本。

安装完毕后,你可以检查你的 Nativefier 的版本,以验证它是否已经安装:

  1. $ nativefier --version
  2. 45.0.4

运行 nativefier --help 列出了应用支持的所有选项。

设置

我建议你在开始用 Nativefier 创建应用之前,创建一个名为 ~/NativeApps 的新文件夹。这有助于保持你的应用有序。

  1. $ mkdir ~/NativeApps
  2. cd ~/NativeApps

为 Mastodon 创建一个应用程序

我将首先为 mastodon.technology 创建一个应用。

使用以下命令:

  1. $ nativefier --name Mastodon \
  2. --platform linux --arch x64 \
  3. --width 1024 --height 768 \
  4. --tray --disable-dev-tools \
  5. --single-instance https://mastodon.technology

这个例子中的选项做了以下工作:

  • --name:设置应用的名称为 Mastodon
  • --platform:设置应用程序的平台为 Linux
  • --arch x64:设置架构为 x64
  • --width 1024 --height 768:设置应用启动时的大小
  • --tray:为应用创建一个托盘图标
  • --disable-dev-tools:禁用 Chrome 开发工具
  • --single-instance:只允许应用有一个实例

运行这条命令会显示以下输出:

  1. Preparing Electron app...
  2.  
  3. Converting icons...
  4. Packaging... This will take a few seconds, maybe minutes if the requested Electron isn't cached yet...
  5. Packaging app for platform linux x64 using electron v13.4.0 Finalizing build...
  6.  
  7. App built to /home/tux/NativeApps/Mastodon-linux-x64, move to wherever it makes sense for you and run the contained executable file (prefixing with ./ if necessary)
  8.  
  9. Menu/desktop shortcuts are up to you, because Nativefier cannot know where you're going to move the app. Search for "linux .desktop file" for help, or see https://wiki.archlinux.org/index.php/Desktop_entries

输出显示,文件被放置在 /home/tux/NativeApps/Mastodon-linux-x64。当你 cd 进入这个文件夹,你会看到一个名为 Mastodon 的文件。这是启动该应用的主要可执行文件。在你启动它之前,你必须给它适当的权限。

  1. $ cd Mastodon-linux-x64
  2. chmod +x Mastodon

现在,执行 ./Mastodon 就可以看到你的 Linux 应用启动了!

用开源工具将任何网站变成 Linux 桌面应用

Mastodon app launched

为我的博客创建一个应用

为了好玩,我也要为我的博客创建一个应用。如果没有 Linux 应用,拥有一个技术博客有什么用?

用开源工具将任何网站变成 Linux 桌面应用

Ayush Sharma blog

命令是:

  1. $ nativefier -n ayushsharma \
  2. -p linux -a x64 \
  3. --width 1024 --height 768 \
  4. --tray --disable-dev-tools \
  5. --single-instance https://ayushsharma.in
  6.  
  7. $ cd ayushsharma-linux-x64
  8. chmod +x ayushsharma

为 findmymastodon.com 创建一个应用

最后,这是为我的宠物项目 findmymastodon.com 制作的应用。

用开源工具将任何网站变成 Linux 桌面应用

Find my mastodon website

命令是:

  1. $ nativefier -n findmymastodon \
  2. -p linux -a x64 \
  3. --width 1024 --height 768 \
  4. --tray --disable-dev-tools \
  5. --single-instance https://findmymastodon.com
  6.  
  7. $ cd findmymastodon-linux-x64
  8. chmod +x findmymastodon

创建 Linux 桌面图标

应用已经创建并可以执行了,现在是创建桌面图标的时候了。

作为示范,以下是如何为 Mastodon 启动器创建一个桌面图标。首先,下载一个 Mastodon 的图标。将该图标放在其 Nativefier 应用目录下,名为 icon.png

然后创建一个名为 Mastodon.desktop 的文件并输入以下文本:

  1. [Desktop Entry]
  2. Type=Application
  3. Name=Mastodon
  4. Path=/home/tux/NativeApps/Mastodon-linux-x64
  5. Exec=/home/tux/NativeApps/Mastodon-linux-x64/Mastodon
  6. Icon=/home/tux/NativeApps/Mastodon-linux-x64/icon.png

你可以把 .desktop 文件移到你的 Linux 桌面上,把它作为一个桌面启动器。你也可以把它复制到 ~/.local/share/applications 中,这样它就会出现在你的应用菜单或活动启动器中。

总结

我喜欢为我经常使用的工具配备专门的应用。我最喜欢的一个 Mastodon 应用特点是,当我登录到 Mastodon 之后,我就不必再次登录了! Nativefier 在底层运行 Chromium。所以它能够像其他浏览器一样记住你的会话。我想特别感谢 Nativefier 团队,他们让 Linux 桌面离完美更近了一步。

原文链接:https://linux.cn/article-13975-1.html

延伸 · 阅读

精彩推荐
  • Linux手把手教您在 Linux 上使用 GPG 加解密文件

    手把手教您在 Linux 上使用 GPG 加解密文件

    在本教程中,我将告诉你如何用 GPG 加密和解密文件。这是一个简单的教程,你可以在你的 Linux 系统上尝试所有的练习。这将帮助你练习 GPG 命令,并在你...

    Linux中国6962021-12-15
  • Linux详解Linux系统下PXE服务器的部署过程

    详解Linux系统下PXE服务器的部署过程

    这篇文章主要介绍了Linux系统下PXE服务器的部署过程,包括对PXE的API架构作了一个基本的简介,需要的朋友可以参考下...

    运维之道9812019-07-04
  • LinuxLinux lnmp下无法使用mail发邮件的两种解决方法

    Linux lnmp下无法使用mail发邮件的两种解决方法

    在配置了lnmp环境后,出现了mail函数不能发送邮件的问题,其实有两种方法,一是使用sendmail组件,而是使用postfix。下面为大家一一介绍下 ...

    Linux之家4042019-09-17
  • LinuxLinux中环境变量配置的步骤详解

    Linux中环境变量配置的步骤详解

    Linux中环境变量包括系统级和用户级,系统级的环境变量是每个登录到系统的用户都要读取的系统变量,而用户级的环境变量则是该用户使用系统时加载的...

    Myths7882022-02-10
  • LinuxLinux常用的日志文件和常用命令

    Linux常用的日志文件和常用命令

    成功地管理任何系统的关键之一,是要知道系统中正在发生什么事。 Linux 中提供了异常日志,并且日志的细节是可配置的。Linux 日志都以明文形式存储,所...

    Linux教程网2632020-04-18
  • LinuxLinux上设置用户通过SFTP访问目录的权限的方法

    Linux上设置用户通过SFTP访问目录的权限的方法

    这篇文章主要介绍了Linux上设置用户通过SFTP访问目录的权限的方法,SFTP可以理解为使用SSH协议进行FTP传输的协议,因而同时要对OpenSSH进行相关设置,需要的朋...

    OSChina10022019-06-19
  • Linux确保Linux系统安全的前提条件 漏洞防护

    确保Linux系统安全的前提条件 漏洞防护

    Linux 作为开放式的操作系统受到很多程序员的喜爱,很多高级程序员都喜欢编写Linux操作系统的相关软件。这使得Linux操作系统有着丰富的软件支持,还有无...

    Linux之家2642020-04-11
  • Linuxlinux中rmdir命令使用详解(删除空目录)

    linux中rmdir命令使用详解(删除空目录)

    今天学习一下linux中命令: rmdir命令。rmdir是常用的命令,该命令的功能是删除空目录,一个目录被删除之前必须是空的 ...

    linux命令大全5372019-11-19