PWA kontra elektron: głębokie nurkowanie
Opublikowany: 2020-05-20Spis treści
Wydaje się, że w tej dziedzinie jest obecnie zbyt wiele nowych technologii, abyśmy mogli je śledzić. Niedawno pojawił się Electron.js, który jest platformą wspierającą nie tak małą liczbę popularnych aplikacji, z których korzystamy na co dzień, a także progresywną aplikację internetową, która ma być nowym sposobem na strony internetowe, aby dostarczać najwyższej jakości, angażujące wrażenia klientów bez poświęcania wydajności.
Aby jak najlepiej pomóc Ci śledzić wszystkie te nowo odkryte technologie, dzisiaj w artykule SimiCart porównamy te dwie — Electron i PWA, w najbardziej wszechstronny sposób.
Co to jest PWA?
PWA wydaje się być obecnie najbardziej popularną technologią, ponieważ jest to technologia wspierana przez samych Google i ma całą uwagę wielkich facetów, takich jak Microsoft, z ich ambitnym planem wypełnienia Microsoft Store PWA. Powodem, dla którego jest tak popularny, jest to, że samo PWA jest najlepszą rzeczą, jaka pochodzi z sieci od lat – jego osiągnięcia mówią same za siebie.
Mówiąc prościej, Progressive Web Apps to strony internetowe, które wyglądają i działają jak aplikacja. Technologia jest połączeniem najlepszych funkcji zarówno z aplikacji internetowych, jak i aplikacji natywnych, co oznacza, że użytkownicy korzystający z PWA mogą korzystać ze wszystkich funkcji, które wcześniej były dostępne wyłącznie w aplikacjach natywnych, takich jak powiadomienia push, geolokalizacja i inne.

Czym jest elektron?
W porównaniu do PWA, Electron jest podobny pod wieloma względami, ponieważ również wykorzystuje technologie internetowe – tj. HTML, CSS, JavaScript – aby jak najlepiej sprostać wyzwaniu międzyplatformowemu. Jednak w przeciwieństwie do PWA, aplikacje oparte na elektronach można przekształcić w w pełni funkcjonalne aplikacje desktopowe, dzięki wykorzystaniu natywnych interfejsów API i silnika renderującego Chromium . W rzeczywistości jest tak funkcjonalny, że często nie można go odróżnić od natywnych aplikacji komputerowych, a możesz natknąć się na jeden, nie wiedząc, że jest oparty na elektronach - na przykład niektóre z twoich podstawowych aplikacji są prawdopodobnie oparte na elektronach, w tym Skype, Slack, Discord i kod programu Visual Studio.

Czy Electron nie brzmi po prostu lepiej?
Cóż, kiedy tak to ujmujesz… to tak jakby; ale nie, to jest bardziej zniuansowane. Jest powód, dla którego obserwujemy niedawne spowolnienie liczby aplikacji opartych na Electron – to dlatego, że Electron pokazuje swój wiek, zwłaszcza w chwili, gdy użytkownicy są teraz bardziej niż kiedykolwiek wymagający od wielokanałowego doświadczenia oferowanego przez PWA .
Pytając o opinie doświadczonych programistów zarówno Electron, jak i PWA, zauważyliśmy następujące wzorce:
- Dostępność : Ponieważ aplikacje oparte na Electronie są w zasadzie hybrydową wersją aplikacji komputerowych i nie można ich w ogóle instalować na urządzeniach mobilnych, PWA ma przewagę, ponieważ jest dostępne na prawie każdym urządzeniu z przeglądarką zgodną z PWA.
- Wydajność : aplikacja oparta na elektronach, jeśli zostanie wykonana prawidłowo, powinna być tak samo szybka i lekka jak aplikacja tekstowa — ale nie jest to najlepsza wydajność, jaką możesz uzyskać. Jedną ze znanych zalet PWA jest to, że można osiągnąć lepszą wydajność (w porównaniu z Electron) przy pierwszym ładowaniu i prawie natychmiastowy czas ładowania przy kolejnych obciążeniach, ponieważ wszystko jest buforowane w locie, a większość narzutów JavaScript można zamiast tego przenieść na serwisantów, który jest integralną częścią PWA.
- Aktualizowanie : jak wszyscy wiemy, aktualizowanie (i generalnie wdrażanie) jest głównym problemem dla wszelkiego rodzaju aplikacji natywnych – a Electron nie jest wyjątkiem. Można tego uniknąć, decydując się na podejście PWA, dzięki któremu cały proces aktualizacji może odbywać się po stronie serwera, odciążając w ten sposób klientów z procesu instalowania aktualizacji.
- Rozmiar : Electron, choć waży mniej niż typowa aplikacja komputerowa, jest nadal znacznie cięższy niż PWA. Trudno znaleźć aplikację Electron, która waży mniej niż 50 MB, podczas gdy większość PWA ma mniej niż jeden megabajt.
- Bezpieczeństwo : PWA jest po prostu lepsze, jeśli chodzi o bezpieczeństwo, ponieważ opiera się całkowicie na bezpiecznych połączeniach (HTTPS) utrzymywanych po stronie przeglądarki, podczas gdy Electron, będąca aplikacją internetową opakowaną w natywny kontener aplikacji, musi robić wszystko samodzielnie.
Dlaczego PWA staje się coraz bardziej popularne
Oto prawda, Electron to przestarzała technologia. Pomimo tego, że jest obecnie używany przez ogromną liczbę aplikacji komputerowych, wiele z nich już planuje przekonwertować istniejące aplikacje komputerowe oparte na Electronie na PWA. Tak, możesz przekonwertować aplikację opartą na Electronie w PWA, chociaż proces ten nie będzie tak płynny, jak proces konwersji z PWA na Electron, ale jest to możliwe.

Elektron bez wszystkich wad
Można powiedzieć, że progresywne aplikacje internetowe są lepszą, potencjalnie bardziej ewoluującą technologią, ponieważ rozwiązują podstawowe problemy Electron — kompatybilność i łatwość dystrybucji — pozostając jednocześnie funkcjonalnym i atrakcyjnym dla użytkownika. Wynika to z faktu, że przeglądarki stają się dziś własnym, uniwersalnym systemem operacyjnym ze wszystkimi możliwościami, o które można prosić, a efektem ubocznym tego jest to, że technologie opierające się i działające w sieci, takie jak PWA, z czasem stają się coraz lepsze. .
Zobacz więcej: Desktop PWA - Przyszłość dostarczania oprogramowania PWA dla Magento 2
Wielokanałowy
Jeśli chodzi o doświadczenie omnichannel, PWA wyróżnia się pod każdym możliwym względem, ponieważ jest specjalnie zbudowany z myślą o responsywnym doświadczeniu na wielu urządzeniach. W zależności od rodzaju działalności, PWA może być dobrym wyborem dla firm, które chcą, aby wrażenia użytkownika były takie same na wszystkich urządzeniach, podczas gdy w przypadku Electron JS musiałbyś opracować różne bazy kodu dla różnych platform, zwiększając w ten sposób koszt opracowania.
Kiedy wybrać Electron?
Mając swoje zalety, PWA nie może być wszechstronnym rozwiązaniem dla wszystkich modeli biznesowych i właśnie tutaj Electron znajduje swoją niszę. Aplikacje oparte na Electronie zazwyczaj nie podlegają zwykłym ograniczeniom przeglądarki i można je swobodnie rozwijać w oparciu o funkcjonalność Node.js, dzięki której Electron może mieć dostęp do wszystkich natywnych interfejsów API systemu operacyjnego. Oznacza to, że aplikacje oparte na elektronach działają cały czas w trybie użytkownika, skutecznie zapewniając użytkownikowi bezpieczne i stabilne środowisko operacyjne.
Zasadniczo w społeczności Electron nigdy nie jest dobrym pomysłem używanie Electron do czegoś, co może być tylko stroną internetową . Jeśli więc uważasz, że Twoja aplikacja należy do niewielkiej mniejszości przypadków, w których potrzebujesz dodatkowej swobody i funkcjonalności aplikacji natywnych — wybierz Electron; ale w każdym innym przypadku PWA jest więcej niż wystarczające.
Zawijanie słów
Sieć ze swoimi technologiami szybko nadrabia zaległości, a w połączeniu z ruchem wielkich marek, aby przyspieszyć wprowadzanie PWA do przodu, nie powinno Cię dziwić, że zobaczysz więcej PWA w przyszłości. Nie oznacza to jednak, że Electron jest na łożu śmierci, ponieważ technologia jest nadal całkiem funkcjonalna i oczekuje się, że będzie tu przez jakiś czas; ale jeśli jesteś jednym z tych, którzy rozważają między tymi dwoma, PWA to oczywisty wybór, ponieważ technologia jest wciąż stosunkowo świeża, a wsparcie dla niej ma wzrosnąć w niedalekiej przyszłości.
Czytaj więcej:
PWA kontra Flutter: szczegółowe porównanie
Wszystko, co musisz wiedzieć o progresywnych aplikacjach internetowych
Progresywne aplikacje internetowe: 12 przykładów prawdziwych marek dla Twojej inspiracji
Magento PWA Studio: szczegółowe porównanie z Vue Storefront