https://blog.sentry.io/2015/10/29/debuggable-javascript-with-source-maps


자바스크립트 코드를 obfuscation(난독화)를 진행한 후

에러가 발생했을 때 자바스크립트 어디에서 문제가 생겼는데 보기 어렵다.


이를 위해 sentry에서는 소스맵을 함께 제공하면 다음과 같이 에러를 자세히 볼 수 있다.


실제 sentry를 운영하다 보니.. 이게 잘 안되는 문제를 발견했다.


원인은 source map을 업로드할 때. 로컬에만 저장하는 이슈였다. 따라서 여러 대로 사용할 경우 문제가 발생할 수 있다. 


SENTRY_OPTIONS['filestore.backend'] = 'django.core.files.storage.FileSystemStorage'

SENTRY_OPTIONS['filestore.options']= {

    'location': '/location',

}



sentry에서는 다음 내용을 공유하고 있다. 

https://django-storages.readthedocs.io/en/latest/


현재 지원하는 파일 스토리지는 다음과 같다.

Amazon S3

Apache Libcloud

Azure Storage

Digital Ocean

DropBox

FTP

Google Cloud Storage

SFTP



NFS를 연동해 잘 저장하게 하니.

소스맵이 잘 동작한다. 

자바스크립트 난독화 코드에 대한 정확한 코드를 확인할 수 있다.



Posted by '김용환'
,