Phaser 게임은 브라우저에서 실행되므로 게시한다는 것은 HTML, JavaScript 및 자산을 온라인에 함께 넣는 것을 의미합니다. 위 상자에 빌드된 폴더를 업로드하거나 터미널에서 배포하세요. 플레이어는 HTTPS와 게임의 전체 창을 통해 직접 *.lobsite.app 링크를 얻습니다.
작동 방식
- Phaser 프로젝트를 빌드하세요. 템플릿에 빌드 스크립트가 있는 경우
npm run build를 실행하세요. Vite 기반 템플릿은 일반적으로dist/를 작성합니다. 일반 HTML 프로젝트의 경우index.html, Phaser 및 자산을 하나의 폴더에 수집합니다. - 재생 가능한 폴더를 게시합니다. 이를 업로드하거나 위의 ZIP을 업로드하거나 빌드 후
npx lobsite를 실행합니다. 폴더 이름을 명시적으로 지정하려면npx lobsite ./dist를 사용하세요. 첫 번째 배포에는 계정이 필요하지 않으며 6시간 동안 지속됩니다. - 게임 주소를 유지하세요. 링크를 따라 계정에 사이트를 저장하거나 **무료로 유지하기 →**를 선택하세요. 게임이 변경되면 다시 빌드하고 배포하세요. 게시된 URL은 동일하게 유지됩니다.
개발 서버가 아닌 빌드 출력
npm run dev에 의해 인쇄된 주소는 해당 서버가 실행되는 동안에만 작동합니다. 대신 index.html를 최상위 수준으로 사용하여 프로덕션 출력을 게시합니다. Lobsite는 해당 파일을 제공합니다. 패키지를 설치하거나 Phaser를 빌드하지 않습니다.
Vite 템플릿의 경우 Vite 호스팅 가이드를 참조하세요. 게임에서 참조하는 자산을 빌드 내부에 유지하거나 외부 자산에 대해 HTTPS URL을 사용하세요. 파일 이름은 온라인에서 대소문자를 구분합니다. hero.png에 대한 요청은 Hero.png를 찾을 수 없습니다.
플레이어를 위한 게임 준비
- 상호작용에서 소리를 시작합니다. 오디오를 재생하기 전에 플레이어에게 시작 버튼을 누르거나 한 번 더 클릭하도록 합니다. 브라우저는 자동 재생을 제한합니다.
- 휴대폰에서 캔버스를 확인하세요. 게시된 URL에서 Phaser 배율 설정, 방향 및 터치 컨트롤을 테스트하세요.
- 서비스를 별도로 유지하세요. 멀티플레이어 서버, 리더보드 또는 계정 서비스는 다른 곳에서 실행되어야 합니다. 브라우저 코드에서 이를 호출할 수 있지만 비공개 API 키는 업로드된 JavaScript에 속하지 않습니다.
- 자산 예산을 확인하세요. Free는 총 50MB, 파일당 5MB, 100개 파일을 허용합니다. 큰 오디오 트랙이나 스프라이트 시트로 게임 적합 여부를 결정할 수 있습니다. HTML5 호스팅 가이드에는 Standard의 한계도 나열되어 있습니다.
Phaser 플레이 테스트 공유
계정에 사이트를 저장한 후 빌드 후 npx lobsite --preview를 실행하면 게시된 게임을 교체하지 않고도 테스터에게 별도의 버전을 제공할 수 있습니다. 파일은 해시로 저장되므로 레벨을 조정할 때 변경되지 않은 사운드트랙이 다시 업로드되지 않습니다. 링크를 게임 이름과 일치시키려면 맞춤 도메인를 추가하세요.
계정 없는 배포는 6시간 동안 공개됩니다. 가져오기 링크로 무료로 유지할 수 있습니다.
공개 전에 미리 보세요. 리디렉션까지 포함해 클릭 한 번으로 롤백합니다.
파일은 해시로 저장됩니다. 변경되지 않은 사이트를 다시 배포하면 0바이트가 업로드됩니다.
모든 사이트는 첫 배포부터 HTTPS가 적용된 *.lobsite.app 주소를 받습니다.
Free 계정도 포함됩니다. DNS 레코드 하나를 추가하면 사이트가 내 도메인으로 이동합니다. 모든 플랜의 모든 사이트에 HTTPS가 적용됩니다.
리디렉션, 헤더, 폼은 lobsite.toml에 있으며 각 배포와 함께 이동합니다.
Phaser 빌드를 공유하는 방법
| 방법 | 어떤 플레이어가 오픈하나요? | 도움이 될 때 |
|---|---|---|
| Lobsite | 직접 HTTPS 주소에 있는 게임 | 독립 실행형 릴리스, 도메인 또는 별도의 플레이 테스트 빌드 |
| 로컬 개발 서버 | 컴퓨터 또는 네트워크의 주소 | 코딩하는 동안 테스트하기 |
| 다운로드 가능한 ZIP | 압축을 풀고 제공해야 하는 파일 | 다른 개발자에게 검사할 빌드 제공 |
다른 JavaScript 게임 프레임워크 또는 편집기 내보내기의 경우 HTML5 게임 호스팅로 시작하세요. Phaser 설치 및 템플릿의 경우 공식 Phaser 가이드를 사용하세요.
자주 묻는 질문
Lobsite는 내 Phaser 빌드 스크립트를 실행합니까?
아니요. 로컬로 또는 CI에서 빌드를 실행한 다음 출력 폴더를 게시하세요. 위 명령은 프로젝트에 npm run build 스크립트가 있다고 가정합니다.
Vite 없이 Phaser를 게시할 수 있나요?
예. HTML 진입점, 게임 스크립트 및 자산이 포함된 폴더이면 충분합니다. HTTPS CDN에서 Phaser를 로드할 수도 있습니다.
배포 후 Phaser 스프라이트가 누락되는 이유는 무엇입니까?
누락된 파일이 있는지 브라우저의 네트워크 패널을 확인하세요. 파일 이름 대소문자를 일치시키고, 출력에 모든 자산을 포함하고, 경로가 다른 폴더를 가정하는지 확인하십시오.
Phaser 게임을 Lobsite에서 무료로 호스팅할 수 있나요?
예, Free의 파일, 저장 및 대역폭 제한 내에서 가능합니다. 익명 링크는 6시간 후에 만료됩니다. 무료 계정의 계정에 게임을 저장하면 해당 만료일이 제거됩니다. Free에는 오른쪽 하단에 작은 Lobsite 배지가 포함되어 있습니다.