Electron

Electron to platforma open source pozwalająca tworzyć aplikacje webowe z wykorzystaniem HTML, CSS i JavaScript. Został stworzony w 2013 roku przez inżyniera GitHub, Cheng Zhao, jako efekt połączenia frontendowego Chromium i backendowego w Node.js. Projekt początkowo nazywał się Atom Shell, ale już w roku po publikacji zmienił swoją nazwę na obecną.

Jak działa Electron?

Electron opiera się na silniku renderującym Chromium i środowisku Node.js, co pozwala na tworzenie aplikacji desktopowych, które zachowują się i wyglądają podobnie jak strony internetowe. Aplikacje tworzone w Electron działają na różnych platformach, takich jak Windows, macOS i Linux, co oznacza, że deweloperzy nie muszą pisać osobnej wersji aplikacji dla każdej platformy. Electron pozwala także na korzystanie z dodatkowych bibliotek i narzędzi, takich jak biblioteki Node.js i NPM, co ułatwia tworzenie rozbudowanych aplikacji desktopowych. 

Czy szukasz wykonawcy Electron ?

Sprawdź case studies

Electron — połączenie możliwości Node.js i Chromium

Electron to wieloplatformowe rozwiązanie, które pozwala tworzyć aplikacje, które składają się z wątku głównego działającego na serwerze, czyli na Node.js oraz wątków renderujących, funkcjonujących w Chromium udostępniającym minimalistyczny user interface oparty na oknach przeglądarki. Taka budowa umożliwia szybką i łatwą komunikację wątków, dzięki czemu platforma może wykonywać działania, których nie można wykonać na zwykłych aplikacjach webowych np. korzystanie z systemowych API, operacje na plikach, używanie prekompilowanych bibliotek. Electron posiada całe bogactwo gotowych modułów, za których pomocą można zbudować funkcjonalną aplikację, korzystając z kodu napisanego wcześniej przez kogoś innego. Nie tylko zapewnia separację wątków, ale i korzysta z narzędzi pomagający przy debugowaniu i analizującym wydajność witryny przy pomocy Chrome DevTools. Co więcej, ponieważ ta platforma działa w oparciu o Chromium, ma zapewniony dostęp do najnowszych standardów i wytycznych związanych z nowymi technologiami. 

Zalety korzystania z Electron

Electron to jedno z najpopularniejszych narzędzi do tworzenia aplikacji desktopowych opartych na technologiach webowych. Jego główną zaletą jest multiplatformowość – aplikacje stworzone w Electron działają na Windowsie, macOS i Linuxie bez konieczności pisania osobnego kodu dla każdej platformy.

Deweloperzy doceniają również łatwość tworzenia interfejsu użytkownika, ponieważ można wykorzystać HTML, CSS i JavaScript, co sprawia, że osoby z doświadczeniem w tworzeniu stron internetowych mogą szybko zacząć pracę z Electron. Co więcej, dzięki integracji z Node.js, aplikacje mają dostęp do funkcji systemowych, takich jak obsługa plików czy komunikacja z innymi procesami.

Kolejnym atutem Electron jest bogata społeczność i duże wsparcie. Istnieje wiele gotowych bibliotek, wtyczek i zasobów, które ułatwiają rozwój aplikacji. Dodatkowo korzysta z silnika Chromium, co zapewnia szeroką kompatybilność z nowoczesnymi technologiami webowymi.

SPRAWDŹ SWOJĄ WIEDZE Z TEMATU electron

Pytanie

 1/5

Czym jest Electron?

Edytor kodu źródłowego

Framework do tworzenia aplikacji mobilnych

Framework do tworzenia aplikacji desktopowych z wykorzystaniem technologii webowych

System zarządzania bazami danych

Sprawdź odpowiedź

Jakie dwa główne procesy występują w aplikacji Electron?

Proces kliencki i proces serwerowy

Proces wejścia/wyjścia (I/O) i proces zarządzania pamięcią

Proces główny (main process) i proces renderowania (renderer process)

Proces zarządzania zdarzeniami i proces renderowania grafiki

Sprawdź odpowiedź

Jakiego pliku konfiguracyjnego używa Electron do definiowania punktu wejścia aplikacji?

config.js

webpack.config.js

.babelrc

package.json

Sprawdź odpowiedź

Jak nazywa się moduł Electron, który pozwala na tworzenie okien aplikacji?

Window

App

BrowserWindow

WindowManager

Sprawdź odpowiedź

Jakiego modułu Electron używa się do komunikacji pomiędzy procesem głównym (main process) a procesem renderowania (renderer process)?

Http

Request

Intercom

ipcMain i ipcRenderer

Sprawdź odpowiedź

Wady korzystania z Electron i kiedy lepiej wybrać inną technologię

Przede wszystkim, aplikacje stworzone w Electron wymagają zwykle większych zasobów systemowych niż tradycyjne aplikacje desktopowe napisane w innych językach programowania. Ponadto, z powodu wykorzystania środowiska Node.js, aplikacje Electron mają nieco większe ryzyko podatności na ataki związane z bezpieczeństwem. Aplikacje Electron nie zawsze działają w pełni wydajnie i responsywnie, co może przyczynić się do niezadowolenia użytkowników. W zależności od wymagań projektu i oczekiwań użytkowników, może się okazać, że lepiej wykorzystać inną technologię do tworzenia aplikacji desktopowych.

Przykłady popularnych aplikacji stworzonych w Electron

Dzięki swojej wszechstronności Electron stał się fundamentem wielu znanych aplikacji. Oto kilka przykładów, które pokazują, jak szerokie zastosowanie ma ten framework:

• Visual Studio Code – Jeden z najpopularniejszych edytorów kodu, rozwijany przez Microsoft. Dzięki Electron działa płynnie na wszystkich głównych systemach operacyjnych, oferując wsparcie dla licznych rozszerzeń.
• Slack – Komunikator biznesowy, który wykorzystuje Electron do zapewnienia spójnego doświadczenia użytkownika na Windowsie, macOS i Linuxie.
• Discord – Popularna aplikacja do komunikacji głosowej i tekstowej, szczególnie wśród graczy. Electron pozwolił na szybkie dostarczanie aktualizacji i obsługę wielu platform jednocześnie.
• Trello – Narzędzie do zarządzania projektami, które w wersji desktopowej wykorzystuje Electron, oferując płynne działanie i integrację z webową wersją aplikacji.
• WhatsApp Desktop – Oficjalna aplikacja komputerowa do WhatsAppa, umożliwiająca wygodne korzystanie z komunikatora bez konieczności otwierania przeglądarki.