nativefier
모든 웹 페이지를 데스크톱 애플리케이션으로 만들어 보세요.
파일 탐색기
최종 버전 다운로드 (.zip)- bug.yml
- config.yml
- feature.yml
- question.yml
- ci.yml
- publish.yml
- CONTRIBUTING.md
- dock-screenshot.png
- generate-changelog
- manual-test
- nativefier-walkthrough.gif
- _placeholder
- contextMenu.ts
- loginWindow.ts
- mainWindow.ts
- menu.test.ts
- menu.ts
- trayIcon.ts
- helpers.test.ts
- helpers.ts
- inferFlash.ts
- loggingHelper.ts
- playwrightHelpers.ts
- windowEvents.test.ts
- windowEvents.ts
- windowHelpers.test.ts
- windowHelpers.ts
- electron.ts
- .eslintrc.yml
- login.css
- login.html
- login.js
- main.ts
- preload.ts
- .eslintrc.js
- nativefier.json
- npm-shrinkwrap.json
- package.json
- tsconfig.json
- webpack.config.js
- convertToIcns
- convertToIco
- convertToIconset
- convertToPng
- convertToTrayIcon
- model.ts
- .eslintrc.js
- tsconfig.json
- buildIcon.ts
- buildNativefierApp.ts
- prepareElectronApp.test.ts
- prepareElectronApp.ts
- executableHelpers.ts
- plistInfoXMLHelpers.ts
- rceditGet.ts
- upgrade.ts
- fsHelpers.ts
- helpers.test.ts
- helpers.ts
- iconShellHelpers.ts
- inferChromeVersion.ts
- inferFirefoxVersion.ts
- inferSafariVersion.ts
- inferIcon.ts
- inferOs.ts
- inferTitle.test.ts
- inferTitle.ts
- fields.test.ts
- fields.ts
- icon.test.ts
- icon.ts
- name.test.ts
- name.ts
- userAgent.test.ts
- userAgent.ts
- asyncConfig.ts
- normalizeUrl.test.ts
- normalizeUrl.ts
- optionsMain.test.ts
- optionsMain.ts
- parseUtils.test.ts
- parseUtils.ts
- sanitizeFilename.test.ts
- sanitizeFilename.ts
- .eslintrc.js
- cli.test.ts
- cli.ts
- constants.ts
- integration-test.ts
- jestSetupFiles.ts
- main.ts
- playwright-test.ts
- tsconfig.json
- .dockerignore
- .editorconfig
- .env
- .gitignore
- .npmignore
- .npmrc
- .nvmrc
- API.md
- base-eslintrc.js
- CATALOG.md
- CHANGELOG.md
- Dockerfile
- HACKING.md
- LICENSE.md
- npm-shrinkwrap.json
- package.json
- README.md
- tsconfig-base.json
# 설치 가이드
1. 코드 내려받기
git clone https://github.com/nativefier/nativefier
깃허브에서 프로젝트 코드 전체를 내 컴퓨터로 내려받습니다.
cd nativefier
방금 내려받은 프로젝트 폴더 안으로 이동합니다.
2. Docker
쉬움 추천사전 준비물
- Git GitHub에서 프로젝트 코드를 내려받으려면 필요합니다.
- Docker Desktop 컨테이너를 빌드하고 실행하려면 필요합니다. 설치 후 실행해서 백그라운드에 켜두세요.
docker run --rm -v ~/nativefier-apps:/target/ nativefier/nativefier https://mail.google.com/ /target/
빌드된 이미지를 실제 컨테이너로 실행합니다.
docker run --rm -v ~/my-icons-folder/:/src -v $TARGET-PATH:/target nativefier/nativefier --icon /src/icon.png --name whatsApp -p linux -a x64 https://web.whatsapp.com/ /target/
빌드된 이미지를 실제 컨테이너로 실행합니다.
터미널에 docker compose ps 를 입력해 컨테이너들이 Up 상태인지 확인하세요. README에 포트 번호가 적혀있다면 브라우저에서 http://localhost:포트번호 로 접속해보세요.
이 레포의 README에 적힌 실제 명령어를 그대로 가져왔습니다.
3. Node.js
쉬움사전 준비물
cd app
이 프로젝트의 관련 파일이 하위 폴더 안에 있어서, 먼저 그 폴더로 이동합니다.
npm install
package.json에 명시된 라이브러리들을 내려받아 설치합니다.
npm start
개발/실행 서버를 켭니다.
명령어 실행 후 터미널에 나타나는 주소(보통 http://localhost:3000 형태)를 브라우저에서 열어보세요.
// repository documentation
Was this content helpful?
(0 ratings)