Using nativefier for creation of desktop application based on electron with any website

  • Magnolia cms apps

Recently I was working a bit more with Magnolia CMS. While I was working on it locally I really wanted to basically just package it as desktop application so it would be a bit easier to use it locally or even having multiple sources pointing in its own direction.

So let’s take a good look first for a hosted page in my case I pointed it to Magnolia on a server and secondly let’s try it on localhost as well.

 

1.) We will need Nativefier

2.) Install nativefier with npm:

npm install nativefier -g

3.) Use it on any website you need(in my case it was a special URL, so i just put it here as a placeholder):

nativefier www.website.com

4.) It will create an application in whichever directory you are positioned in the terminal. Navigate to it.

5.) Open your application and enjoy your beautiful little desktop app!

 

References:

Nativefier(used for transformation): https://github.com/jiahaog/nativefier

Electron(It’s used for actual app): https://electronjs.org/

npm(used for installing Nativefier): https://www.npmjs.com/

By |February 26th, 2018|Categories: ALL|

About the Author:

Senior lead developer currently working in Java, architecture design, mix of tech from Front-end in JS and templating to chef,rundeck etc. For fun and challenge I am writing different blog posts from stories to poems, programming tutorials and many more. Currently working on my Masters degree on a part-time basis.