“main.js”와 같이 JS 파일을 “main.js”와 같이 “main.js”로 설정할 수도 있습니다. 그런 다음 JS 파일이 시작 시 백그라운드 페이지에 로드되고 기본적으로 창이 열리지 않습니다. 일반적으로 초기화를 수행하여 나중에 수동으로 창을 열 수 있습니다. 예를 들어 이 예제에서는 NW.js 앱에서 네이티브 컨텍스트 메뉴를 만드는 방법을 보여 줍니다. 다음 콘텐츠로 index.html을 만들 수 있습니다: 응용 프로그램에서 NW.js 관련 API 메서드를 사용하지 않는 경우 이론적으로 일반적인 웹 응용 프로그램 워크플로우(예: Karma를 재스민과 함께 사양 러너로 사용하여 테스트)에 남아 있을 수 있습니다. 프레임 워크. 이 예제 응용 프로그램은 로컬 구성 요소 재정의 및 구성 요소 및/또는 테마와 같은 일부 핵심 프레임워크 기능을 모듈로 보여 주며 있습니다. 그것은 nw 테마 모듈에서 테마에 의존. 그것은 두 가지 `주요`구성 요소가 있습니다 : 그런 다음 src / 보기 / 내에서 something.html 파일을 만듭니다. 예제 프로젝트에서 이 작업을 한 방법은 다음과 같습니다. 선호하는 상용구는 무엇이며 NW.js 응용 프로그램을 개발하는 데 선호하는 기술은 무엇입니까? 할 일 앱 구현 대신 이 문서에서 NW.js 예제를 적용하기 위해 작동했습니까? 내가 코멘트에 알려주세요. package.json은 앱의 매니페스트 파일입니다. JSON 형식으로 작성되었습니다.

기본 필드는 이 예제에서 HTML 파일인 “index.html”을 참조하는 경우 NW.js에서 열었던 첫 번째 페이지를 파악합니다. 이름 필드는 NW.js 앱에서 사용되는 고유한 이름입니다. 자세한 내용은 매니페스트 형식을 참조하십시오. 이 기본 예제에서는 NW.js 앱을 작성하는 방법을 보여 주며, 이 예제에서는 여기에서 nw-스켈레톤 프레임워크에 대한 온라인 생성 설명서를 볼 수 있으며, 여기에서 nw-app-example에 대한 온라인 생성 설명서를 볼 수 있습니다. 그러나 우리는 NW.js와 그 기능에 초점을 맞추고 싶습니다. 이러한 이유로, 나는 당신이 우리의 응용 프로그램의 기능을 결정할 수 있도록하는 것을 선호합니다. GitHub에서 Node.js 통합 및 클립보드 액세스와 같은 여러 NW.js 기능을 보여 주는 예제 프로젝트 NW.js 예제를 만들었습니다. 놀기 위해 응용 프로그램에서 자유롭게 사용하십시오. 그러나 다른 것을 사용할 수도 있습니다.

프로덕션 빌드는 Windows, Linux 및 macOS용 출력을 지원하는 nw-builder를 사용합니다. 이 예제에서는 이러한 모든 플랫폼에 대한 패키지를 32비트 및 64비트 버전 모두에서 빌드합니다. macOS의 경우 현재 레거시 모드에서 32비트를 빌드할 수 있습니다. (GitHub에서 이 문제를 참조하십시오.) 따라서 64비트만 빌드합니다. 실제 응용 프로그램에서는 다른 여러 뷰 파일이 있고 Ajax로 로드할 수 있습니다. 간단히 하기 위해 네이티브 하이퍼링크를 만들고 다른 HTML 파일을 참조할 수도 있습니다. 예를 들어, 이제 노드 파일을 HTML에 연결할 수 있습니다! 예를 들어 노드 파일이 있는 경우 txt 파일을 읽습니다(예: 스크립트 태그를 사용하여 index.html 파일에 연결하면 데이터를 p 태그에 인쇄할 수 있습니다). 그래서이 작업을 수행 할 수 있습니다! 그러나 NW.js는 헤드리스(팬텀JS와 같은 것과 는 대조적)가 아니기 때문에 항상 물리적 디스플레이가 필요합니다.

즉, 순수 CLI 서버에서 테스트를 실행할 수 없습니다. 다행히이러한 경우 Xvfb를 사용하여 디스플레이를 시뮬레이션할 수 있습니다. 예를 들어 트래비스 CI에서 작동합니다. 젠킨스에 대 한, Xvfb 플러그인을 설치 해야. 자세한 내용은 GitHub에서 이 문제를 따르십시오. 사이트 포인트 편집자/nw.js-예제에서 새 릴리스에 대한 알림을 원하십니까? 좋은 소리? 그럼 시작해 봅시다. 이 문서에서는 실제로 NW.js에 익숙해지고 하이브리드 응용 프로그램을 만드는 방법을 알아봅니다. 이 문서의 지침을 사용하여 빌드된 예제 응용 프로그램은 GitHub에서 찾을 수 있습니다. 예를 들어 이전 웹 응용 프로그램에서 사용되는 그래프 렌더링 엔진을 재정의하고 대신 D3와 같은 것을 대체할 수 있으므로 광범위한 재작성 없이 기존 응용 프로그램을 크게 향상시킬 수 있습니다. 예를 들어 NW.js를 사용하면 포함된 브라우저에서 웹 응용 프로그램을 열고 런타임에 JavaScript 코드를 삽입할 수 있습니다. 문제의 응용 프로그램의 경우 가장 큰 욕구는 응용 프로그램에 대한 내부 링크와 브라우저에서 열어야 하는 인앱 메시지에 포함된 링크를 처리하는 메커니즘을 마련하는 것이었습니다.