Defold HTML5 번들은 자체 웹 주소에서 직접 실행할 수 있습니다. HTML 진입점, 스크립트, 엔진 런타임 파일 및 게임 리소스가 포함된 폴더를 게시합니다. Lobsite는 HTTPS를 통해 번들을 제공하고 다음 배포에서는 변경된 파일만 업로드합니다.
작동 방식
- HTML5 번들을 생성합니다. Defold에서 Project → Bundle → HTML5 Application를 선택합니다. 릴리스 번들을 만들고
index.html가 포함된 생성된 폴더를 찾습니다. - 해당 폴더를 게시하세요. 스레드가 아닌 번들의 경우 해당 폴더 또는 위의 ZIP을 업로드하세요.
build/web에 재생 가능한 파일을 배치하는 경우 프로젝트 디렉터리에서npx lobsite ./build/web를 실행하세요. 스레드 번들에는 아래의 CLI 설정이 필요합니다. - 게임을 유지하고 반복하세요. 첫 번째 익명 링크는 6시간 동안 지속됩니다. 주소를 유지하려면 계정에 저장한 다음 게임이 변경되면 다시 번들로 배포하세요.
번들 내에서 재생 가능한 폴더 찾기
Defold에서 선택한 출력 위치에는 생성된 애플리케이션 폴더가 포함될 수 있습니다. 한 수준 아래에 게임이 중첩된 외부 폴더가 아니라 실제로 index.html가 포함된 폴더를 배포합니다. 생성된 리소스 디렉터리를 함께 유지합니다.
Defold의 웹 엔진 런타임 파일은 Emscripten를 사용합니다. 번들에서 생성된 엔진 런타임 파일과 로더 파일은 그대로 둡니다. 게임 리소스만 업로드하는 것만으로는 충분하지 않습니다. Defold HTML5 매뉴얼는 엔진 설정 및 브라우저별 동작을 다룹니다.
스레드형 Defold 번들
일반 wasm-web 엔진에는 격리 헤더가 필요하지 않습니다. wasm_pthread-web만 사용하는 번들은 이 항목이 필요합니다. 두 아키텍처를 모두 포함하면 격리를 사용할 수 없는 경우 Defold가 스레드되지 않은 엔진으로 대체될 수 있습니다.
스레드의 경우 이를 프로젝트 루트의 lobsite.toml에 저장하고 거기서 npx lobsite를 실행합니다.
dir = "build/web"
[[headers]]
for = "/*"
[headers.values]
Cross-Origin-Opener-Policy = "same-origin"
Cross-Origin-Embedder-Policy = "require-corp"
브라우저 파일 업로드 영역에서는 이 파일을 읽지 않습니다. 외부 리소스는 원본 간 격리에서도 로드를 허용해야 합니다.
엔진 및 게임 리소스 측정
HTML5 번들은 엔진 런타임 파일과 사용자 고유의 게임을 포함합니다. Free 및 익명 호스팅은 파일당 5MB, 총 50MB, 100개 파일을 허용합니다. 소스 프로젝트의 크기로 추정하기보다는 생성된 가장 큰 파일을 확인하세요.
Standard는 파일당 100MB, 총 2GB, 10,000개의 파일을 허용합니다. 생성된 리소스 파일이 제한을 초과하는 경우 배포하기 전에 번들을 줄이거나 재구성하세요. 위의 브라우저 상자는 업로드당 최대 25MB를 허용합니다. 더 큰 번들은 CLI 또는 로그인된 대시보드를 사용합니다. HTML5 게임 제한를 참조하세요.
입력, 사운드 및 게시된 리소스
적절하게 키보드, 포인터 및 터치 입력을 사용하여 호스팅된 빌드를 테스트합니다. 브라우저 오디오를 시작하려면 먼저 플레이어 상호 작용이 필요합니다. 지원하는 화면에 적합한 뷰포트 및 크기 조정 동작을 설정하세요.
Defold Live Update 또는 다른 외부 리소스 서비스를 사용하는 경우 배포된 주소에서 해당 URL, HTTPS 및 교차 원본 권한을 확인하세요. Lobsite는 귀하가 업로드하는 파일을 제공하며 추가 리소스 아카이브를 생성하지 않습니다. npx lobsite --preview 배포는 게시된 릴리스를 그대로 두고 새 번들에 자체 테스트 URL을 제공합니다.
계정 없는 배포는 6시간 동안 공개됩니다. 가져오기 링크로 무료로 유지할 수 있습니다.
공개 전에 미리 보세요. 리디렉션까지 포함해 클릭 한 번으로 롤백합니다.
파일은 해시로 저장됩니다. 변경되지 않은 사이트를 다시 배포하면 0바이트가 업로드됩니다.
모든 사이트는 첫 배포부터 HTTPS가 적용된 *.lobsite.app 주소를 받습니다.
Free 계정도 포함됩니다. DNS 레코드 하나를 추가하면 사이트가 내 도메인으로 이동합니다. 모든 플랜의 모든 사이트에 HTTPS가 적용됩니다.
리디렉션, 헤더, 폼은 lobsite.toml에 있으며 각 배포와 함께 이동합니다.
Defold 빌드 및 공유 선택
| 선택 | 기능 | 다음에 유용합니다. |
|---|---|---|
| Lobsite의 HTML5 번들 | HTTPS URL에서 게임을 제공합니다. | 호환되는 브라우저의 플레이어 |
| 로컬 브라우저 테스트 | 컴퓨터에서 웹 번들을 실행합니다. | 배포 전 브라우저 동작 진단 |
| 네이티브 번들 | 플랫폼별 애플리케이션을 생성합니다. | 브라우저 플레이보다는 네이티브 릴리스 |
JavaScript 워크플로의 경우 Phaser 호스팅를 비교하고 다른 웹 내보내기의 경우 Godot 호스팅를 비교하세요. HTML5 개요는 공유 호스팅 고려 사항을 설명합니다.
자주 묻는 질문
Defold 번들 중 어떤 폴더를 배포해야 합니까?
index.html가 포함된 폴더를 그 안에 직접 배포하고 해당 스크립트, 엔진 런타임 파일 및 리소스 디렉터리를 함께 유지하세요. 다른 디렉터리 아래에 진입점을 숨기는 외부 폴더를 배포하지 마세요.
모든 Defold HTML5 번들이 Free에 맞나요?
아니요. 런타임 크기, 게임 리소스, 파일 수는 모두 중요합니다. 완성된 번들을 파일당 5MB, 총 50MB 및 100개 파일 제한과 비교하여 확인하세요.
Lobsite는 game.project에서 Defold 프로젝트를 빌드합니까?
아니요. 먼저 Defold에서 HTML5용으로 번들로 묶으세요. Lobsite는 편집기나 빌드 도구를 실행하는 대신 결과 파일을 게시합니다.
Defold Live Update는 다른 호스트에서 리소스를 가져올 수 있습니까?
예, 해당 호스트와 게임 구성이 브라우저 요청을 허용한다면 가능합니다. HTTPS를 사용하고 교차 출처 권한을 확인하세요. 초기 번들을 배포해도 해당 서비스가 설정되지 않습니다.