Web applications can be pretty useful at times when a native application is not available. 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).
To make our AppImage for this tutorial, we will need to install npm.
- By default, in Nitrux, npm binaries are installed in the Home directory.
sudo apt install npm --no-install-recommends
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 name of the application and the 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.