#nodewebkit | Explore Tumblr posts and blogs

seojeee · 11 years ago

Text

[node-webkit] 노드 웹킷으로 네이티브 앱 만들어보기 2

기본구성.

이전 글에서도 이야기 했듯이, nodejs를 기반으로 하고 있다. node-webkit 역시 비슷한 방식으로 구동되기 때문에 node-module을 만드는 방식이 비슷하다. 즉, 만들려고 하는 js파일 그리고 메타정보를 담고있는 package.json만 있으면 된다! 아니 js 없이 화면을 보여줄 html 과 package.json만 있어도 된다. 일단 코드부터 보자.

Quick Start from node-webkit github

index.html

<!DOCTYPE html> <html> <head> <title>Hello World!</title> </head> <body> <h1>Hello World!</h1> We are using node.js <script>document.write(process.version)</script>. </body> </html>

package.json

{ "name": "nw-demo", "main": "index.html" }

index.html과 package.json 압축!

$ zip app.nw index.html package.json

실행해보기!

$ nw app.nw // 이전 글에서 alias 해줘야 합니다.

다음과 같은 화면이 보일 것이다.

저번보다 훨씬 커스터마이즈 된 듯한 느낌의 브라우저다!

만들어본 앱의 structure를 보면..

app.nw |-- package.json `-- index.html

이런느낌!

- 웹 개발하듯이 뷰를 만들면 - node-webkit이 package.json을 보고 .nw 로 실행!

기본적인 이야기는 이정도로 마무리 하고 본격적인 예제앱을 만들어보겠다.

#node-webkit #노드웹킷 #nodewebkit

3 notes · View notes

openfintech-blog · 11 years ago

Text

10 Things CEF and NodeWebkit Don’t Do

Firms often ask us how OpenFin compares to other Chromium-based products including Chromium Embedded Framework (CEF) and NodeWebkit. Here’s what we tell them:

At a high level, OpenFin provides a complete, finance-ready app container while products like CEF and NodeWebkit provide building blocks for those who want to build their own app container.

CEF: Embed a Chrome window control in an existing app container

NodeWebkit: Enable Node.js support and provide native UI capabilities

Essentially both products provide you with a great Chromium engine but leave you to do 80-90% of the work to build your own app container. And they’ve made some things much harder.

Both NodeWebkit and CEF integrate with the Chromium code using the Chrome Content API. This API was mainly introduced to make testing easier for those working on different

parts of the Chromium code, but it means that with NodeWebkit and CEF, your developers have to spend time re-implementing key, powerful features that have already been built and well-tested by Google’s engineers!

OpenFin, on the other hand, is built using the Chrome extension system and can leverage all the advanced features available in the full Chrome browser. This was the primary driver for OpenFin to move away from CEF last year and to work directly with the full Chromium runtime build.

Here is an abbreviated list of OpenFin features not provided by CEF or NodeWebkit:

Installers for running and auto-updating on locked-down computers

Multi-process architecture for performance and security

Client-side message bus to securely share data and context

Adapters for integration with .NET / C++ / Java / Flash apps

Window animation, transparency, docking, tear-out and frame-removal

UI implementations for authentication challenges and SSL certificates

Group policy manager integration

API support for memory, processor and cache management

Self-hosting of Google Platform Apps

Enterprise support and SLA

The work involved in building these features is not only significant but must then be maintained on an ongoing basis as new versions of Chromium are released by Google (every 6 weeks). The last item, enterprise support, is often the biggest concern for any bank or financial services provider. When there are problems, there is no one to call. For mission critical systems, that is a deal-breaker.

For more information, please contact us at [email protected]

#nodewebkit #html5 #javascript #cef #fintech

0 notes

seojeee · 11 years ago

Text

[node-webkit] 노드 웹킷으로 네이티브 앱 만들어보기 1

시작.

DevFest2014 에서 재밌게 본 세션 중 하나였던 "크롬을 활용한 어플리케이션 개발". node-webkit을 이용해 SQLGate를 만드신 개발 이야기였는데. 네이티브 라고는 모바일 앱 밖에 안만들어본 나에게는 신선한 충격! javascript로 그것도 서버사이드라고만 생각했던 nodejs로 네이티브라니.

그래서 nodewebkit이란 무엇인가?

node-webkit은 크로미움과 node.js를 기반으로 돌아가는 “앱”

HTML과 자바스크립트로 네이티브 앱을 만들 수 있다.

즉, Node.js 모듈을 그대로 사용할 수 있고 web 기술을 네이티브 앱을 만드는데 사용할 수 있다.

Intel Open Source Technology Center 에서 만들었다.

설치.

시작이 반이라고 우선 설치를 해보자. http://github.com/rogerwang/node-webkit/ 다운로드 후 node-webkit.app을 Applications 디렉토리로 옮겨준다.

Quick Start.

방법1. $ /Applications/node-webkit.app/Contents/MacOS/node-webkit

방법2. $ sudo vi ~/.bash_profile

# alias to nw

alias nw="/Applications/node-webkit.app/Contents/MacOS/node-webkit"

$ nw

우오오오오오! 브라우저같은게 이게 앱인가 ;;; 스럽겠지만 어째뜬 시작하기는 성공!!

#노드웹킷 #node-webkit #nodewebkit

2 notes · View notes