node-webkit 으로 desktop 어플리케이션을...

프론티어2015-02-06 16:00:12610200node-webkit, node-webkit-builder, nw, nwbuild,추천

node-webkit 을 이용하면 javascript 로 Desktop Application 을 만들수 있습니다.

Flash 기반의 AIR 프로그램 같은 셈인데요.
이제는 javascript 하나로 Server, Client, Desktop, Mobile 종횡무진할 수 있게 되는군요.

간단히 Hello World 하나 만들어 보도록 하죠.

1. node-webkit 설치

  • 이건 binary 로 download 받아야 하는군요. 다운로드는 https://github.com/nwjs/nw.js
  • 압축풀고 따로 설치없이 바로 쓰면 됩니다. (사용편의를 위해 PATH 를 잡아주면 좋겠죠)

2. nw.exe 실행

  • nw.exe 만 단독 실행해서 아래 화면 나오면 OK!
    nw.exe 이미지
  • 상단 막대3개 버튼 클릭하면 Chrome 개발자 도구가 뜨는데.. 개발시 활용하면 좋을 듯하고,
    개발이 완료되면 주소창 포함해서 toolbar 는 안보이도록 하는 게 좋을 듯. (package.json 설정)

3. index.html 과 package.json 작성

  • 폴더를 하나 만들고 (예:nw1) 그 안에 index.html 과 package.json 작성

4. 실행

  • nw . (or 해당 directory)

5. exe build

  • exe 파일을 만드는 방식으로 zip 파일 생성 (app.nw 으로 rename), copy /b nw.exe+app.nw app.exe 형태로 실행하라고 소개된 글이 많은데.
    실제로 ex 파일은 생성되나, 생성된 exe 파일 단독으로 실행은 되지 않고 반응이 없네요...
  • 그래서 찾은것이 node-webkit-builder(https://www.npmjs.com/package/node-webkit-builder)

  • node-webkit-builder 설치 : npm install -g node-webkit-builder

  • 설치되고 나면 nwbuild 명령으로 exe 를 build 할 수 있다.
    (명령 예) nwbuild -p "win32" (nwbuild 만 하면 모든 platform build)
    nwbuild