>웹 프론트엔드 >프런트엔드 Q&A >node-webkit은 무슨 뜻인가요?

node-webkit은 무슨 뜻인가요?

WBOY
WBOY원래의
2022-02-28 16:33:162971검색

"node-webkit"은 "node.js"와 chromium을 기반으로 하는 애플리케이션 실행 환경입니다. 이 환경은 브라우저와 "node.js"에 구축된 웹 애플리케이션을 HTML, CSS 및 HTML을 사용하여 데스크톱 애플리케이션으로 패키징할 수 있습니다. PC 데스크탑 애플리케이션을 작성하기 위한 JavaScript.

node-webkit은 무슨 뜻인가요?

이 문서의 운영 환경: Windows 10 시스템, nodejs 버전 12.19.0, Dell G3 컴퓨터.

node-webkit은 무엇을 의미하나요?

node-webkit은 node.js와 chromium을 기반으로 하는 애플리케이션 실행 환경입니다. 이를 통해 Chrome 브라우저와 node.js를 기반으로 구축된 웹 애플리케이션을 데스크톱 애플리케이션으로 패키징할 수도 있습니다. 크로스 플랫폼. 분명히 전통적인 데스크톱 애플리케이션에 비해 특정 특정 영역에서 html5+css3+js로 개발된 웹 애플리케이션은 더 간단하고 효율적이며 node.js의 기능도 사용할 수 있으므로 node-webkit은 여전히 ​​매우 유용합니다. JavaScript와 HTML만 아는 프로그래머가 데스크탑 애플리케이션을 개발할 수 있게 해주는 오픈 소스입니다.

즉, HTML, CSS 및 JavaScript를 통해 현지화된 애플리케이션을 구현할 수 있습니다. 전체 프로젝트에서 가장 창의적인 부분은 node.js의 통합입니다. 이를 통해 애플리케이션 개발자는 DOM에서 직접 node.js 모듈을 사용할 수 있어 웹 측 JavaScript의 기능이 크게 향상됩니다. 이 프로젝트는 인텔 오픈 소스 프로젝트 센터에서 개발하고 유지 관리합니다.

사실 웹앱을 작성하는 것으로 이해하면 됩니다. 하지만 node.js API를 사용하면 최종적으로 브라우저로 전체 애플리케이션을 패키징하고 게시할 수 있습니다. 따라서 플랫폼에 의해 제한되지 않습니다(운영 체제 API를 호출하기 위해 node.js를 사용하는 경우 제외). Phonegap/cordova에 대한 지식이 있는 경우 코드를 패키징하고 게시하면 됩니다. 이 node-webkit은 그것들과 매우 유사합니다. node.js를 추가한 것뿐입니다.

node-webkit을 활용하여 프로젝트를 개발하는 작업 과정을 소개합니다.

노드웹킷 다운로드

https://github.com/rogerwang/node-webkit에서 운영 체제에 해당하는 파일을 다운로드하세요. 압축을 풀면 됩니다. 환경변수에 추가하는 것이 좋습니다.

새 프로젝트

새 프로젝트 폴더 C:/Users/keith/node/webkitdemo

New package.json

 <!DOCTYPE html>
 <html>
   <head>
     <title>Hello World!</title>
   </head>
   <body>
     <h1>Hello Node-webkit</h1>
         Node.js version: <script>document.write(process.version)</script>.
   </body>
 </html>

Run

명령줄에서:

 npm install node-webkit-builder -g
 cd C:/Users/keith/node/
 nwbuild -p win C:/Users/keith/node/webkitdemo/
 cd build/demo/win/
 ./demo.exe  //运行程序

이때 직접 컴파일하도록 선택할 수 있습니다. 컴파일된 폴더는 압축되어 게시됩니다. 컴파일된 폴더를 exe 파일로 패키지하고 exe 파일을 직접 게시하도록 선택할 수도 있습니다. 이렇게 하려면 설치 후 Enigma virtual이라는 도구가 필요합니다. box

입력 파일 이름 입력에서 C:/Users/keith/node/build/win/demo.exe 파일을 선택한 후 아래 추가 버튼을 클릭하면 C:/Users/keith/node/에 모든 dll이 추가됩니다. build/demo/win 디렉토리 파일 및 nw.pak를 클릭한 다음 파일 옵션을 클릭하고 압축을 선택하여 파일을 압축한 다음 마지막으로 프로세스를 클릭하여 완료합니다.

요약

node-webkit을 통해 일부 PC 데스크탑 애플리케이션을 쉽게 개발할 수 있으며, node.js와 결합하면 node.js로 로컬 서버 생성, 로컬 파일 운영 등 많은 흥미로운 것들을 개발할 수 있습니다. 크로스 플랫폼 애플리케이션은 빠르게 개발할 수 있습니다. 단점은 패키지 애플리케이션이 압축 후에도 3.40M로 크다는 것입니다.

추천 학습: "nodejs 비디오 튜토리얼"

위 내용은 node-webkit은 무슨 뜻인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.