快速了解 Electron：基於 Web 跨平台桌面實現 - 即時通訊
Electron 知識普及
目前市面上的通訊軟件多數都是支持多種平台的，Android 端、iOS 端、PC 端、Web 端、小程序端等。由於傳統的 PC 端開發成本很高。所以今天給大家推薦使用 Electron 來實現 PC 端。
Electron 是通過將 Chromium 和 Node.js 合並到同一個運行時環境中，可以用 HTML、CSS 和 JavaScript 構建跨平台桌面應用程序。
Electron 可以將開發好的程序打包成 Mac、Windows 和 Linux 系統。
Electron 官網 https://www.electronjs.org/
Electron 開發 PC 端的理由
-
使用 Web 技術進行開發，開發成本低，可擴展性強；
-
跨平台，一套代碼可打包為 Windows、Linux、Mac 三套軟件；
-
可直接在現有 Web 應用上進行擴展；
-
提供瀏覽器不具備的能力；
實現即時通訊
傳統 web 端通信多數都是由 websock 或者是長輪詢實現的。目前市面上也有很多做即時通訊的三方，例如：融雲，網易雲等等。我選擇的是融雲。
融雲提供了一個桌面端解決方案，是使用 Electron 實現。不過個人覺得那個版本有些低，但還是試用了下。
下載 Demo 啟動起來，Demo 里面給的很簡單不過基本的功能還是有的，把 Demo 中的地址換成了我自己的地址還是比較方便的。
此處省略了些實現過程，Electron 使用的是融雲提供的 Demo， web 站點是之前集成的融雲的 web 端 SDK。
如果大家想要了解可以先看下文檔，由於項目中有很多其他模塊內容就不再次展示了。
文檔地址 https://docs.rongcloud.cn/v4/views/im/noui/guide/quick/include/web.html
由於我們場景就是單群聊，所以用到的核心接口如下。
-
初始化連接https://docs.rongcloud.cn/v4/views/im/noui/guide/quick/include/web.html#init
-
設置監聽https://docs.rongcloud.cn/v4/views/im/noui/guide/quick/include/web.html#listener
-
連接融雲https://docs.rongcloud.cn/v4/views/im/noui/guide/quick/include/web.html#connect
-
發消息https://docs.rongcloud.cn/v4/views/im/noui/guide/quick/include/web.html#send
當時測試時直接用的快速集成中的代碼段進行了下修改。還是很方便的。如果需要大家可以自行查看。
結果上圖
