에뮬레이터 오류 발생

Question

저는 온라인에서 찾은 GBA 에뮬레이터(https://gba.44670.org/)를 리버스 엔지니어링하고 HTML 추출기를 사용하여 이를 복제하려고 했습니다. 저는 오프라인에서 작동하기를 원했기 때문에 모든 스크립트를 내 컴퓨터에 다운로드하여 그곳에서 실행했습니다. 그러나 이후에는 "파일 선택" 버튼이 더 이상 나타나지 않고 "로드 중입니다. 잠시만 기다려 주십시오..." 텍스트 줄로 대체됩니다. 코드를 더 깊이 파고들어 WASM과 관련이 있다는 것을 발견했습니다. 코드는 다음과 같습니다.

            로딩 중 기다려주세요...
        
        

            <입력 유형="파일" onchange="onFileSelected()"숨겨진 />

            파일 선택...
        

Answer 1

스크립트를 사용하여 애플리케이션을 로컬로 유지하려면 다음 두 가지를 기억하세요.

1. 스크립트가 작성되었으며 현재 앱 디렉토리 구조에서 리소스(js, CSS, 그림)를 검색합니다
2. CORS 실행 전 검사를 비활성화하지 않는 한 대부분의 브라우저에서 요청 및 파일 읽기가 CORS에 의해 차단됩니다.

즉, 응답에서 받은 것과 동일한 HTML(https://gba.44670.org/ )을 복사하면 파일 구조가 보존됩니다. 이것이 내가 얻은 것입니다(index.html):

으아악

그러면 파일을 생성할 스크립트 경로를 볼 수 있습니다:

으아악

또한 WASM 파일(압축 651KB, 비압축 7.7MB)을 다운로드해야 합니다. 여기에서 타르볼을 다운로드할 수 있습니다(개발 도구의 "네트워크" 탭에서 찾을 수 있음): https://gba.44670.org/build/44gba.wasm

마지막으로 필요한 모든 파일을 다운로드합니다(원하는 경우 아이콘과 이미지도 다운로드할 수 있지만 필수는 아닙니다):

• https://en.js/package.js
• https://en.44670.org/localforage.js
• https://en.44670.org/app.js
• https://en.44670.org/build/44GB.js < /里>
• https://gba.44670.org/build/44gba.wasm
• https://gba.44670.org/manifest.json

다음과 같은 구조를 얻게 됩니다:

이제 브라우저에서 CORS를 비활성화할 수 있다면 좋을 것 같습니다. 하지만 그렇지 않은 경우에는 로컬 HTTP 서버에서 서비스를 제공해야 합니다. 한 가지 옵션은 NPM 패키지(https://www.npmjs.com/package/http-server )를 설치하고 npm install --global http-server를 실행하는 것입니다. 그런 다음 터미널에서 프로젝트 디렉터리로 이동하여 서버를 시작하세요.

으아악

올바른 화면이 표시되고 ROM을 로드하면 작업이 완료됩니다.

편집자: 간단한 해킹으로 로컬 CORS 문제 해결

당신이 지금 ChromeOS를 사용하고 있고 기술적으로 Node, NPM 및 HTTP 서버를 사용하여 처리하는 방법을 모르기 때문에 몇 가지 수정 사항을 적용하고 WASM 바이너리 콘텐츠를 직접 < code> build/44gba.js에 넣고 반환합니다. CORS 문제를 우회하기 위해 readBinary 함수의 바이너리 콘텐츠를 사용합니다. index.html을 직접 실행할 수 있습니다. 다음은 새로운 build/44gba.jsbuild/44gba.js 파일에 대한 링크입니다. 해당 내용을 다음 파일로 바꾸세요: https://sendeyo.com/en/b02f94b524 모두 괜찮습니다. 변경 사항은 다음과 같습니다.

으아악