Electron dan Chromium Embedded Framework (CEF) ialah dua teknologi mantap untuk membawa Chromium ke dalam aplikasi desktop. Kedua-duanya membolehkan pembangun membina perisian yang memaparkan laman web dan antara muka web moden pada macOS, Windows dan Linux. Walau bagaimanapun, kedua-duanya mempunyai tujuan yang berbeza secara asas.
Electron ialah rangka kerja aplikasi desktop lengkap yang menggabungkan Chromium, Node.js dan API sistem pengendalian natif. Pembangun boleh membina keseluruhan aplikasi menggunakan JavaScript, TypeScript, HTML dan CSS tanpa memerlukan pengalaman pengaturcaraan natif yang luas. Sebaliknya, CEF ialah rangka kerja untuk membenamkan Chromium ke dalam aplikasi sedia ada atau baharu, yang biasanya ditulis dalam C++ atau bahasa natif lain.
Kedua-dua teknologi digunakan secara meluas dalam perisian produksi. Electron menjadi asas kepada aplikasi seperti Visual Studio Code, Slack, Discord dan Notion, manakala CEF digunakan dalam produk seperti Spotify, Steam dan OBS Studio. Di WebCatalog, kami memilih Electron untuk membina aplikasi desktop merentas platform kami.
Jadi, apakah perbezaannya, dan bilakah penggunaan salah satu daripadanya lebih sesuai berbanding yang lain?
Electron lwn. CEF Sepintas Lalu
Walaupun Electron dan CEF sama-sama menggunakan Chromium, kedua-duanya sangat berbeza dari segi seni bina, pengalaman pembangun dan aplikasi yang disasarkan.
| Ciri | Electron | Chromium Embedded Framework (CEF) |
|---|---|---|
| Mula diperkenalkan | 2013 | 2008 |
| Tujuan utama | Membina aplikasi desktop lengkap | Membenamkan Chromium dalam aplikasi lain |
| Enjin pelayar | Chromium | Chromium |
| Bahasa utama | JavaScript, TypeScript | C, C++, dengan pengikatan pihak ketiga |
| Node.js disertakan | Ya | Tidak |
| Penyepaduan natif | API Electron dan modul natif Node.js | Penyepaduan terus dengan kod natif |
| Struktur aplikasi | Proses utama dan proses pemapar | Aplikasi hos dengan subproses Chromium |
| Pemaparan luar skrin | Boleh dilakukan melalui penyelesaian tersuai | Sokongan API terbina dalam |
| Saiz aplikasi | Umumnya besar | Bergantung pada penyepaduan, tetapi Chromium sendiri agak besar |
| Prestasi | Bergantung pada aplikasi | Bergantung pada aplikasi dan penyepaduan |
| Sokongan merentas platform | macOS, Windows, Linux | macOS, Windows, Linux |
| Ekosistem pembungkusan | Electron Forge, electron-builder | Biasanya diuruskan oleh aplikasi hos |
| Paling sesuai untuk | Aplikasi desktop berasaskan JavaScript | Aplikasi natif yang memerlukan kandungan web terbenam |
Perbezaan paling penting ialah Electron menyediakan rangka kerja aplikasi, manakala CEF menyediakan rangka kerja pembenaman pelayar. Kedua-duanya tidak semestinya boleh saling menggantikan secara langsung kerana beroperasi pada tahap abstraksi yang berbeza.
Seni Bina: Rangka Kerja Lengkap lwn. Pelayar Terbenam
Electron menggabungkan Chromium dan Node.js ke dalam satu persekitaran masa jalan aplikasi bersepadu. Pembangun mencipta proses utama yang mengurus tetingkap aplikasi, peristiwa kitar hayat dan fungsi natif, manakala proses pemapar mengendalikan antara muka berasaskan web.
Seni bina ini membolehkan pembangun menulis sebahagian besar aplikasi mereka menggunakan alat JavaScript dan TypeScript yang sudah biasa digunakan. Electron menyediakan API untuk mencipta tetingkap, mengurus sesi pelayar, mengendalikan menu, memaparkan pemberitahuan, mengakses dialog sistem dan menyepadukan aplikasi dengan sistem pengendalian.
CEF mengambil pendekatan yang berbeza. Daripada menyediakan rangka kerja aplikasi desktop yang lengkap, CEF membolehkan pembangun menyepadukan Chromium ke dalam aplikasi yang mereka bina dan kawal sendiri.
Sebagai contoh, pembangun yang membina aplikasi C++ natif boleh menggunakan CEF untuk memaparkan kandungan web dalam tetingkap aplikasi sedia ada. Antara muka sekelilingnya, kitar hayat aplikasi, perkhidmatan latar belakang dan fungsi natif lain kekal di bawah kawalan pembangun.
CEF menyediakan API untuk mengurus tika pelayar, navigasi, pemuatan sumber, pelaksanaan JavaScript dan komunikasi antara pelayar dengan aplikasi natif. CEF turut menggunakan seni bina berbilang proses Chromium, dengan proses berasingan untuk pemaparan dan fungsi pelayar yang lain.
Perbezaan ini mempengaruhi cara pembangun menstrukturkan aplikasi mereka. Dengan Electron, aplikasi biasanya dibina berteraskan Chromium dan Node.js. Dengan CEF, Chromium biasanya merupakan satu komponen dalam aplikasi yang lebih besar.
CEF juga boleh digunakan untuk membina aplikasi yang antara mukanya berasaskan web terutamanya, tetapi pembangun perlu melaksanakan sendiri lebih banyak infrastruktur aplikasi yang menyokongnya.
Satu fakta sejarah yang menarik ialah versi awal Electron dan NW.js menggunakan CEF. Electron akhirnya beralih kepada penyepaduan yang lebih langsung dengan Chromium kerana abstraksi CEF menyukarkan pelaksanaan ciri tertentu, khususnya penyepaduan mendalam dengan Node.js.
Bagi pembangun yang mahukan rangka kerja lengkap untuk membina aplikasi desktop menggunakan teknologi web, Electron secara umumnya menyediakan titik permulaan yang lebih mudah. Bagi pembangun yang sudah mempunyai aplikasi natif dan mahu menambah fungsi web, CEF mungkin pilihan yang lebih sesuai.
Pengalaman Pembangun: JavaScript lwn. Pembangunan Natif
Salah satu kelebihan terbesar Electron ialah kemudahannya untuk dipelajari dan digunakan. Pembangun yang biasa dengan pembangunan web moden boleh menggunakan kemahiran sedia ada mereka untuk membina aplikasi desktop tanpa mempelajari C++ atau rangka kerja UI khusus platform.
Penyepaduan Electron dengan Node.js menyediakan akses kepada ekosistem pakej yang besar untuk operasi sistem fail, rangkaian, pangkalan data, proses latar belakang dan fungsi lain. Teknologi bahagian hadapan yang popular seperti React, Vue, Svelte dan Angular boleh digunakan tanpa perubahan seni bina yang ketara.
CEF direka terutamanya berasaskan API C dan C++. Walaupun pengikatan pihak ketiga tersedia untuk bahasa seperti C#, Java, Python dan Delphi, pembangun masih perlu memahami seni bina aplikasi natif serta keperluan proses, bebenang dan kitar hayat CEF.
Bagi pasukan yang sudah menyelenggara aplikasi natif, hal ini mungkin menjadi kelebihan dan bukannya kekurangan. CEF membolehkan pembangun memperkenalkan antara muka web moden tanpa menulis semula kod natif sedia ada atau menerima pakai rangka kerja aplikasi yang baharu sepenuhnya.
Walau bagaimanapun, bagi pasukan yang berfokus pada JavaScript dan memulakan aplikasi desktop baharu, CEF secara umumnya memerlukan lebih banyak kerja persediaan dan penyepaduan natif.
Perbezaan ini turut merangkumi alat pembangunan. Electron mendapat manfaat daripada alat yang mantap seperti Electron Forge dan electron-builder, yang memudahkan pembungkusan, penandatanganan kod, pengedaran aplikasi dan kemas kini. CEF menyediakan edaran binari dan contoh, tetapi pembangun biasanya bertanggungjawab menyepadukan rangka kerja tersebut ke dalam sistem binaan dan penggunaan mereka sendiri.
Ini tidak bermakna CEF kurang berkeupayaan. Sebaliknya, hal ini sekadar mencerminkan tujuannya sebagai komponen yang boleh dibenamkan dan bukannya platform pembangunan aplikasi lengkap.
Prestasi, Penggunaan Memori dan Saiz Aplikasi
Oleh sebab Electron dan CEF sama-sama menggunakan Chromium, kedua-duanya tidak secara automatik menghapuskan overhed sumber yang berkaitan dengan menjalankan enjin pelayar moden.
Kedua-dua teknologi mungkin menggunakan berbilang proses untuk pemaparan, pecutan GPU, rangkaian dan fungsi pelayar yang lain. Penggunaan memori dan CPU sangat bergantung pada kandungan yang dipaparkan, bilangan tika pelayar yang aktif dan cara aplikasi mengurus sumbernya.
CEF boleh menawarkan lebih banyak fleksibiliti apabila disepadukan ke dalam aplikasi natif sedia ada. Pembangun boleh menggunakan Chromium hanya untuk bahagian antara muka yang memerlukan teknologi web sambil melaksanakan fungsi lain secara langsung dalam kod natif.
Sebagai contoh, aplikasi grafik mungkin menggunakan CEF untuk panel tetapan atau antara muka web terbenam sambil mengekalkan enjin pemaparan, pemprosesan dokumen dan fungsi lain yang sensitif terhadap prestasi dalam bentuk natif.
Aplikasi Electron juga boleh melaksanakan kod natif melalui tambahan Node.js, proses luaran atau modul natif. Walau bagaimanapun, seni bina Electron secara umumnya berorientasikan pembinaan aplikasi itu sendiri menggunakan teknologi web.
Satu keupayaan CEF yang amat berguna ialah pemaparan luar skrin. Daripada memaparkan kandungan web dalam tetingkap pelayar tradisional, CEF boleh memaparkan kandungan ke dalam penimbal yang diproses dan dipaparkan sendiri oleh aplikasi hos. Ini berguna untuk aplikasi seperti enjin permainan, perisian penstriman dan alat dengan sistem pemaparan tersuai.
Electron boleh menyokong aliran kerja pemaparan khusus melalui penyepaduan tambahan, tetapi CEF menyediakan pemaparan luar skrin sebagai bahagian yang mantap dalam API pembenamannya.
Bagi pembangun yang menilai prestasi, ukuran yang paling berguna termasuk:
- Masa permulaan: Seberapa cepat aplikasi boleh mula digunakan.
- Penggunaan memori: Penggunaan sumber dengan kandungan pelayar dan fungsi natif yang mewakili penggunaan sebenar.
- Penggunaan CPU: Prestasi semasa pemaparan, navigasi dan operasi latar belakang.
- Saiz aplikasi: Saiz muat turun dan penggunaan ruang cakera selepas pemasangan.
- Keperluan pemaparan: Sama ada aplikasi memerlukan tetingkap biasa atau pemaparan luar skrin tersuai.
Penting juga untuk membezakan CEF daripada rangka kerja webview sistem. CEF menyertakan Chromium dan bukannya bergantung pada enjin pelayar yang dipasang oleh sistem pengendalian. Oleh itu, beralih daripada Electron kepada CEF tidak secara automatik menghasilkan aplikasi yang jauh lebih kecil.
Pembangun yang mengutamakan pakej aplikasi yang lebih kecil mungkin mahu mempertimbangkan alternatif seperti Tauri, yang menggunakan webview yang disediakan oleh sistem.
Electron mahupun CEF tidak wajar dianggap semestinya lebih pantas tanpa mengukur penanda aras pelaksanaan sebenar.
Keselamatan dan Kemas Kini Pelayar
Electron dan CEF sama-sama bergantung pada seni bina pelayar dan mekanisme keselamatan Chromium, tetapi pembangun bertanggungjawab mengkonfigurasi aplikasi mereka dengan sewajarnya.
Electron menyediakan ciri seperti pengasingan kotak pasir pemapar, pengasingan konteks dan komunikasi berasaskan IPC antara fungsi aplikasi berkeistimewaan dengan kandungan web. Dokumentasi keselamatannya mengesyorkan supaya akses Node.js dihadkan, mesej IPC disahkan dengan teliti dan kandungan yang dimuatkan dari jauh dianggap tidak dipercayai.
CEF juga menyokong seni bina berbilang proses dan pengasingan keselamatan Chromium. Walau bagaimanapun, oleh sebab CEF disepadukan ke dalam aplikasi yang dikawal oleh pembangunnya, aplikasi hos bertanggungjawab menentukan ciri pelayar, kebenaran dan keupayaan natif yang patut didedahkan.
CEF menyokong pengikatan JavaScript dan komunikasi natif, yang membolehkan pembangun menghubungkan kandungan web dengan fungsi aplikasi. Antara muka ini perlu direka dengan teliti, khususnya apabila memaparkan laman web pihak ketiga.
| Pertimbangan keselamatan | Electron | CEF |
|---|---|---|
| Pengasingan kotak pasir Chromium | Disokong | Disokong |
| Akses natif berkeistimewaan | Node.js dan API Electron | API natif aplikasi hos |
| Komunikasi JavaScript ke natif | Skrip pramuat dan IPC | Pengikatan V8 dan pemesejan proses |
| Pengasingan kandungan jauh | Pengasingan kotak pasir pemapar dan pengasingan konteks | Pengasingan proses Chromium dan kawalan hos |
| Kemas kini keselamatan pelayar | Naik taraf versi Electron | Naik taraf versi CEF |
| Tanggungjawab keselamatan aplikasi | Pembangun aplikasi | Pembangun aplikasi |
Satu lagi pertimbangan penting ialah penyelenggaraan pelayar. Electron dan CEF biasanya mengedarkan persekitaran masa jalan Chromium mereka sendiri, jadi pembangun perlu mengedarkan kemas kini aplikasi apabila pembaikan keselamatan tersedia.
CEF menyediakan cabang keluaran yang mengikuti perkembangan Chromium serta edaran binari yang memudahkan proses ini. Electron juga mengekalkan keluaran yang merangkumi kemas kini Chromium dan Node.js.
Kedua-dua pendekatan tidak menghapuskan sepenuhnya keperluan penyelenggaraan berterusan. Aplikasi yang menggunakan versi Chromium lebih lama mungkin kekal terdedah kepada kerentanan yang sudah diperbaiki dalam projek asal.
Bagi pasukan yang membina perisian yang memaparkan pelbagai laman web, penyelenggaraan keselamatan perlu dianggap sebagai bahagian penting dalam kitar hayat aplikasi dan bukannya tugas sekali-sekala.
Penggunaan: Aplikasi Utama yang Menggunakan Electron dan CEF
Electron dan CEF sama-sama digunakan secara meluas dalam persekitaran produksi, tetapi corak penggunaannya berbeza.
Electron amat menonjol dalam kalangan aplikasi desktop arus perdana untuk produktiviti, komunikasi dan pembangun. Microsoft menggunakan Electron untuk Visual Studio Code, manakala produk Electron lain yang terkenal termasuk Slack, Discord, Notion, Figma, Signal Desktop dan GitHub Desktop.
CEF juga digunakan oleh syarikat perisian utama, khususnya apabila menyepadukan antara muka web ke dalam aplikasi dengan seni bina natif sedia ada.
Contohnya termasuk:
| Aplikasi | Teknologi | Penggunaan lazim |
|---|---|---|
| Visual Studio Code | Electron | Penyunting kod merentas platform |
| Slack | Electron | Komunikasi pasukan |
| Discord | Electron | Platform komunikasi dan komuniti |
| Notion | Electron | Nota dan produktiviti |
| Figma Desktop | Electron | Aplikasi reka bentuk |
| Spotify Desktop | CEF | Antara muka berasaskan web dalam klien desktop |
| Steam | CEF | Antara muka web terbenam dalam klien desktop |
| OBS Studio | CEF | Sumber pelayar, tindanan dan dok pelayar |
Spotify ialah pengguna CEF yang penggunaannya didokumentasikan dengan amat baik. Halaman sumber terbuka rasminya menerbitkan versi CEF dan Chromium yang berkaitan dengan keluaran Spotify Desktop.
OBS Studio menyediakan satu lagi contoh jelas mengapa pembangun memilih CEF. Penyepaduan obs-browser menggunakan CEF untuk menyediakan sumber pelayar, yang membolehkan pengguna memaparkan tindanan berasaskan web dan kandungan lain dalam adegan penstriman. CEF merupakan komponen OBS Studio dan bukannya rangka kerja yang digunakan untuk membina keseluruhan aplikasi.
Steam juga menggunakan komponen web terbenam berasaskan Chromium dalam klien desktopnya, dengan menyepadukan antara muka web bersama infrastruktur aplikasi natifnya yang lebih luas.
Contoh-contoh ini menunjukkan perbezaan antara kedua-dua teknologi. Electron sering digunakan untuk membina aplikasi desktop yang lengkap, manakala CEF kerap digunakan untuk memperkenalkan fungsi web ke dalam aplikasi yang sudah mempunyai komponen natif yang besar.
CEF tidak patut dilihat sebagai alternatif yang kurang dikenali atau ketinggalan zaman. CEF diasaskan pada tahun 2008, lebih awal daripada Electron, dan telah digunakan secara meluas dalam perisian komersial selama bertahun-tahun. Sejarahnya yang panjang dan penggunaannya yang berterusan dalam produk utama menunjukkan bahawa pembenaman Chromium kekal sebagai pendekatan penting dalam pembangunan desktop.
Sementara itu, Electron telah membina ekosistem yang amat kukuh berteraskan aplikasi desktop berasaskan JavaScript. Penggunaannya yang meluas, alat pembangunan yang mantap dan penyertaan syarikat teknologi utama menjadikannya menarik bagi pasukan yang membina produk baharu menggunakan teknologi web.
Kedua-dua rangka kerja mempunyai kekuatan yang berbeza kerana menyasarkan keperluan seni bina yang berbeza.
Mengapa Kami Memilih Electron di WebCatalog
Di WebCatalog, kami memilih Electron sebagai asas aplikasi desktop merentas platform kami kerana ia sangat sepadan dengan keperluan produk kami.
WebCatalog membolehkan pengguna menukar laman web menjadi aplikasi desktop, mengurus berbilang akaun secara berasingan dan menyusun aplikasi pada macOS, Windows dan Linux. Perisian kami perlu menyokong laman web yang dicipta oleh beribu-ribu pembangun berbeza, dengan sistem pengesahan, mekanisme storan, API pelayar dan rangka kerja JavaScript yang berbeza.
Electron dan CEF sama-sama menyediakan persekitaran masa jalan Chromium yang konsisten, yang penting untuk keserasian. Tidak seperti rangka kerja berasaskan webview sistem, kedua-duanya membolehkan kami menggunakan versi Chromium yang diketahui pada semua platform desktop yang kami sokong.
Walau bagaimanapun, WebCatalog bukanlah aplikasi natif yang sekadar memerlukan komponen pelayar terbenam. Fungsi pelayar merupakan teras produk kami. Kami memerlukan kawalan yang menyeluruh terhadap tetingkap, sesi, storan, kebenaran, navigasi dan tingkah laku kitar hayat aplikasi.
Electron menyediakan API yang matang untuk keperluan ini. Antara muka BrowserWindow, webContents dan session membolehkan kami membina fungsi seakan pelayar menggunakan JavaScript dan TypeScript. Partisi sesi berterusan amat penting kerana membolehkan pengguna mengekalkan sesi log masuk yang berasingan untuk berbilang akaun pada laman web yang sama.
CEF juga menyediakan API untuk mengurus tika pelayar, permintaan, storan dan penyepaduan natif. Pada prinsipnya, banyak keupayaan yang sama boleh dilaksanakan menggunakan CEF. Walau bagaimanapun, pendekatan tersebut memerlukan kami membina dan menyelenggara sendiri lebih banyak infrastruktur natif.
Penyepaduan Electron dengan Node.js juga sejajar dengan susunan teknologi kejuruteraan kami. Kami boleh melaksanakan sebahagian besar logik aplikasi desktop menggunakan TypeScript, berkongsi kod antara produk dan memanfaatkan ekosistem JavaScript.
Pembangunan merentas platform ialah satu lagi pertimbangan. WebCatalog menyokong macOS, Windows dan Linux, termasuk pembungkusan aplikasi, penyepaduan dan tingkah laku sistem yang khusus untuk setiap platform. API Electron yang mantap dan alat pengedarannya mengurangkan jumlah kod natif yang perlu kami selenggara.
Kami mengakui bahawa Electron membawa overhed. Penyertaan Chromium meningkatkan saiz aplikasi, dan aplikasi berasaskan pelayar memerlukan pengurusan sumber yang teliti. Daripada menggantikan Electron, kami menumpukan usaha untuk menambah baik cara kami menggunakannya.
Sebagai contoh, kami memperkenalkan klon APFS untuk mengurangkan penggunaan ruang cakera bagi aplikasi Mac yang dijana, sekali gus mengurangkan storan berlebihan tanpa mengorbankan keserasian Chromium.
Keputusan kami tidak bermakna Electron lebih baik daripada CEF dalam semua keadaan. Jika WebCatalog merupakan aplikasi natif terutamanya dengan beberapa antara muka web terbenam, CEF mungkin pilihan yang sangat baik. Namun, oleh sebab produk kami pada asasnya dibina berteraskan aplikasi web dan fungsi pelayar, Electron menyediakan asas yang lebih produktif dan lebih mudah diselenggara.
Aspek yang Memberikan Kelebihan kepada CEF
Walaupun Electron ialah pilihan utama kami di WebCatalog, CEF mempunyai kelebihan penting untuk aplikasi yang memerlukan penyepaduan lebih mendalam dengan perisian natif.
CEF amat menarik apabila pembangun sudah mempunyai aplikasi C++ yang mantap dan mahu memperkenalkan antara muka web moden tanpa menggantikan seni bina sedia ada.
Sokongannya untuk pemaparan luar skrin ialah satu lagi kelebihan yang ketara. Aplikasi seperti perisian penstriman dan enjin permainan mungkin perlu memaparkan kandungan web terus ke dalam saluran pemprosesan grafik tersuai dan bukannya tetingkap desktop konvensional. CEF menyediakan API yang mantap untuk kes penggunaan ini.
CEF juga memberikan pembangun kawalan yang besar terhadap penyepaduan pelayar. Mereka boleh menyesuaikan pengendalian permintaan, navigasi, pengikatan JavaScript, pemuatan sumber dan cara tika pelayar berinteraksi dengan komponen aplikasi natif.
Bagi pasukan yang mempunyai kepakaran pembangunan natif yang kukuh, fleksibiliti ini boleh mengatasi kemudahan yang ditawarkan oleh Electron.
CEF wajar dipertimbangkan apabila:
- Menambah antara muka web pada aplikasi natif sedia ada. Pembangun boleh mengekalkan seni bina aplikasi semasa dan membenamkan Chromium di tempat yang diperlukan.
- Membina perisian dengan keperluan pemaparan tersuai. Pemaparan luar skrin membolehkan kandungan web disepadukan ke dalam saluran pemprosesan grafik dan antara muka khusus.
- Melakukan penyepaduan mendalam dengan fungsi C++ natif. CEF menyediakan API natif dan membolehkan kawalan terperinci terhadap tingkah laku pelayar.
- Menyelenggara aplikasi CEF yang mantap. Migrasi kepada Electron mungkin membawa perubahan seni bina yang besar tanpa manfaat yang bermakna.
- Menggabungkan antara muka natif dan web. Pembangun boleh menggunakan Chromium untuk bahagian tertentu aplikasi sambil mengekalkan komponen UI natif di bahagian lain.
CEF memang memerlukan tanggungjawab yang lebih besar terhadap infrastruktur aplikasi. Pembangun mungkin perlu melaksanakan sendiri pembungkusan, pengemaskinian, pengurusan tetingkap dan penyepaduan khusus platform.
Bagi pasukan yang sudah bersedia untuk menyelenggara aplikasi natif, hal ini mungkin sangat munasabah. Bagi pasukan berfokus pada web yang membina produk desktop baharu, hal ini mungkin menambahkan kerumitan yang tidak diperlukan.
Electron lwn. CEF: Mana Satu Patut Anda Pilih?
Kedua-dua teknologi matang, dibangunkan secara aktif dan mampu menyokong perisian desktop yang canggih. Pilihan yang lebih baik bergantung terutamanya pada sama ada anda membina aplikasi desktop baharu berteraskan teknologi web atau membenamkan fungsi web ke dalam aplikasi natif sedia ada.
| Keutamaan anda | Titik permulaan yang lebih baik | Sebab |
|---|---|---|
| Aplikasi desktop baharu menggunakan JavaScript atau TypeScript | Electron | Rangka kerja aplikasi lengkap |
| Aplikasi C++ natif sedia ada | CEF | Disepadukan ke dalam seni bina natif |
| Pembangunan natif yang minimum | Electron | API Node.js dan JavaScript |
| Membenamkan kandungan web dalam tetingkap natif | CEF | Direka khusus untuk pembenaman |
| Pemaparan luar skrin dan saluran pemprosesan grafik tersuai | CEF | API pemaparan khusus |
| Alat pembungkusan dan kemas kini desktop yang menyeluruh | Electron | Ekosistem pengedaran yang mantap |
| Penyepaduan terus dengan kod C++ natif | CEF | Antara muka C dan C++ natif |
| Konsistensi Chromium merentas platform desktop | Mana-mana satu | Kedua-duanya menyertakan Chromium |
| Pengurusan sesi pelayar yang kompleks | Mana-mana satu | Kedua-duanya menyediakan keupayaan pengurusan pelayar |
| Pakej aplikasi yang kecil | Kedua-duanya tidak mempunyai kelebihan semula jadi | Kedua-duanya mengedarkan Chromium |
| Pasukan kejuruteraan JavaScript sedia ada | Electron | Susunan teknologi pembangunan yang sudah biasa digunakan |
| Produk berasaskan CEF sedia ada | CEF | Mengelakkan migrasi yang tidak perlu |
Bagi kebanyakan pembangun web yang memulakan aplikasi desktop merentas platform baharu, Electron secara umumnya merupakan pilihan yang lebih praktikal. Electron menyediakan seni bina aplikasi, penyepaduan natif, alat pembangunan dan ekosistem pengedaran yang diperlukan untuk membina produk lengkap tanpa membangunkan semuanya dari awal.
CEF selalunya merupakan pilihan yang lebih baik bagi pembangun yang sudah mempunyai aplikasi natif atau memerlukan keupayaan pembenaman pelayar khusus. Fleksibiliti dan penyepaduan natif secara langsung menjadikannya amat berguna untuk perisian seperti enjin permainan, alat penstriman, aplikasi perindustrian dan produk natif kompleks dengan antara muka web terbenam.
Kedua-dua teknologi tidak sememangnya lebih pantas atau lebih selamat. Ciri-ciri tersebut sangat bergantung pada aplikasi, seni binanya dan mutu pelaksanaannya.
Rumusan Akhir
Electron dan Chromium Embedded Framework berkongsi teknologi pelayar asas yang sama, tetapi menyelesaikan masalah yang berbeza.
Electron direka untuk memudahkan pembangun web menceburi pembangunan aplikasi desktop. Electron menggabungkan Chromium, Node.js dan API desktop natif ke dalam satu rangka kerja yang membolehkan pasukan membina aplikasi canggih menggunakan JavaScript dan TypeScript.
CEF direka untuk membenamkan Chromium ke dalam aplikasi lain. CEF menyediakan kawalan peringkat lebih rendah terhadap penyepaduan pelayar dan amat bernilai untuk aplikasi natif yang memerlukan antara muka berasaskan web atau keupayaan pemaparan khusus.
Kedua-duanya telah membuktikan nilainya dalam perisian produksi utama. Electron menjadi asas kepada aplikasi seperti Visual Studio Code, Slack, Discord dan Notion, manakala CEF digunakan dalam produk seperti Spotify, Steam dan OBS Studio.
Di WebCatalog, kami memilih Electron kerana produk kami pada asasnya dibina berteraskan fungsi pelayar. Persekitaran masa jalan Chromium yang konsisten, API pengurusan pelayar yang matang dan ekosistem JavaScript membolehkan kami membangunkan serta menyelenggara aplikasi desktop merentas platform dengan cekap.
CEF kekal sebagai pilihan yang sangat baik bagi pembangun yang bekerja dengan aplikasi natif, khususnya apabila Chromium perlu dibenamkan ke dalam seni bina sedia ada dan bukannya menjadi asas kepada keseluruhan produk.
Keputusan akhirnya bergantung pada apa yang anda bina. Jika anda mahu mencipta aplikasi desktop lengkap menggunakan teknologi web, Electron biasanya merupakan titik permulaan yang lebih baik. Jika anda mahu menambah Chromium pada aplikasi natif, CEF berkemungkinan merupakan alat yang lebih sesuai.
