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>

Related Content you might be interested in

Current Title:

Small book image
Building Cross-Platform Desktop Applications with Electron
Muhammed Jasim
Apr, 2017 | 344 pages
Small book image
Electron Projects
Denys Vuika
Nov, 2019 | 436 pages
Small book image
Cross-platform Desktop Application Development: Electron, Node, NW.js, and React
Dmitry Sheiko
Jul, 2017 | 300 pages
Small book image
Webpack 5 Up and Running
Tom Owens
May, 2020 | 220 pages
Table of Contents (19 chapters)
Title Page
Title Page
Credits
Credits
About the Author
About the Author
About the Reviewer
About the Reviewer
www.PacktPub.com
www.PacktPub.com
Customer Feedback
Customer Feedback
Preface
Preface
Free Chapter
1
Introducing Electron
Introducing Electron
Why desktop applications?
History of Electron
Introducing Electron
Accessing operating system APIs
Building a hello world application using Electron
Summary
2
Building Your First Electron Application
Building Your First Electron Application
Introducing the sample application
Setting up the development environment
Summary
3
Tooling and Debugging
Tooling and Debugging
Debugging an Electron application
Debugging with Visual Studio Code
Summary
4
Using Angular 2 with Electron
Using Angular 2 with Electron
Introducing the Facebook Graph API
Implementing oAuth authentication with Electron
Summary
5
Crafting User Interface
Crafting User Interface
Introducing Photon kit
Building a user interface with React desktop
Summary
6
Using Node.js with Electron
Using Node.js with Electron
Managing data stores
Accessing hardware
Using TypeScript and ES2015 with Electron
Summary
7
Deep Dive into Electron API - 1
Deep Dive into Electron API - 1
Inter-process communication with IPC module
Defining custom protocols
Sessions and cookies
Session
Native system dialogs
Working with clipboard
Managing display and power sleep mode
Monitoring power changes
Networking from the main process
Summary
8
Exploring Electron API - 2
Exploring Electron API - 2
Managing the web page using webContents
Extended Node.js process 
Customizing the browser window
Working with the shell
Controlling the application life cycle using app module
Summary
9
Integrating with Desktop Environments
Integrating with Desktop Environments
Introduction to desktop integration
Managing task list, recent documents, and the dock menu
Thumbnail toolbars
Managing display properties
Dealing with tray icons
Managing application logs
Running Electron application as Windows service
Universal Windows platform
Summary
10
Dealing with Web Standards
Dealing with Web Standards
Service workers
Customizing the notification
Summary
11
Testing Electron Application
Testing Electron Application
Introduction to JavaScript testing
Introduction to Spectron
Using ESNext in test cases
Using Chai as Promised
Summary
12
Packaging and Distributing the Application
Packaging and Distributing the Application
Building and packaging the Electron application
Packaging the Electron into asar archive 
Automating the build process
Summary

Chapter 11. Testing Electron Application

Testing the code is an important step when developing an application. The testing process should be carried out carefully to ensure the quality of the application. There are a number of automated testing tools available in the industry, which enhance the software stability and quality by catching more errors before the software reaches the end user. Especially with JavaScript, the choices are more. In this chapter, we will be discussing how to test an Electron application. If you are new to JavaScript testing, the first part of this chapter will give you a brief introduction to JavaScript testing, which is essential to test your application. The following points will be discussed in this chapter:

  • Introduction to JavaScript testing
  • Testing the Electron application with Spectron
  • Exploring the Spectron API

The chapter covers, mostly, a testing library called Spectron based on Chrome driver and WebDriverIO. Spectron can work with any other testing framework...

Previous Section
End of Section 1
Next Section