อะไรคือความแตกต่างของการทำงานระหว่าง NW.js, Brackets-Shell และ Electron?

ตอนนี้ TideSDK นั้นตายไปแล้วอย่างมีประสิทธิภาพฉันได้มองหา 'wrappers' ทางเลือกอื่นเพื่อเรียกใช้แอปพลิเคชัน HTML / CSS / JS เป็นแอปพลิเคชันเดสก์ทอปแบบสแตนด์อะโลน สามตัวเลือกที่ทำงานได้ที่ฉันได้ทำงานข้ามคือNW.js (เดิมคือ node-webkit), brackets-shellและElectron (เดิมคือ atom-shell)

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

• สนับสนุนแพลตฟอร์ม ; ระบบปฏิบัติการการพึ่งพา ฯลฯ
• รองรับคุณสมบัติภาษาเช่นเดียวกับ HTML5, CSS3 และ JavaScript คิดว่าอย่างเช่น"วิดีโอ HTML5 ทำงานได้หรือไม่ถ้าใช่มีตัวแปลงสัญญาณอะไรบ้าง"
• คุณสมบัติพิเศษที่ไม่ได้มาตรฐานเช่นไอคอนถาดการแจ้งเตือนป๊อปอัพและแถบเมนูที่แสดงผลโดยระบบปฏิบัติการ
• การขยาย ; เช่น. ความสามารถในการ 'เสียบ' เนทีฟโค้ดพูดคุยกับ Node.js และอื่น ๆ
• สถาปัตยกรรม ; โดยเฉพาะความแตกต่างทางสถาปัตยกรรมที่มีผลต่อการใช้งานรายวันในฐานะนักพัฒนา
• แก้ไขข้อบกพร่อง ; รวมถึงเครื่องมือในการพัฒนาความเข้ากันได้กับเครื่องมือที่ใช้กันทั่วไปเช่นnode-inspectorฯลฯ
• ... และต่อไป

อะไรคือวัตถุประสงค์และความแตกต่างทางเทคนิคที่สำคัญเมื่อทำการเลือกระหว่างพวกเขาในฐานะนักพัฒนาแอปพลิเคชัน

ฉันทำวิจัยคล้ายกันเมื่อสองเดือนที่แล้วและในที่สุดฉันก็ไปกับ node-webkit ส่วนที่ใหญ่ที่สุดของ node-webkit คือ node.js และ npm การจัดการแพ็กเกจของ npm นั้นดีมากและโหนดสามารถเข้าถึงระบบไฟล์ได้ดี

วงเล็บเหลี่ยมดูน่าสนใจ แต่นอกเหนือจาก IDE ที่ดีฉันไม่ได้สิ่งที่ทำให้มันดีหรือดีกว่าที่เหลือ พวกเขามีความชัดเจนมากว่า "วงเล็บปีกกานั้นได้รับการดูแลเพื่อใช้งานในโครงการ Brackets เท่านั้น" เสียงกรีดร้องของฉันก็หมดไป

https://github.com/adobe/brackets-shell#overview

Atom-shell ดูเหมือนว่าจะใช้งานได้เร็ว ๆ นี้ แต่ดูเหมือนว่าวงเล็บจะเหมือนกับที่พวกเขากำลังเขียนและ editor / IDE ที่เพิ่งจะแนบไปกับ webkit runtime มันถูกสร้างขึ้นบน node.js อันนี้มีข้อเสียของการเป็นเรื่องยากที่จะค้นหาสิ่งออนไลน์โดยไม่ได้รับการเตือนจากเคมีโรงเรียนมัธยมของคุณ

ฉันไม่ต้องการบรรณาธิการใหม่และโปรแกรมเมอร์ส่วนใหญ่มีความชื่นชอบอยู่แล้ว สำหรับการพัฒนาแอพพลิเคชั่นจริงพวกเขาก็ทำงานเหมือนกันและน่าจะเป็นเพราะพวกเขาใช้ webkit โดยทั่วไปคุณเขียน 90-95% เหมือนเว็บไซต์แล้วจัดการกับชิ้นส่วนเนทีฟและการตั้งค่าบางอย่าง

สิ่งเหล่านี้เป็นจริงสำหรับแพลตฟอร์มทั้งสาม - ทำงานบนการสนับสนุนภาษา Windows, Mac และ Linux - HTML5, CSS3 และ Javascript: เนื่องจากพวกเขาเรียกใช้จาวาสคริปต์คุณสามารถดาวน์โหลดและเรียกใช้เกือบทุกไลบรารี / กรอบที่คุณต้องการ

ข้อแม้ขนาดใหญ่บน webkit คือการสนับสนุนตัวแปลงสัญญาณ โดยทั่วไปแล้วคุณจะมีปัญหากับตัวแปลงสัญญาณวิดีโอที่ไม่ฟรีเว้นแต่คุณจะสร้าง dll / ดังนั้นเพื่อสนับสนุนพวกเขา ตัวอย่างเช่น node-webkit ที่ส่งแล้วจะไม่เล่นวิดีโอ mp4

ฉันเล่นกับAtom-Shellในช่วงไม่กี่วันที่ผ่านมาและฉันก็รักมันมาก

ส่วนที่ดีที่สุดเกี่ยวกับเรื่องนี้คือมันได้รับการสนับสนุนโดย GitHub .. ซึ่งจะช่วยให้คุณสามารถปรับตัวเข้ากับแพลตฟอร์มในระยะยาว นอกจากนี้ยังเป็นไปได้ด้วยการปรับปรุง Direct Node.js โดยได้รับความอนุเคราะห์จากสัญญากับStrongLoopซึ่งเป็นผู้สนับสนุนหลักของ Node.js (พวกเขาอ้างว่าจ้างนักพัฒนาหลักของ Node.js มากกว่า บริษัท อื่น ๆ แม้แต่ Joyent)

ฉันพบว่ามันค่อนข้างสะดวกสบายในการเริ่มต้น ฉันใช้เวลาประมาณหนึ่งวันในการเรียนรู้โครงสร้างและรับข้อพิสูจน์แนวคิดแรกของฉัน เด็ดมาก

เครื่องหมายหัวข้อ:

• รองรับแพลตฟอร์ม: Windows, Linux, Mac OSX ( ข้อมูลเพิ่มเติมที่นี่ )
• รองรับคุณสมบัติภาษา: HTML5, CSS3, JS ผ่าน Chromium จนถึงตอนนี้ปัญหาที่เป็นศูนย์ แต่ฉันยังไม่ได้ทดสอบวิดีโอโดยเฉพาะ
• คุณสมบัติพื้นเมือง:เมนูเนทิฟแอพสนับสนุนถาดงานฮอตคีย์ทั่วโลกการสนับสนุนตัวจัดการโปรโตคอล (ที่ฉันเคยเห็น)
• Extensibility:การรวม Node.js ที่ยอดเยี่ยมทั้งไคลเอนต์และเซิร์ฟเวอร์สามารถ "ต้องการ" โมดูลและ Natives.js ฉันได้ทดสอบไลบรารีBowerเรียบร้อยแล้ว(รวมถึง jQuery) โดยไม่มีปัญหา
• สถาปัตยกรรม:ครอบคลุมในจุดอื่น ๆ แต่โดยทั่วไปมันราบรื่นมาก

อัปเดต (11/25/14): ฉันยังไม่พบเคสการใช้งานสำหรับ Atom-Shell ในความจุอย่างเป็นทางการใด ๆ แต่ฉันใช้มันเพื่อสร้างแอพเล็ก ๆ สองสามตัวสำหรับการใช้งานของฉันเองที่ซับซ้อนที่สุดคือแอพที่ดึง เวลาของฉันบันทึกจากซอฟต์แวร์ PM และสร้างใบแจ้งหนี้ Paypal

ความเห็นของฉันของแพลตฟอร์มยังคงเป็นบวก มันยอดเยี่ยมมาก

ในแอพการแจ้งหนี้ตามเวลาของฉันฉันได้นำเทมเพลตตัวอย่างแผงควบคุมตัวอย่าง Bootstrap 3 และโมดูลโหนด (Bluebird, Paypal SDK, Teamwork PM Client) มาสร้างแอพที่ซับซ้อนอย่างอ่อนโยน ฉันใช้เวลาสองสามวันและทำงานได้ดี

ฉันไม่สามารถคิดถึงสิ่งที่เป็นลบที่จะพูดเกี่ยวกับ Atom-Shell ได้จริง ๆ มีความเสถียรมั่นคงรวดเร็วและง่ายต่อการเขียนโค้ด ฉันหวังว่านี่จะช่วยให้ใครบางคน

นอกจากรองรับมาตรฐานเว็บอย่างครบถ้วนแล้ว NW.js ยังสนับสนุนรายการคุณสมบัติที่ไม่ได้มาตรฐานสำหรับการพัฒนาแอพแบบดั้งเดิม ได้แก่ :

• ปกป้องซอร์สโค้ด JS โดยรวบรวมไว้ในรหัสเครื่อง: https://github.com/nwjs/nw.js/wiki/Protect-JavaScript-source-code-with-v8-snapshot
• ผู้ถูกคุมขัง devtools: https://github.com/nwjs/nw.js/wiki/Devtools-jail-feature
• รูปแบบความปลอดภัยเพิ่มเติมที่คุณสามารถทำได้เพิ่มเติมใน DOM: https://github.com/nwjs/nw.js/wiki/Security https://github.com/nwjs/nw.js/wiki/Changes-to-DOM
• กล่องโต้ตอบไฟล์ที่ได้รับการปรับปรุง: https://github.com/nwjs/nw.js/wiki/File-dialogs
• โหมดคีออสก์: https://github.com/nwjs/nw.js/wiki/The-Kiosk-mode
• รองรับ Chrome รายการที่เพิ่มขึ้น * API รวม chrome.webRequest เพื่อให้คุณสามารถสกัดกั้นคำขอ HTTP จาก DOM: https://github.com/nwjs/nw.js/issues/518
• รองรับการแจ้งเตือนที่หลากหลายตัวอย่างก่อนพิมพ์โครเมี่ยมอื่น ๆ อีกมากมาย * APIs, Chrome Apps และคุณสมบัติอื่น ๆ ของ Chromium เริ่มต้นที่ 0.13.0-alpha0

มีอะไรอีกมากมายให้ดูในวิกิรวมถึงเมนูถาด ฯลฯ

ฉันได้ทำงานกับ brackets-shell มาระยะหนึ่งแล้วนี่เป็นข้อค้นพบของฉัน:

• brackets-shell ได้รับการพัฒนาเป็นเชลล์ภายใต้โครงการ IDE brackets แต่โครงการสามารถเรียกใช้เว็บแอปพลิเคชันใด ๆ คุณเพียงแค่ชี้ไปที่หน้า html ของคุณเอง Clint Berry เขียนบทช่วยสอนที่ยอดเยี่ยมเกี่ยวกับการทำสิ่งนี้: http://clintberry.com/2013/html5-desktop-apps-with-brackets-shell/
• โครงการได้รับการสนับสนุนโดย Adobe และมีกิจกรรมมากมาย

• เอกสารอาจจะดีกว่า

• การสนับสนุนแพลตฟอร์มพวกเขาสนับสนุน Windows, Mac และ Linux แพคเกจติดตั้งยังสามารถสร้างได้ ฉันทดสอบบน Win and Mac เท่านั้นมันใช้งานได้ดี

• รองรับคุณสมบัติ html5, css3, js วิดีโอ Html5 ไม่ทำงานนอกกรอบ แต่ง่ายต่อการเปิดใช้งาน (โดยค่าเริ่มต้น ffmpegsumo.dll จะไม่ถูกคัดลอกลงในตัวติดตั้งหากคุณเปลี่ยนสคริปต์เพื่อคัดลอกมันจะใช้งานได้)
• แถบเมนูคุณสมบัติพื้นเมือง 'เปิดไฟล์ด้วย' เข้าถึงระบบไฟล์ ฉันไม่ได้ใช้สิ่งเหล่านี้เท่าที่ฉันต้องการคือการสื่อสารกับกระบวนการโหนด
• extensibilityที่ nodejs สร้างขึ้นและคุณสามารถสื่อสารกับโหนดจากเว็บแอ็พพลิเคชันของคุณ ด้วยวิธีนี้คุณสามารถใช้โหนดเพื่อเข้าถึงระบบไฟล์ ฯลฯ
• สถาปัตยกรรมโครงการได้รับการตั้งค่าอย่างดีทำให้มีการแยกที่ดีระหว่างโครงการเชลล์และเว็บแอปของคุณเองที่ทำงานอยู่ภายใน ในแอปพลิเคชันของคุณเองมีแอปพลิเคชันโกลบอลออบเจกต์ที่ให้คุณเข้าถึงฟังก์ชั่นวงเล็บ (การเข้าถึงระบบไฟล์การสื่อสารกับกระบวนการโหนด, ... )

สิ่งหนึ่งที่ควรทราบ (ถ้าคุณสนใจ) ก็คืออิเล็กตรอนอย่างเป็นทางการไม่รองรับ Windows Vista ส่วนแบ่งการตลาดของ Vista นั้นอยู่ที่ประมาณครึ่งทางระหว่าง OSX 10.9 และ 10.10 (ทั้งคู่ได้รับการสนับสนุนอย่างเต็มที่จากอิเล็กตรอน) Microsoft ยังคงรองรับ Vista จนถึงปี 2560

NW.js ทำงานได้ดีใน Vista เช่นเดียวกับ OSX 10.9+ NW.js ทำงานบน Ubuntu, Debian, Zorin, Manjaro, Arch และ Linux อื่น ๆ ที่ใช้ระบบปฏิบัติการ Debian Electron ได้ปฏิเสธการประชาสัมพันธ์ของ PR เพื่อแก้ไขข้อผิดพลาดเฉพาะ Ubuntu บนแพลตฟอร์มของพวกเขาที่เกี่ยวข้อง

NW.js ทำงานใน XP ด้วย ปัจจุบัน 18% ของตลาดยังคงอยู่ใน XP ดังนั้นหากคุณเป็นแอปพลิเคชันเดสก์ท็อปที่มีวัตถุประสงค์ทั่วไปหรือต้องการเข้าถึงผู้ใช้ที่ยังใช้งานอยู่ใน XP คุณน่าจะดีกว่าด้วย NW.js (0.14.7) เนื่องจากอิเล็กตรอนรองรับเฉพาะ Win 7 ขึ้นไป

หากคุณใช้ NW.js 0.12.3 คุณสามารถรองรับ OSX 10.6+ และเวอร์ชันเก่า ๆ ของ Debian Linux OS ที่ใช้เดเบียนเช่น Ubuntu และ Win XP + ขอแนะนำให้คุณสร้างบิลด์พิเศษสำหรับระบบดั้งเดิมเหล่านั้นและใช้เวอร์ชันใหม่กว่าของ NW.js สำหรับระบบปฏิบัติการรุ่นใหม่