Electron.js

15. Electron.js – Основы. Electron API – Online/Offline Status, Battery Status

Это последняя заметка в которой я  рассматриваю Electron API, здесь будут показана реализация отслеживания online и offline состояния сети  и  Battery Status – состояние батареи если приложение запускается на ноутбуке. Online и offline события состояния сети и Battery Status являются частью стандартного API в HTML5.

Online/Offline Status

main.js

Узнать больше

14. Electron.js – Основы. Electron API – clipboard, Закадровый рендеринг

Продолжим рассматривать объекты Electron API, в данной заметке представлю объект clipboard и покажу как можно использовать закадровый рендеринг при реализации проектов. clipboard – выполняет копирование и вставку в буфер обмена операционной системы, на которой запущена программа. Закадровый рендеринг позволяет получить содержимое окна браузера в растровом изображении, поэтому его можно отобразить в любом месте, например, на текстуре в 3D-сцене.

clipboard

Примеры работы с буфером обмены системы

Узнать больше

13. Electron.js – Основы. Electron API – shell, nativeImage

В этот раз рассмотрим еще два объекта Electron API – shell и nativeImage. Объект shell обеспечивает управление файлами и URL, используя стандартные приложения для их открытия. Модуль shell предоставляет функции, относящиеся к десктопной интеграции. Объект nativeImage необходим для работы с изображениями, обеспечивает их подключение и конвертацию в различные форматы.

shell

Пример открытия ссылки в стандартном браузере пользователя:

Узнать больше

12. Electron.js – Основы. Electron API – process, screen

Продолжим рассматривать объекты и методы фреймворка Electron. В этот раз изучим возможности, которые предоставляют такие объекты как process и screen. Объект process является расширенной версией объекта Node.js process , его можно вызывать как в главном так и в renderer процессах. Объект screen предоставляет информацию о размере экрана, дисплеях, позиции курсора.

process

Примеры использования – process
main.js

renderer.js

Узнать больше

11. Electron.js – Основы. Electron API – webFrame, тег webview

Рассмотрим еще две интересные возможности, которые нам предоставляет Electron API, это возможность загружать внутри рендерер-процесса дочерние рендерер-процессы (за это отвечает тег <webview>) и возможность управлять отображением контента в окне (за это отвечает webFrame).

webFrame

Первый пример использования webFrame
Увеличение или уменьшение размера контента в окне приложения.

Узнать больше

10. Electron.js – Основы. Electron API – ipcMain и ipcRenderer

В прошлой заметке я рассмотрел возможность вызова методов и возможность создания дочерних окон из рендер-процесса , в этот раз опишу еще два класса ipcMain и ipcRenderer, которые используются для организации взаимодействия между программной частью приложения и функционалом Электрона. Их часто используют для создания управления функциями приложения через главное (меню в шапке) или контекстное меню.

Первый вариант
В этой реализации будет работать только один канал
Файл – main.js

Узнать больше