2. NW.js Native UI APIs | NW.js Essentials

Sign In Start Free Trial

Book Overview & Buying
Table Of Contents
Feedback & Rating

NW.js Essentials

By : Benoit

4.8 (5)

NW.js Essentials

4.8 (5)

By: Benoit

Overview of this book

If you are an experienced Node.js developer who wants to create amazing desktop applications using NW.js, this is the book for you. Prior knowledge of HTML5, jQuery, and CSS is assumed.

Preface

Preface

What this book covers

What you need for this book

Who this book is for

Conventions

Reader feedback

Customer support

Free Chapter

1. Meet NW.js

1. Meet NW.js

NW.js under the hood

Features and drawbacks of NW.js

Downloading and installing NW.js

Development tools

Writing and running your first "Hello World" app

Summary

2. NW.js Native UI APIs

2. NW.js Native UI APIs

The App API – the core of your applications

The Window API – working with windows on NW.js

The Screen API – screen geometry functions

The Menu API – handling window and context menus

File dialogs – opening and saving files

Opening files through file dragging

The Tray API – hide your application in plain sight

The Clipboard API – accessing the system clipboard

The Shell API – platform-dependent desktop functions

Summary

3. Leveraging the Power of Node.js

3. Leveraging the Power of Node.js

Routing and templating in NW.js

Node.js global and process objects

The window object

Using NW.js' main module

Handling paths in NW.js

NW.js context issues

Working with Node.js modules

Summary

4. Data Persistence Solutions and Other Browser Web APIs

4. Data Persistence Solutions and Other Browser Web APIs

Data persistence solutions

XMLHttpRequest and BLOBs

Handling media files

Shedding some light on security issues

The Web Notifications API

Summary

5. Let's Put It All Together

5. Let's Put It All Together

Let's get started!

A matter of style

The HTML5 skeleton

Let's dive deep into the application logic

The application layer

The NativeUI layer

Summary

6. Packaging Your Application for Distribution

6. Packaging Your Application for Distribution

The manifest file

The general logic behind the packaging procedure

Packaging NW.js applications for Mac OS X

Packaging NW.js applications for Microsoft Windows

Packaging NW.js applications for Linux

Securing your source code

About NW.js application licensing

Summary

7. Automated Packaging Tools

7. Automated Packaging Tools

Web2Executable

node-webkit-builder and grunt-node-webkit-builder

generator-node-webkit

Summary

8. Let's Debug Your Application

8. Let's Debug Your Application

Remote debugging

The DevTools API

Live reloading NW.js

Troubleshooting common issues

Summary

9. Taking Your Application to the Next Level

9. Taking Your Application to the Next Level

NW.js boilerplates

Development ideas

Resources and tutorials

Summary

Index

Index

Customer Reviews

4.8 (5)

5 star

80%

4 star

20%

3 star

0%

2 star

0%

1 star

0%

File dialogs – opening and saving files

Before talking about file dialogs, I have to do a little introduction. It is probably obvious, but while in the browser, file dialogs allow you to upload or download files, in NW.js, they do nothing but pass the path of the selected folder or files. So, any following operation will be done on the original file, not on a copy.

WebKit enables you to open file dialogs through the file input field but with many limitations due to security concerns. In NW.js, those limitations have been removed, and the default file input fields have been enhanced in order to give a full native user experience.

A faster way to open a file dialog is to add an event listener to the file input field as follows:

<input id="fileDialog" type="file">
<script>
document.querySelector('#fileDialog')
  .addEventListener("change", function() {
    var filePath = this.value;
    alert(filePath);
  });
</script>

In the preceding example, a default file input field will...

Visually different images

CONTINUE READING

83

Tech Concepts

36

Programming languages

73

Tech Tools

Unlimited access to the largest independent learning library in tech of over 8,000 expert-authored tech books and videos.

Innovative learning tools, including AI book assistants, code context explainers, and text-to-speech.

50+ new titles added per month and exclusive early access to books as they are being written.

NW.js Essentials

Search

Your notes and bookmarks