PWA vs Electron: การดำน้ำลึก

ดูเหมือนว่าทุกวันนี้มีเทคโนโลยีใหม่ๆ ในสาขานี้มากเกินไปสำหรับเราที่จะติดตาม เมื่อเร็วๆ นี้ เราเห็นการเกิดขึ้นของ Electron.js ซึ่งเป็นแพลตฟอร์มที่อยู่เบื้องหลังแอปยอดนิยมจำนวนไม่มากนักที่เราใช้ทุกวัน และยังมี Progressive Web App ซึ่งน่าจะเป็นวิธีใหม่สำหรับ เว็บไซต์เพื่อมอบประสบการณ์ที่ยอดเยี่ยมและมีส่วนร่วมของลูกค้าโดยไม่ลดทอนประสิทธิภาพไปพร้อมกัน

เพื่อช่วยให้คุณติดตามเทคโนโลยีที่ค้นพบใหม่เหล่านี้ได้ดีที่สุด วันนี้ในบทความ SimiCart เราจะเปรียบเทียบระหว่างสองสิ่งนี้—Electron และ PWA อย่างครอบคลุมที่สุด

กปภ. คืออะไร?

PWA ดูเหมือนจะเป็นที่นิยมในปัจจุบันเนื่องจากเป็นเทคโนโลยีที่ได้รับการสนับสนุนจาก Google และได้รับความสนใจจากยักษ์ใหญ่อย่าง Microsoft ด้วยแผนการทะเยอทะยานในการทำให้ Microsoft Store เต็มไปด้วย PWA เหตุผลที่ได้รับความนิยมอย่างมากก็คือการที่ กปภ. เองเป็นสิ่งที่ดีที่สุดที่จะมาจากเว็บในรอบหลายปี ประวัติการประปาของตัวมันเอง

พูดง่ายๆ คือ Progressive Web Apps คือเว็บไซต์ที่มีลักษณะและความรู้สึกเหมือนแอป เทคโนโลยีนี้เป็นการผสมผสานระหว่างคุณลักษณะที่ดีที่สุดจากทั้งเว็บและแอปพลิเคชันแบบเนทีฟ ซึ่งหมายความว่าผู้ใช้ที่ใช้ PWA จะได้รับประโยชน์จากคุณลักษณะทั้งหมดที่ก่อนหน้านี้มีเฉพาะในแอปแบบเนทีฟ เช่น การแจ้งเตือนแบบพุช ตำแหน่งทางภูมิศาสตร์ และอื่นๆ

อิเล็กตรอนคืออะไร?

เมื่อเปรียบเทียบกับ PWA อิเลคตรอนมีความคล้ายคลึงกันในหลาย ๆ ด้านเช่นเดียวกับที่ใช้เทคโนโลยีของเว็บ เช่น HTML, CSS, JavaScript เพื่อจัดการกับความท้าทายข้ามแพลตฟอร์มได้ดีที่สุด อย่างไรก็ตาม ต่างจาก PWA แอพที่ขับเคลื่อนด้วยอิเล็กตรอนสามารถสร้างแอปพลิเคชันเดสก์ท็อปที่ทำงานได้อย่างสมบูรณ์ เนื่องจากการใช้ประโยชน์จาก API ดั้งเดิม และเอ็นจิ้นการเรนเดอร์ของ Chromium อันที่จริง มันใช้งานได้ดีจนบางทีก็แยกไม่ออกจากแอพพลิเคชั่นเดสก์ท็อปทั่วไป และคุณอาจเจอมันมาโดยที่ไม่รู้ว่ามันคืออิเลคตรอน—ตัวอย่างเช่น แอปพลิเคชั่นที่สำคัญบางตัวของคุณอาจเป็นแบบอิงอิเลคตรอน ซึ่งรวมถึง Skype, Slack, Discord และโค้ด Visual Studio

อิเลคตรอนให้เสียงที่ตรงไปตรงมาดีกว่าไม่ใช่หรือ

เมื่อคุณพูดแบบนั้น… มันก็เป็นเช่นนั้น แต่ไม่ มันเหมาะสมยิ่งไปกว่านั้น มีเหตุผลที่เราเห็นว่าจำนวนแอพที่ใช้อิเล็กตรอนลดลงเมื่อเร็ว ๆ นี้ นั่นเป็นเพราะอิเลคตรอนกำลังแสดงอายุโดยเฉพาะอย่างยิ่งในช่วงเวลานี้เมื่อผู้ใช้ต้องการประสบการณ์ omnichannel ที่ PWA มอบให้มากกว่าที่เคย .

เมื่อถามข้อมูลจากนักพัฒนาที่มีประสบการณ์ทั้ง Electron และ PWA เราสังเกตเห็นรูปแบบต่อไปนี้:

• ความพร้อมใช้งาน : เนื่องจากแอปที่ใช้อิเล็กตรอนเป็นเวอร์ชันไฮบริดของแอปพลิเคชันเดสก์ท็อป และไม่สามารถติดตั้งบนอุปกรณ์เคลื่อนที่ได้เลย PWA จึงมีข้อได้เปรียบเหนือกว่าที่จะพร้อมใช้งานบนอุปกรณ์เกือบ ทุก ชนิดที่มีเบราว์เซอร์ที่เข้ากันได้กับ PWA
• ประสิทธิภาพ : เมื่อทำถูกต้องแล้ว แอปที่ใช้อิเล็กตรอนจะรู้สึกเร็วและเบาพอๆ กับแอปพลิเคชันข้อความ แต่นั่นไม่ใช่ประสิทธิภาพ ที่ ดีที่สุดที่คุณจะได้รับ ข้อดีอย่างหนึ่งที่ทราบของ PWA คือ คุณสามารถบรรลุประสิทธิภาพที่ดีขึ้น (เมื่อเทียบกับอิเล็กตรอน) ในการโหลดครั้งแรก และเวลาในการโหลดที่เกือบจะทันทีสำหรับการโหลดเพิ่มเติม เนื่องจากทุกอย่างถูกแคชไว้ทันที และโอเวอร์เฮด JavaScript ส่วนใหญ่สามารถเปลี่ยนไปที่ พนักงานบริการซึ่งเป็นส่วนสำคัญของ กปภ.
• การ อัปเดต : อย่างที่เราทราบกันดีว่าการอัปเดต (และการปรับใช้โดยทั่วไป) เป็นปัญหาใหญ่สำหรับแอปพลิเคชันดั้งเดิมทุกประเภท และอิเล็กตรอนก็ไม่มีข้อยกเว้น สิ่งนี้สามารถหลีกเลี่ยงได้โดยเลือกใช้แนวทาง PWA ซึ่งกระบวนการอัปเดตทั้งหมดสามารถเกิดขึ้นได้ที่ฝั่งเซิร์ฟเวอร์ ซึ่งจะช่วยบรรเทาไคลเอ็นต์ของคุณในกระบวนการอัปเดตการติดตั้ง
• ขนาด : อิเลคตรอนแม้จะมีน้ำหนักน้อยกว่าแอปพลิเคชันเดสก์ท็อปทั่วไป แต่ก็ยังหนักกว่า PWA อยู่มาก เป็นการยากที่จะหาแอพ Electron ที่มีน้ำหนักน้อยกว่า 50mb ในขณะที่ PWA ส่วนใหญ่นั้นมีขนาดต่ำกว่าหนึ่งเมกะไบต์
• ความปลอดภัย : PWA นั้นดีกว่าเมื่อพูดถึงเรื่องความปลอดภัย เนื่องจากต้องใช้การเชื่อมต่อที่ปลอดภัย (HTTPS) ที่ดูแลโดยฝั่งเบราว์เซอร์ทั้งหมด ในขณะที่ Electron ซึ่งเป็นเว็บแอปพลิเคชันที่รวมอยู่ในคอนเทนเนอร์แอปดั้งเดิม จะต้องทำทุกอย่างด้วยตนเอง

ทำไม กปภ. ถึงได้รับความนิยมมากขึ้นเรื่อย ๆ

นี่คือความจริง อิเลคตรอน เป็น เทคโนโลยีที่ล้าสมัย แม้ว่าปัจจุบันจะมีการใช้งานโดยแอพพลิเคชั่นเดสก์ท็อปจำนวนมาก แต่หลาย ๆ แอพพลิเคชั่นก็มีแผนที่จะแปลงแอพเดสก์ท็อปที่ใช้อิเล็กตรอนเป็น PWA แล้ว ได้ คุณ สามารถ แปลงแอปที่ใช้อิเล็กตรอนเป็น PWA ได้ แม้ว่ากระบวนการจะไม่ราบรื่นเท่าเมื่อเปรียบเทียบกับกระบวนการแปลงจาก PWA เป็นอิเล็กตรอน แต่ก็เป็นไปได้

อิเลคตรอนที่ไม่มีข้อบกพร่องทั้งหมด

สามารถกล่าวได้ว่า Progressive Web Apps เป็นเทคโนโลยีที่ดีขึ้นและมีการพัฒนามากขึ้น เนื่องจากสามารถแก้ปัญหาพื้นฐานของอิเล็กตรอน—ความเข้ากันได้และความง่ายในการกระจาย—ในขณะที่ยังคงทำงานและมีส่วนร่วมกับประสบการณ์ของผู้ใช้ เนื่องจากปัจจุบันเบราว์เซอร์กลายเป็น OS สากลของตัวเองที่มีความสามารถทั้งหมดที่คุณต้องการ และด้วยเหตุนี้ เทคโนโลยีที่อาศัยและทำงานบนเว็บเช่น PWA จะดีขึ้นเมื่อเวลาผ่านไป .

 ดูเพิ่มเติม: 
Desktop PWA - อนาคตของการส่งมอบซอฟต์แวร์
PWA สำหรับ Magento 2

Omnichannel

เมื่อพูดถึงประสบการณ์ omnichannel PWA นั้นยอดเยี่ยมในทุก ๆ ด้านเท่าที่จะจินตนาการได้ เนื่องจากสร้างขึ้นเป็นพิเศษสำหรับประสบการณ์การใช้งานแบบหลายอุปกรณ์ที่ตอบสนองได้ดี ทั้งนี้ขึ้นอยู่กับประเภทของธุรกิจที่เกี่ยวข้อง PWA สามารถเป็นเป้าหมายสำหรับธุรกิจที่ ต้องการ ให้ประสบการณ์ผู้ใช้เป็นหนึ่งเดียวกันในทุกอุปกรณ์ ในขณะที่ Electron JS คุณจะต้องพัฒนาฐานโค้ดที่แตกต่างกันสำหรับแพลตฟอร์มที่แตกต่างกัน ซึ่งเพิ่มขึ้น ต้นทุนการพัฒนา

เมื่อใดควรเลือกอิเล็กตรอน

แม้ว่าการประปาส่วนภูมิภาคจะมีประโยชน์ แต่การประปาส่วนภูมิภาคก็ไม่ใช่โซลูชันที่ครอบคลุมสำหรับรูปแบบธุรกิจทั้งหมด และนี่คือจุดที่ Electron ค้นพบเฉพาะจุดของตน แอปที่ใช้ Electron มักไม่ใช้งานในข้อจำกัดของเบราว์เซอร์ทั่วไป และสามารถพัฒนาได้ฟรีโดยอิงตามฟังก์ชัน Node.js ซึ่ง Electron สามารถเข้าถึง API ดั้งเดิมทั้งหมดของระบบปฏิบัติการได้ ซึ่งหมายความว่าแอปที่ใช้อิเล็กตรอนทำงานในโหมดผู้ใช้ตลอดเวลา ทำให้มั่นใจได้ถึงสภาพแวดล้อมการทำงานที่ปลอดภัยและเสถียรสำหรับผู้ใช้

ตามหลักการทั่วไปในชุมชนอิเลคตรอน ไม่ควรใช้อิเลคตรอนในสิ่งที่สามารถเป็นเว็บไซต์ ได้ ดังนั้น หากคุณคิดว่าแอปของคุณมีกรณีส่วนน้อยเมื่อคุณต้องการอิสระและฟังก์ชันพิเศษของแอปพลิเคชันแบบเนทีฟ ให้เลือก Electron; แต่ในกรณีอื่น กปภ. ก็เพียงพอแล้ว

ห่อคำ

เว็บที่มีเทคโนโลยีกำลังตามทัน และเมื่อรวมกับการเคลื่อนไหวของแบรนด์ใหญ่ ๆ เพื่อผลักดันการนำ กปภ. ไปใช้ ก็ไม่น่าแปลกใจที่คุณจะได้เห็น กปภ. มากขึ้นในอนาคต อย่างไรก็ตาม นั่นไม่ได้หมายความว่าอิเลคตรอนอยู่บนเตียงตายของมันเช่นกัน เนื่องจากเทคโนโลยีนี้ ยังคงใช้งานได้ค่อนข้างดี และคาดว่าจะอยู่ที่นี่สักระยะหนึ่ง แต่ถ้าคุณเป็นหนึ่งในบรรดาผู้ที่กำลังพิจารณาระหว่างทั้งสอง กปภ. ก็เป็นทางเลือกที่ไม่ต้องคิดมาก เนื่องจากเทคโนโลยียังค่อนข้างใหม่และการสนับสนุนคาดว่าจะพุ่งสูงขึ้นในอนาคตอันใกล้

อ่านเพิ่มเติม:
PWA vs Flutter: การเปรียบเทียบโดยละเอียด

สิ่งที่คุณต้องรู้เกี่ยวกับ Progressive Web Apps

Progressive Web Applications: 12 ตัวอย่างจากแบรนด์จริงเพื่อแรงบันดาลใจของคุณ

Magento PWA Studio: การเปรียบเทียบโดยละเอียดกับหน้าร้าน Vue