However, this is just the developer's way of running an Electron app. You've probably noticed that starting the app isn't too user friendly. Notice it has a top menu bar and everything! Electron App In Action
The app should open up in it's own window. Everything should be good to go now, in the same terminal as before enter the following: npm start This will create a node_modules folder containing all the Node.js dependencies required for the app to work. Once you've got that covered, open a new cmd or terminal in the directory with the extracted files and run this command: npm install You can learn how to do it here, it's pretty straightforward. Since an Electron app is just a fancy Node.js app, you will need to have npm installed. We will take a closer look at the more interesting files and how it all works in a minute, but first, let's take the app for a spin. Judging by the file structure, you would never guess this is a desktop application and not just a simple website. All the files needed for the app to work are available in an archive which you can get from the Download button near the top of the page.Įxtract its contents in a directory of your choice. In addition to the regular HTML5 APIs, these websites can use the full suite of Node.js modules and special Electron modules which give access to the operating system.įor the sake of this tutorial, we will be building a simple app that fetches the most recent Tutorialzine articles via our RSS feed and displays them in a cool looking carousel. Getting Started With ElectronĪpps built with Electron are just web sites which are opened in an embedded Chromium web browser. We are going to rewrite the older NW.js version to use Electron, so you can easily compare them. These are NW.js, which we covered a few months ago, and the newer Electron, which we are going to use today (see the differences between them here). There are two popular open source projects which make this possible. Today you can create desktop apps using the already familiar HTML, JS and Node.js, then package it into an executable file and distribute it accordingly across Windows, OS X and Linux. Web applications become more and more powerful every year, but there is still room for desktop apps with full access to the hardware of your computer.
0 kommentar(er)
