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 exoticknight

github: 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";
});

## frontend

// 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)

# Other

照貓畫虎就好。


先看英文文檔,不懂直接問作者,作者是中國人


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 |