PWA 대 전자: 심층 분석
게시 됨: 2020-05-20목차
요즘 우리가 추적하기에는 분야에 너무 많은 새로운 기술이 있는 것 같습니다. 최근에 우리는 우리가 매일 사용하는 아주 적은 수의 인기 앱 뒤에 강력한 플랫폼인 Electron.js의 출현을 보고 있습니다. 웹사이트를 통해 성능을 저하시키지 않으면서 최고 수준의 매력적인 고객 경험을 제공할 수 있습니다.
이러한 모든 새로운 기술을 추적하는 데 가장 도움이 되도록 오늘 SimiCart 기사에서 가장 포괄적인 방식으로 Electron과 PWA를 비교할 것입니다.
PWA 란 무엇입니까?
PWA는 Google이 지원하는 기술이고 Microsoft Store를 PWA로 가득 채우려는 야심 찬 계획으로 Microsoft와 같은 대기업의 모든 관심을 끌고 있기 때문에 요즘 가장 핫한 것 같습니다. PWA가 인기 있는 이유는 PWA 자체가 몇 년 만에 웹에서 나온 최고의 제품이기 때문입니다.
간단히 말해서 프로그레시브 웹 앱은 앱처럼 보이고 느껴지는 웹사이트입니다. 이 기술은 웹과 기본 애플리케이션의 최고의 기능이 혼합되어 있습니다. 즉, PWA를 사용하는 사용자는 푸시 알림, 지리적 위치 등과 같이 이전에 기본 앱에만 있던 모든 기능의 이점을 누릴 수 있습니다.
전자 란 무엇입니까?
PWA와 비교할 때 Electron은 웹 기술(예: HTML, CSS, JavaScript)을 활용하여 플랫폼 간 문제를 가장 잘 해결한다는 점에서 여러 면에서 유사합니다. 그러나 PWA와 달리 Electron 기반 앱은 기본 API 와 Chromium 의 렌더링 엔진을 활용하기 때문에 완전한 기능을 갖춘 데스크톱 애플리케이션으로 만들 수 있습니다. 실제로 기능이 너무 좋아서 기본 데스크톱 응용 프로그램과 구별할 수 없는 경우가 많으며 Electron 기반인지도 모른 채 접했을 수 있습니다. 예를 들어 Skype, Slack, Discord를 포함한 일부 필수 응용 프로그램은 아마도 Electron 기반일 것입니다. 및 Visual Studio 코드.
Electron이 더 나은 소리를 내고 있지 않습니까?
글쎄, 당신이 그것을 그렇게 말할 때 ... 그것은 일종의 그렇습니다. 그러나 아니요, 그보다 더 미묘한 차이가 있습니다. Electron 기반 앱의 수가 최근 감소하는 이유가 있습니다. Electron이 그 시대를 보여주고 있기 때문입니다. 특히 사용자가 이제 PWA가 제공하는 옴니채널 경험에 대해 더 많은 요구를 하고 있는 시기에 그렇습니다. .
Electron과 PWA의 숙련된 개발자에게 의견을 물었을 때 다음 패턴을 발견했습니다.
- 가용성 : Electron 기반 앱은 데스크톱 애플리케이션의 거의 하이브리드 버전이고 모바일 장치에 전혀 설치할 수 없기 때문에 PWA는 PWA 호환 브라우저가 있는 거의 모든 장치에서 사용할 수 있다는 장점이 있습니다.
- 성능 : Electron 기반 앱은 제대로 작동하면 텍스트 애플리케이션만큼 빠르고 가볍게 느껴져야 합니다. 하지만 이것이 최고의 성능 은 아닙니다. PWA의 알려진 장점 중 하나는 모든 것이 즉석에서 캐싱되기 때문에 첫 번째 로드에서 더 나은 성능(Electron과 비교하여)을 달성하고 추가 로드에서 거의 즉각적인 로드 시간을 달성할 수 있다는 것입니다. PWA의 필수적인 부분인 서비스 노동자.
- 업데이트 : 우리 모두 알고 있듯이 업데이트(및 일반적으로 배포)는 모든 종류의 기본 응용 프로그램에 대한 주요 번거로움이며 Electron도 예외는 아닙니다. 이는 전체 업데이트 프로세스가 서버 측에서 발생할 수 있는 PWA 접근 방식을 선택하여 방지할 수 있으므로 클라이언트가 업데이트 설치 프로세스를 덜 수 있습니다.
- 크기 : Electron은 일반적인 데스크탑 애플리케이션보다 무게가 적지만 여전히 PWA보다 훨씬 무겁습니다. 대부분의 PWA가 1MB 미만인 반면 무게가 50MB 미만인 Electron 앱을 찾기가 어렵습니다.
- 보안 : PWA는 브라우저 측에서 유지 관리하는 보안 연결(HTTPS)에 전적으로 의존하기 때문에 보안 면에서 더 낫습니다. 반면에 기본 앱 컨테이너에 래핑된 웹 애플리케이션인 Electron은 모든 작업을 스스로 수동으로 수행해야 합니다.
PWA가 점점 더 인기를 얻고 있는 이유
여기 진실이 있습니다. Electron 은 구식 기술입니다. 현재 광범위한 데스크톱 응용 프로그램에서 사용되고 있음에도 불구하고 많은 응용 프로그램이 이미 기존 Electron 기반 데스크톱 응용 프로그램을 PWA로 변환할 계획을 가지고 있습니다. 예, Electron 기반 앱을 PWA로 변환할 수 있지만 PWA에서 Electron으로 변환하는 프로세스에 비해 프로세스가 순조롭지는 않지만 가능합니다.
모든 결함이 없는 전자
Progressive Web Apps는 Electron의 근본적인 문제(호환성 및 배포 용이성)를 해결하는 동시에 기능을 유지하고 사용자 경험에 참여하기 때문에 더 우수하고 잠재적으로 더 발전하는 기술이라고 할 수 있습니다. 이는 오늘날 브라우저가 사용자가 요구할 수 있는 모든 기능을 갖춘 고유한 범용 OS가 되고 있다는 사실과 그에 따른 부작용으로 PWA와 같이 웹에서 실행되고 실행되는 기술은 시간이 지날수록 더 좋아지기 때문입니다. .
더보기: 데스크탑 PWA - 소프트웨어 딜리버리의 미래 Magento 2용 PWA
옴니채널
옴니채널 경험과 관련하여 PWA는 반응형 다중 장치 경험을 위해 특별히 제작되었기 때문에 상상할 수 있는 모든 면에서 탁월합니다. 관련된 비즈니스 유형에 따라 PWA는 사용자 경험이 모든 장치에서 동일하기를 원하는 비즈니스 에 적합할 수 있지만 Electron JS를 사용하면 다양한 플랫폼에 대해 다른 코드베이스를 개발해야 하므로 개발 비용.
전자를 선택해야 할 때
장점이 있지만 PWA는 모든 비즈니스 모델을 위한 포괄적인 솔루션이 될 수 없으며 이것이 Electron이 틈새 시장을 찾는 곳입니다. Electron을 기반으로 하는 앱은 일반적으로 일반적인 브라우저 제약 조건을 따르지 않으며 Electron이 운영 체제의 모든 기본 API에 액세스할 수 있는 Node.js 기능을 기반으로 자유롭게 개발할 수 있습니다. 즉, Electron 기반 앱은 항상 사용자 모드에서 실행되어 사용자에게 안전하고 안정적인 운영 환경을 효과적으로 보장합니다.
Electron 커뮤니티의 경험에 따르면 Electron 을 웹사이트 용도로 사용하는 것은 결코 좋은 생각이 아닙니다 . 따라서 앱이 기본 애플리케이션의 추가 자유와 기능이 필요한 소수의 경우에 속한다고 생각한다면 Electron을 선택하십시오. 그러나 다른 경우에는 PWA로 충분합니다.
줄 바꿈 단어
기술이 포함된 웹은 빠르게 따라잡고 있으며 대형 브랜드에서 PWA 채택을 추진하는 움직임과 결합하여 앞으로 PWA가 더 많이 등장하는 것은 놀라운 일이 아닙니다. 그러나 기술이 여전히 매우 기능적이며 꽤 오랫동안 여기에 있을 것으로 예상되기 때문에 Electron이 임종 직전이라는 말은 아닙니다. 그러나 둘 중 하나를 고려하는 사람 중 하나라면 PWA 기술이 아직 비교적 신선하고 가까운 시일 내에 이에 대한 지원이 급증할 것으로 예상되기 때문에 PWA는 쉬운 선택입니다.
더 읽어보기:
PWA 대 Flutter: 세부 비교
프로그레시브 웹 앱에 대해 알아야 할 모든 것
프로그레시브 웹 애플리케이션: 영감을 주는 실제 브랜드의 12가지 예
Magento PWA Studio: Vue Storefront와의 상세 비교