node.js 進攻桌面開發

Node.js進攻桌面開發

用 HTML5 開發跨平台的單機版應用程式！

錢逢祥

Fred Chien

fred-zone.blogspot.com

cfsghost At gmail.com

Mandice

How many people know

有多少人知道

JavaScript 開發年資大調查

JavaScript 辛酸血淚史

奇怪的運作原理

沿街叫罵喊打

語法設計差

醜不拉嘰

效能不彰

動作緩慢

會 Copy & Paste 就可以自稱會寫

開發者都不開發者了

還記得首頁製作百寶箱這個可怕的箱子嗎？

Nobody knows

殊不知

Lovely

鐘樓怪人也有可人的一面

史瑞克仍可把到正妹

V8 + APIs

Node.js

百年修得同船渡

Enough !?

你這樣就滿足了嗎？

泡麵科技產業

當泡麵師父都可以來賣電腦

我們怎麼可以止步不前？

最少也應該吃泡麵洩恨

然後努力搞點新花樣

JavaScript 已經征服三大洲

前端、後端、雲端

What's Next?

桌面應用程式

JavaScript

Think About It

瀏覽器

性感的存在

HTML5CSS

WebGL

My Application

HTML5CSS

WebGL

window.open('page.html', *=no);

喔。不過就是沒邊框。

誰都會

把瀏覽器扒光而已嘛

看到全裸的美女無動於衷？

My Application

HTML5CSS

WebGL

My Application

Node.js Inside

node-webkit at github

node-webkit

這意味著我不想要.....

HTTP ServerNode.js

HTTP ServerNode.js

GET/POST/...

RESTful APIsAjax....etc

<html><head><title>Hey</title><script> var fs = require('fs'); fs.unlinkSync('/home/fred/聊天記錄');</script></head></html>

我希望這樣寫一支程式 killsecret.html

node-webkit +

killsecret.html

立即殺光我的小秘密

沒有用到 HTTP 方法

瀏覽器本身內建 Node.js

node-webkit

絕對比 IE 支援更多 Web 標準

追隨著 Chromium 的腳步

HTML5/CSS3/WebGL... etc


還可以跨平台 Windows/Linux/Mac


數以萬計的第三方模組

用 Node.js 熬七七四十九天

經過後端考驗的穩定度

用 Node.js 熬七七四十九天

將 JS 程式 Compile 成 Binary 檔

其他更多功能

將 JS 程式打包進執行檔內

其他更多功能

Usage

如何打造桌面應用程式

index.htmljs/img/css/

Your Application

index.htmljs/img/css/

Your Applicationpackage.json

{"name": "hello world","main": "index.html"

}

package.json

Run

執行

./nw /home/fred/myapp

nw [App Path]

myapp.nw

你也可以打包成 ZIP 檔

執行包成 ZIP 檔的程式

./nw /home/fred/myapp.nw

nw [zip file]

myapp.exe (standalone)

做成獨立執行檔

Windows

copy /b nw.exe+app.nw myapp.exe

Linux

$ cat /usr/bin/nw app.nw > myapp $ chmod +x myapp

node-webkit

node-webkit

myapp.nw

Live Demo

更多實例

Markdown Editor

Tool for Web Developer

Reddit Client

附帶一提

Node.js可以開發桌面應用

舊電腦

Raspberry PiARM Board

...

甚至使用 node-webit 跑 GUI 程式？

跑 Node.js 應用？

純 JavaScript開發嵌入式系統？

買了很多 ARM 板丟一邊的舉手？

不是每個人都搞 Porting

讓你無痛跑 Node.js 應用的嵌入式 OS

Stem

Support x86 and ARM

Stem

千萬別用中文單唸這個名字，感謝。

Stem

當然也別用 Google Translate

Stem

stem.mandice.org

Download

懂 Node.js + Web 就可以 DIY 嵌入式應用

硬體這麼便宜

懂 Node.js + Web 就可以 DIY 嵌入式應用

HW + Stem OS + Your App

Enjoy It

Question ?

Thanks !

node.js 進攻桌面開發

Technology