상자 밖에서 "자동 업데이트"지원을 제공하는 MacOS 용 Prottible Electron, Windows 및 Linux 용 Proportibution Electron, Proton Native App을 패키지 및 구축하는 데 필요한 모든 솔루션.
항상 커뮤니티 기여를 찾고 있습니다! ? 개발 환경을 설정하는 것이 쉽습니까?
| 메모, 작업, 프로젝트. 모두 한 곳에서. | |
당뇨병 데이터를 이해하기위한 관문 | 개방형 소스를 사용할 수있는 소프트웨어 라이센스 및 배포 API |
Todesktop : 전자 앱을 구축하고 공개하기위한 올인원 플랫폼 | ![]() |
Electron.build의 전체 문서를 참조하십시오.
7z , zip , tar.xz , tar.7z , tar.lz , tar.gz , tar.bz2 , dir (포장되지 않은 디렉토리).dmg , pkg , mas .deb ), rpm , freebsd , pacman , p5p , apk .nsis (설치자), nsis-web (웹 설치 프로그램), portable (설치없는 휴대용 앱), AppX (Windows Store), MSI, Squirrel.Windows.| 질문 | 답변 |
|---|---|
| "전자 빌더를 구성하고 싶습니다" | 옵션을 참조하십시오 |
| "버그를 찾았거나 질문이 있습니다" | 문제를여십시오 |
| "나는 개발을 지원하고 싶다" | 기부 |
원사는 NPM 대신 강력하게 권장됩니다.
yarn add electron-builder --dev
pnpm 과 함께 사용하려면 의존성을 올바르게 번들로 만들려면 다음 접근법을 사용하려면 .npmrc 조정해야합니다 (참조 : #6389).
node-linker=hoisted
public-hoist-pattern=*
shamefully-hoist=true
참고 : 부끄러운 일을 진정으로 설정하는 것은 공개-호이스트 패턴을 *로 설정하는 것과 동일합니다.
원사 3 기본적으로 PNP를 사용하지만 전자 빌더에는 여전히 노드 모듈이 필요합니다 (Ref : Yarnpkg/Berry#4804). 다음과 같이 .yarnrc.yaml 에 구성을 추가하십시오.
nodeLinker: "node-modules"
PNP 대신 노드 모듈을 사용하도록 선언합니다.
Electron-Webpack-Quick-Start는 새로운 전자 응용 프로그램을 만드는 권장 방법입니다. 보일러 플레이트를 참조하십시오.
Application package.json - 이름, description , version 및 저자의 표준 필드를 지정하십시오.
다음과 같이 package.json 의 빌드 구성을 지정하십시오.
"build" : {
"appId" : " your.id " ,
"mac" : {
"category" : " your.app.category.type "
}
} 모든 옵션을 참조하십시오. 옵션 파일은 입력 파일을 포함하여 최종 응용 프로그램에 포장해야 할 파일을 표시해야합니다. js , ts , yml 및 json / json5 와 같은 별도의 구성 파일을 사용할 수도 있습니다. 지원되는 확장에 대해서는 Read-Config-File을 참조하십시오. 프로그램 API에 대한 JS 예
아이콘을 추가하십시오.
개발 package.json 에 스크립트 키를 추가하십시오 .JSON :
"scripts" : {
"app:dir" : " electron-builder --dir " ,
"app:dist" : " electron-builder "
} 그런 다음 yarn app:dist (배포 가능한 형식의 패키지 (예 : DMG, yarn app:dir
기본 종속성이 항상 전자 버전 일과 일치하도록하려면 "postinstall": "electron-builder install-app-deps" package.json 에 추가하십시오.
응용 프로그램의 일부인 (종속성이 아님) 자신의 애드온이있는 경우 NodeGypRebuild를 true 로 설정하십시오.
모든 것이 기본적으로 ASAR 아카이브에 포장되어 있습니다.
프로덕션에 배송 될 앱의 경우 응용 프로그램에 서명해야합니다. 코드 서명 인증서를 구입할 위치를 참조하십시오.
node_modules/electron-builder/out/index.d.ts 참조하십시오. TypeScript 용 타이핑이 제공되며 여기에서도 찾을 수 있습니다.
아래에 제공된 코드 스 니펫도 여기에 "실제로"표시됩니다.
"use strict"
const builder = require ( "electron-builder" )
const Platform = builder . Platform
// Promise is returned
builder . build ( {
targets : Platform . MAC . createTarget ( ) ,
config : {
"//" : "build options, see https://goo.gl/QQXmcV"
}
} )
. then ( ( ) => {
// handle result
} )
. catch ( ( error ) => {
// handle error
} ) DEBUG 환경 변수를 설정하여 전자 빌더가 수행하는 일을 디버그하십시오.
DEBUG=electron-builder FPM_DEBUG ENV는 Linux 대상 구축에 대한 자세한 내용을 추가합니다 (SNAP 및 AppImage 제외).
DEBUG_DMG=true hdiutil (macOS)에서 더 많은 디버깅/verbosity를 추가하기 위해 true env var.
!!!!!!! 팁 "CMD"Windows에서 환경 변수는 SET 명령을 사용하여 설정됩니다. bash set DEBUG=electron-builder
!!!!!!! 팁 "PowerShell"PowerShell은 다른 구문을 사용하여 환경 변수를 설정합니다. bash $env:DEBUG=electron-builder
우리는이 오픈 소스 작업을 자유 시간에 수행합니다. 더 많은 시간을 투자하고 싶다면 기부하십시오.