FastAPI에서 pdf 파일 뷰어를 띄우는 방법

안녕하세요.

이번 시간에는 FastAPI에서 백엔드 서버를 구현할 때,

서버 내 저장된 pdf 파일의 뷰어를 프론트엔드에서 띄워줄 수 있도록 하는 방법에 대하여

간략하게 코드를 정리해보도록 하겠습니다.

 

 

FastAPI 코드 설정

FastAPI에서 설정해야 할 작업은 간단합니다.

다음과 같이 pdf 파일이 저장된 디렉토리에 대하여 mount를 진행해주시면 됩니다.

from fastapi import FastAPI
from fastapi.staticfiles import StaticFiles

app = FastAPI()

app.mount(
    "/uploads",
    StaticFiles(directory="uploads"),
    name="uploads"
)

 

위의 예시에서는 uploads라는 디렉토리 내에 보여주고 싶은 pdf 파일이 저장된 상황을

가정한 것입니다.

 

 

브라우저의 pdf 뷰어 확인

이제 저장된 pdf 파일을 브라우저의 pdf 뷰어로 확인하기 위해서는

다음과 같은 url로 접속을 해주시면 됩니다.

url = f"{backend-url}/{file-directory}"

# example -> backend-url = http://localhost:8000 이고, 파일의 주소가 uploads/my_file.pdf인 경우
url = "http://localhost:8000/uploads/my_file.pdf"

 

만일, 특정 페이지의 위치로 이동하기를 원한다면 다음과 같이 지정하는 것도 가능합니다.

# example: 브라우저에서 pdf 파일의 5페이지로 바로 이동
url = "http://localhost:8000/uploads/my_file.pdf#page=5"

 

이 글이 FastAPI를 활용한 서버 구현 과정에 도움이 되셨기를 기원하겠습니다.

잘 봐주셔서 감사합니다.