Book Image

Building Cross-Platform Desktop Applications with Electron

By : Muhammed Jasim
Book Image

Building Cross-Platform Desktop Applications with Electron

By: Muhammed Jasim

Overview of this book

<p>Though web applications are becoming increasingly popular, desktop apps are still important. The Electron framework lets you write cross-platform desktop applications using JavaScript, HTML, and CSS, and this book will teach you how to create your first desktop application with Electron. It will guide you on how to build desktop applications that run on Windows, Mac, and Linux platforms.</p> <p>You will begin your journey with an overview of Electron, and then move on to explore the various stages of creating a simple social media application. Along the way, you will learn how to use advanced Electron APIs, debug an Electron application, and make performance improvements using the Chrome developer tools. You’ll also find out how to package and distribute an application, and more.</p> <p>By the end of the book, you will be able to build a complete desktop application using Electron and web technologies. You will have a solid understanding of the common challenges that desktop app developers face, and you’ll know how to solve them.</p>
Table of Contents (19 chapters)
Title Page
Credits
About the Author
About the Reviewer
www.PacktPub.com
Customer Feedback
Preface

Working with the shell


The shell module provides functionalities that are related to the native desktop integrations. You can use this module to manage the files and URLs using the default application. For example, if you want to open a file using its default application, you can use this module. You can also open the URL in the default browser. This gives a deep integration with the operating system. The API is available both in the main process and the renderer process.

For example, you can open a file in native file explorer using the showItemInFolder method of the shell:

const { shell } = require('electron');
// Open the file explorer
shell.showItemInFolder('/Users/Guest/Downloads');

This opens the Downloads folder inside the file explorer or finder on Mac. To open a file with the default application that your file is associated with, you can use openItem method of the shell:

shell.openItem('/Users/Guest/Downloads/file.txt');

To open a link in the system default browser, use the openExternal...