소개

• https://github.com/mozilla/pdf.js를 이용

구축 방법

• 간단한 버전의 설치는 하단 github repository의 README.md를 참고할 것
• pdf.js.example이라는 디렉토리를 pdf 뷰어의 디렉토리로 정함

mkdir pdf.js.example
cd pdf.js.example

• git을 이용하여 다운로드

git clone https://github.com/mozilla/pdf.js

• 위 repository에서 다음 디렉토리를 pdf.js.example 디렉토리에 복사
  • external
  • src
  • web
  • 로케일 데이터도 복사

cp -r pdf.js/{external,src,web} .
cp -r pdf.js/l10n ./web/locale

• npm을 이용하여 require.js 설치

npm init
npm install --save requirejs
npm install --save core-js@3.6.4
npm install --save systemjs@0.21.6
npm install --save systemjs-plugin-babel@0.0.25
npm install --save web-streams-polyfill@2.1.0

• locale 관련 파일 준비
  • locale.properties 파일 생성

(echo "[ko]"; echo "@import url(ko/viewer.properties)") > web/locale/locale.properties

• github에서 받은 원본 파일 삭제

rm -rf pdf.js

• 테스트
  • 웹 서비스를 구축하고 다음과 같은 URL 패턴(web/viewer.html?filename=파일명)으로 접근할 수 있음
  • ex) http://terzeron.com/pdf.js.example/web/viewer.html?filename=jit_type.pdf

Github repository

https://github.com/terzeron/PDFjsTest