vercel 로 express 서버를 배포해보자 / 유니티 웹 br gz 압축 지원하는 페이지를 배포 가능

몇일전...

vercel 불편하다고 징징한 글을 올렸었는데요
과거의 징징글: vercel 처음 써보고 분노한 개발자 사용기 / 배포 deploy / setInterval 안됨

새로운 가능성 발견

투자한 시간이 아까워 더 찾아봤습니다.
express 를 서비스 할 수 있다는 것을 알았습니다.

express 가 되면 할 수 있는게 매우 많아지는데

그중에 unity webgl 압축을 처리할 수 있어서 50mb 정도의 빌드를 15mb 정도로 줄일 수 있습니다.
즉 전체를 unity webgl 발라도 부담스럽지 않은 사이트를 가질 수 있게 됩니다.

그래서  해보니 되었습니다.
이제 vercel 을 극찬해야할꺼 같습니다.

 

따라하기 영상: https://www.youtube.com/watch?v=3IV60HVsW2M&t=17s

 

다른 설명 영상보다 이 영상이 가장 정확했습니다.

구독자가 7명에 활동을 중지한 채널 같습니다.

 

결과물

게임을 홍보하는 페이지를 만들었습니다.

결과물 링크: https://unity.sidnft.com/

개발 진행 글: https://serverdown.tistory.com/1260

게임 홍보를 위한 유니티 webgl 페이지 만들기 / 홍보의 거리 v2 / street for promotion V2

 

gz 압축 보다 br 압축이 엄청 좋군요

소스코드는 공개되어있습니다.
참고하시기 바랍니다.

public github project: https://github.com/thisisone/nextjs-express

 

수정사항 2025-05-16

없는 파일을 읽거나 파일읽기가 실패하는 경우 프로그램이 죽을 수 있습니다.

fs.createReadStream(target_path).pipe(res);

이 부분 인데요

이런식으로 pipe 전에 on error 가 와야합니다. 순서가 반대로 되면 에러가 호출 되지 않습니다.

코드:

fs.createReadStream(target_path)

      .on("error", (err) => {

        console.error("createReadStream fail", err.message);

        res.status(500).send("read file fail, " + target_path);

      })

      .pipe(res);

 

즐코딩