Introduction

Web applications can be pretty helpful when a native application is unavailable. In today’s tutorial, we will make an AppImage file of a web application using a tool called nativefier-appimage. nativefier-appimage makes it very easy to create AppImages of your favorite web applications and share them. It leverages the web application creation process by using nativefier. It packages the resulting web application in an AppImage for portability using appimagetool (which is included by default in Nitrux).

Note: We might change the name at some point if more features are added to the code (if needed).

Difficulty: ★☆☆☆☆


Getting started

To make our AppImage for this tutorial, we need to install npm.

  • In Nitrux, npm binaries are installed in the Home directory.
pkcon install npm

Now we need to download nativefier-appimage. After downloading the program, give it execution permissions.

  • Optionally move it to your $PATH, i.e., /usr/bin for system-wide access.
wget https://raw.githubusercontent.com/Nitrux/nativefier-appimage/main/nativefier-appimage
chmod +x nativefier-appimage
sudo mv nativefier-appimage /usr/bin

That’s all we need.

Making a web application

Now let’s create a web application. For this tutorial, we’ll create an AppImage of a WebGL game called HexGL. All we need to do is run nativefier-appimage, appending the application’s name and URL.

nativefier-appimage HexGL http://hexgl.bkcore.com/play $path_to_icon_or_web_link_to_png

Our AppImage will be created, and now we can move it to ~/Applications so that it’s integrated into the desktop.

To test it, we launch it from the menu.

And it works!.

We even have support to use the global menu or the HUD.

 


That’s it; this concludes today’s tutorial.

guest

0 Comments
Inline Feedbacks
View all comments