NodeJS的desktop應用開發中,關於Electron的中文文檔或者博客之類的很少?
有沒有哪位朋友有關於Electron的中文開發文檔或者博客地址的鏈接?官方的文檔有點生澀
啊…用過 electron,也看過一點資料,今天太晚了明天更新
==================================個人認為 Electron 還是要看官方文檔,因為有些資料改動還是比較頻繁,至少把 quick start 看完,把程序運行起來。實在不想看英文的話就去看 doc-translations。著重理解 IPC 模塊,主進程和渲染進程。
主進程負責 IO、創建窗口和管理窗口等。渲染進程(就是一個瀏覽器窗口)負責 UI,寫網頁的時候該幹嘛就在這個窗口內幹嘛。然後 IPC 模塊負責兩個進程的通信,比如配置數據的通信,緩存數據的通信,對窗口進行操作等。接下來最好的做法還是看其他 Electron 應用的源代碼,官網上有給出,sindresorhus/awesome-electron · GitHub 有更多。直接使用一些 startup 或者 boilerplate 也是可以的,同樣 sindresorhus/awesome-electron · GitHub 有列出很多。微軟的 VS Code 也可以哦,我從那裡得到不少的啟發。
至於 UI 方面,推薦使用 AngularJS 等框架,普通網頁那一套不太適合桌面應用。
給個本人寫的應用的截圖作為例子GitHub :radioit/radioit-desktop · GitHub
目前 Electron 的博客……中文資料實在少,幾乎沒有。
不過本人有在寫跟 Electron 相關的博文系列,只是寫得有點慢(沒什麼人看 自己懶orz):exoticknight"s blog或者看在 GitHub 的存檔:blog-post/build-application-with-angular-and-ng-material-based-on-electron at master · exoticknight/blog-post · GitHub也給題主一個快速上手的翻譯教程:http://get.ftqq.com/7870.get========2016.11.26 更新===========近來又寫了一個 Electron 的應用,這次用了 vue,更新一發。知乎不能傳 gif,更多圖去主頁或者 github 看吧。主頁:ConvertFlow by exoticknightgithub: exoticknight/ConvertFlow
@趙成來我幫你 at 下作者,微博上那個藍 V 的 github 帳號也是他維護的。
# IPC
因為在把玩它,然後,個人淺見——理解會用下面兩段,基本就可以自由發揮了:## backend // IPC.
ipc.on("async-msg", function (event, action, params) {
console.log(action, params); // prints "asynchronous"
event.sender.send("async-reply", "asynchronous-reply");
});
ipc.on("sync-msg", function (event, arg) {
console.log(arg); // prints "synchronous"
event.returnValue = "synchronous-reply";
});
// Func.
function async(action, params) {
ipc.send("async-msg", action, params);
}
function sync(params) {
return ipc.sendSync("sync-msg", params);
}
# C/S
上面是使用ipc做通訊,然後吧,還有一個辦法就更簡單了
## backend- expressjs/koajs
## frondend
- vuejs
- jquery(or not)
先看英文文檔,不懂直接問作者,作者是中國人
electron下有個docs-translations,裡面有部分翻譯過的中文文檔,湊合看。
目前用electron開發了2個不算太複雜的應用. 網上可以找到部分中文文檔,推薦中文和英文交替著看,還是比較容易上手的.
另外推薦用google,百度真的是找不到什麼有用的資料的。手機,晚上回去了再整理一些我的收藏單位資料
Electron 1.3+ 模塊劃分有變動, 不再兼容以前版本. 比如:
var ipc = require("ipc");
改為
const {ipcMain} = require("electron");
const {ipcRenderer} = require("electron");
-- sorry --
謝謝指出, 寫錯了. 已修正.官方原文是這樣的:ipcMain - Electron官方中文文檔 electron/docs-translations/zh-CN at master · atom/electron · GitHub
有個electron的模版,名叫 photon,不過doc都是英文的
推薦閱讀:
※為什麼nodejs的module.js里用了readFileSync而不用readFile?
※想學習nodejs 有什麼書可以推薦的?
※《深入淺出Node.js》《Node.js 實戰(雙色)》《了不起的Node.js》 這三本書那本書比較好呢?
※怎麼才能成為一個nodejs大神?
※ECMAScript 6 的模塊相比 CommonJS 的require (...)有什麼優點?
TAG:互聯網 | JavaScript | Nodejs |