node-webkit 로 웹 애플 리 케 이 션 을 데스크 톱 애플 리 케 이 션 으로 포장 합 니 다(windows 환경)

node-webkit 는 Chromium 과 node.js 의 결합 체 입 니 다.이 를 통 해 chrome 브 라 우 저 와 node.js 에 설 치 된 웹 애플 리 케 이 션 을 데스크 톱 애플 리 케 이 션 으로 포장 할 수 있 고 플랫폼 을 뛰 어 넘 을 수 있 습 니 다.전통 적 인 데스크 톱 애플 리 케 이 션 보다 특정 분야 에서 html 5+css3+js 로 개발 한 웹 애플 리 케 이 션 이 더 간단 하고 효율 적 이 며 node.js 기능 도 사용 할 수 있 기 때문에 node-webkit 는 유용 하 다.
다음은 간단 한 demo 를 통 해 웹 애플 리 케 이 션 을 실행 가능 한 파일 로 포장 하 는 방법 을 소개 합 니 다.(여 기 는 windows 환경 만 소개 합 니 다)
우선 index.html 파일 을 새로 만 듭 니 다.이 demo 의 입구 페이지 로 서 이 페이지 를 완전한 웹 응용 프로그램 으로 간주 합 시다.내용 을 마음대로 쓰 세 요.예 를 들 면:

그리고 프로필 package.json 을 만 듭 니 다.내용 은 다음 과 같 습 니 다.

그 중의 main 속성 은 입구 파일 을 지정 하 는 데 사 용 됩 니 다.이 속성의 값 은 로 컬 파일 일 수도 있 고 원 격 사이트 주소 일 수도 있 습 니 다.그러면 원 격 웹 응용 을 데스크 톱 응용 으로 직접 바 꿀 수 있 습 니 다.
name 과 main 이라는 두 속성 을 제외 하고 다른 유용 한 속성 도 많이 설정 할 수 있 습 니 다.예 를 들 어 지정 한 아이콘,브 라 우 저 를 표시 하지 않 는 도구 모음,지정 한 브 라 우 저의 초기 크기 등 입 니 다.구체 적 인 설정 매개 변수 문 서 는 여기 https://github.com/rogerwang/node-webkit/wiki/Manifest-format 을 볼 수 있 습 니 다.
지금 우 리 는 두 개의 서 류 를 가지 고 있다.

그리고 index.html 와 package.json 두 파일 을 하나의 zip 압축 패키지 에 압축 하여 app.zip 이 라 고 명명 합 니 다.

현재 app.zip 이 압축 가방 의 내용 은 다음 과 같 을 것 입 니 다.

그리고 app.zip 이 파일 의 확장 자 를 nw 로 바 꾸 고 app.nw 로 바 꿉 니 다.

그리고 windows 버 전의 node-webkit 를 다운로드 하여 압축 을 풀 고 폴 더 를 얻 습 니 다.

그 후에 우리 가 얻 은 app.nw 이 파일 은 nw.exe 로 실행 할 수 있 습 니 다.app.nw 를 nw.exe 에 끌 어 다 놓 으 면 됩 니 다.실행 결 과 는 다음 과 같 습 니 다.

chrome 에서 index.html 페이지 를 여 는 것 과 는 효과 가 많 지 않 습 니 다.물론 package.json 파일 을 설정 하여 브 라 우 저의 도구 모음 이나 테 두 리 를 숨 길 수 있 습 니 다.데스크 톱 소프트웨어 와 같 습 니 다.
nw 파일 의 실행 은 node-webkit 환경의 지원 이 필요 하기 때문에 app.nw 라 는 파일 을 node-webkit 의 환경 파일 과 함께 실행 가능 한 파일 로 포장 해 야 합 니 다.

먼저 windows 의 cmd 를 열 고 다음 명령 을 입력 하 십시오.
copy /b nw.exe+app.nw app.exe
파일 경 로 는 실제 상황 에 따라 변경 되 어야 합 니 다.app.nw 가 node-webkit 의 메 인 폴 더 에 놓 여 있다 고 가정 하고 출력 한 app.exe 도 이 폴 더 에 있 습 니 다.
명령 을 실행 한 후에 우 리 는 app.exe 라 는 실행 가능 한 파일 을 얻 었 다.
이 단계 에 이 르 러 우 리 는 app.exe 라 는 파일 을 얻 었 습 니 다.그러나 app.exe 라 는 파일 만 으로 는 부족 합 니 다.이 실행 가능 한 파일 의 실행 에는 dll 파일 의 지원 이 필요 합 니 다.
그 중에서 nw.pak 와 icudt.dll 이라는 두 파일 은 반드시 필요 합 니 다.
ffmpeg sumo.dll 파일 은 미디어 지원 파일 입 니 다.html 페이지 에