{"id":620,"date":"2016-02-16T17:24:43","date_gmt":"2016-02-16T17:24:43","guid":{"rendered":"https:\/\/possibleapp.com\/blog\/?p=620"},"modified":"2016-02-16T17:24:43","modified_gmt":"2016-02-16T17:24:43","slug":"nativefier-instantly-converts-any-website-into-a-desktop-program-using-command-line","status":"publish","type":"post","link":"https:\/\/possibleapp.com\/blog\/2016\/02\/nativefier-instantly-converts-any-website-into-a-desktop-program-using-command-line\/","title":{"rendered":"Nativefier Instantly Converts Any Website Into a Desktop Program Using Command Line"},"content":{"rendered":"<p><a href=\"https:\/\/possibleapp.com\/blog\/wp-content\/uploads\/2016\/02\/nativefier-fossbytes-app.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone  wp-image-621\" src=\"https:\/\/possibleapp.com\/blog\/wp-content\/uploads\/2016\/02\/nativefier-fossbytes-app-300x188.jpg\" alt=\"nativefier-fossbytes-app\" width=\"651\" height=\"408\" srcset=\"https:\/\/possibleapp.com\/blog\/wp-content\/uploads\/2016\/02\/nativefier-fossbytes-app-300x188.jpg 300w, https:\/\/possibleapp.com\/blog\/wp-content\/uploads\/2016\/02\/nativefier-fossbytes-app-1024x640.jpg 1024w, https:\/\/possibleapp.com\/blog\/wp-content\/uploads\/2016\/02\/nativefier-fossbytes-app-436x272.jpg 436w, https:\/\/possibleapp.com\/blog\/wp-content\/uploads\/2016\/02\/nativefier-fossbytes-app.jpg 1440w\" sizes=\"auto, (max-width: 651px) 100vw, 651px\" \/><\/a><\/p>\n<p><em><strong>Short Bytes: <\/strong>Nativefier\u00a0is based on the <span class=\"skimlinks-unlinked\">Node.js<\/span> runtime environment which can convert any web page into an automated desktop application.\u00a0Nativefier does this using a framework called Electron. The Electron framework enables a programmer to write desktop applications in JavaScript, HTML, and CSS.<\/em><\/p>\n<p>Even if the web pages\u2019 capabilities have increased with HTML 5 and\u00a0JavaScript, we still tend to think a web page as something where images, texts, and videos live inside the browser. The growth and advancement in JavaScript and its extensions have brought an era of the web applications. A URL can now work as a fully developed web application like Google Maps.<\/p>\n<p>As web apps have made a progress to this point, developers have been trying to break web applications free from its native web. JavaScript applications, on the others hand, have been able to ditch the browser thanks to the <span class=\"skimlinks-unlinked\">Node.js<\/span>platform.<\/p>\n<div class=\"code-block code-block-9 ai-desktop\"><\/div>\n<p><span class=\"skimlinks-unlinked\">Node.js<\/span> is a runtime environment that allows JavaScript to run by interacting within a normal computer operating system rather than merely a browser. It\u2019s commonly used to build JS-based web servers in place of PHP.<\/p>\n<p>Nativefier does this using a framework called Electron. The Electron framework enables a programmer to write desktop applications in JavaScript, HTML, and CSS.<\/p>\n<p>It first automatically creates a template of the target website and then feeds the template into Electron, which then \u201cwraps\u201d the template with all of the required stuff to make an .exe or .app file, using a browser window to render the HTML.<\/p>\n<p>Nativefier is a user-friendly platform. It runs from the <span class=\"skimlinks-unlinked\">Node.js<\/span> command line simply as:<\/p>\n<div id=\"crayon-56c353dd654f9991533368\" class=\"crayon-syntax crayon-theme-github crayon-font-monaco crayon-os-pc print-yes notranslate\" data-settings=\" minimize scroll-mouseover\">\n<div class=\"crayon-main\">\n<table class=\"crayon-table\">\n<tbody>\n<tr class=\"crayon-row\">\n<td class=\"crayon-nums \" data-settings=\"show\">\n<div class=\"crayon-nums-content\">\n<div class=\"crayon-num\" data-line=\"crayon-56c353dd654f9991533368-1\">1<\/div>\n<\/div>\n<\/td>\n<td class=\"crayon-code\">\n<div class=\"crayon-pre\">\n<div id=\"crayon-56c353dd654f9991533368-1\" class=\"crayon-line\"><span class=\"crayon-i\">nativefier<\/span> \u201c<span class=\"crayon-v\">http<\/span><span class=\"crayon-o\">:<\/span><span class=\"crayon-c\">\/\/<span class=\"skimlinks-unlinked\">fossbytes.com<\/span>\u201d<\/span><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n<\/div>\n<p>\u2014 <a href=\"https:\/\/www.npmjs.com\/package\/nativefier\" target=\"_blank\" rel=\"nofollow\">Nativefier<\/a><\/p>\n<p>What do you think of the future of the web development? Let us know your opinion in the comments below.<\/p>\n<p>Get <a href=\"https:\/\/deals.fossbytes.com\/sales\/newbie-to-node-course-bundle\" target=\"_blank\">Node Developer Course Bundle<\/a>\u00a0at fossBytes store.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Short Bytes: Nativefier\u00a0is based on the Node.js runtime environment which can convert any web page into an automated desktop application.\u00a0Nativefier does this using a framework called Electron. The Electron framework enables a programmer to write desktop applications in JavaScript, HTML, and CSS. Even if the web pages\u2019 capabilities have increased with HTML 5 and\u00a0JavaScript, we [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":621,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-620","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-general"],"_links":{"self":[{"href":"https:\/\/possibleapp.com\/blog\/wp-json\/wp\/v2\/posts\/620","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/possibleapp.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/possibleapp.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/possibleapp.com\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/possibleapp.com\/blog\/wp-json\/wp\/v2\/comments?post=620"}],"version-history":[{"count":1,"href":"https:\/\/possibleapp.com\/blog\/wp-json\/wp\/v2\/posts\/620\/revisions"}],"predecessor-version":[{"id":622,"href":"https:\/\/possibleapp.com\/blog\/wp-json\/wp\/v2\/posts\/620\/revisions\/622"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/possibleapp.com\/blog\/wp-json\/wp\/v2\/media\/621"}],"wp:attachment":[{"href":"https:\/\/possibleapp.com\/blog\/wp-json\/wp\/v2\/media?parent=620"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/possibleapp.com\/blog\/wp-json\/wp\/v2\/categories?post=620"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/possibleapp.com\/blog\/wp-json\/wp\/v2\/tags?post=620"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}