ハック
2015.05.14
1,336
mac / node.js / NW.js

NW.jsをつかってHTML+NodeJSでMacOSXアプリをつくる

NW.jsインストール

wget http://dl.nwjs.io/v0.12.1/nwjs-v0.12.1-osx-x64.zip
unzip nwjs-v0.12.1-osx-x64.zip 
mkdir app

アプリの設定ファイル作成

vim app/package.json

{
  "name": "helloworld",
  "main": "index.html",
  "window": {
    "frame": true,
    "toolbar": false
  }
}

メインとなるhtml作成。

vim app/index.html

<!DOCTYPE html>
<html>
<head>
<title>hello world</title>
</head>
<body>
<script>
var os = require('os');
document.write("My OS is " + os.platform() + " " + os.release());
</script>
</body>
</html>

とりあえず実行してみる

nwjs-v0.12.1-osx-x64/nwjs.app/Contents/MacOS/nwjs app

.appファイルとしてアプリケーションフォルダにコピーする

cp -frp app nwjs-v0.12.1-osx-x64/nwjs.app/Contents/Resources/app.nw
cp -frp nwjs-v0.12.1-osx-x64/nwjs.app /Applications/helloworld.app