본문 바로가기
개발 일지/한라열쇠 홈페이지(Web)

2021.04.18 AWS S3로 이미지 서버 구축, Heroku로 배포해보기

by 빛밤하늘 2021. 4. 18.
반응형

2021.04.11 - [개발 일지/한라열쇠 홈페이지(Web)] - 2021.04.11 한라열쇠 홍보용 웹페이지

2021.04.12 - [개발 일지/한라열쇠 홈페이지(Web)] - 2021.04.12 메인 페이지 만들기

2021.04.13 - [개발 일지/한라열쇠 홈페이지(Web)] - 2021.04.13 오시는 길 페이지 만들기

2021.04.14 - [개발 일지/한라열쇠 홈페이지(Web)] - 2021.04.14 서비스 페이지 만들기

2021.04.15 - [개발 일지/한라열쇠 홈페이지(Web)] - 2021.04.15 navigation bar 수정 및 갤러리 페이지 만들기

2021.04.16 - [개발 일지/한라열쇠 홈페이지(Web)] - 2021.04.16 갤러리 페이지 수정

2021.04.17 - [개발 일지/한라열쇠 홈페이지(Web)] - 2021.04.17 사진의 모델 생성, 갤러리 페이지 코드 변경

 

2021.04.17 사진의 모델 생성, 갤러리 페이지 코드 변경

2021.04.11 - [개발 일지/한라열쇠 홈페이지(Web)] - 2021.04.11 한라열쇠 홍보용 웹페이지 2021.04.12 - [개발 일지/한라열쇠 홈페이지(Web)] - 2021.04.12 메인 페이지 만들기 2021.04.13 - [개발 일지/한라열쇠..

brightnightsky77.tistory.com

 

 

 

현재 한라열쇠에서 제공할 수 있는 서비스 등에 대한 사진과 동영상 자료는 모자란 상태이지만,

처음에 생각했던 한라열쇠 홈페이지의 전체적인 틀은 갖춰졌습니다.

 

그래서 오늘은 django를 공부하던 책에 있는 방법대로

AWS의 S3를 사용해서 이미지 서버를 구축하고, Heroku를 통해 배포를 해봤습니다.

 

 

 

먼저, AWS의 S3로 이미지 서버를 구축했습니다.

AWS의 S3로 이미지 서버를 구축

그런데, 문제점이 하나 생겼습니다.

버킷의 액세스 권한을 퍼블릭으로 하면 위의 파란 네모와 같이 경고하는 형태로 나타나는데,

퍼블릭으로 하지 않으면 이미지를 올려도 제대로 뜨지 않는 문제점이 발생했습니다.

이 문제는 현재 해결되지 못한 상태인데, 해결하면 관련 포스팅을 올리겠습니다.

 

 

 

S3를 이용하기 위한 권한을 만들기 위해 IAM을 설정했습니다.

공개하면 문제가 될 수 있는 부분은 가렸습니다.

IAM 설정하기

 

 

 

 

 

 

 

AWS 홈페이지에서의 설정은 다 했으니,

프로젝트에서도 관련 모듈을 설치하고 config/settings.py 및 각각의 파일들에 필요한 코드들을 입력했습니다.

밑은 config/settings.py에 추가로 필요한 코드입니다.

AWS_ACCESS_KEY_ID = '발급받은 키'
AWS_SECRET_ACCESS_KEY = '발급받은 키'
AWS_REGION = 'ap-northeast-2'
AWS_STORAGE_BUCKET_NAME = 'hallakey'
AWS_S3_CUSTOM_DOMAIN = '%s.s3.%s.amazonaws.com' % (AWS_STORAGE_BUCKET_NAME, AWS_REGION)
AWS_S3_OBJECT_PARAMETERS = {
    'CacheControl': 'max-age=86400',
}

DEFAULT_FILE_STORAGE = 'config.asset_storage.MediaStorage'

 

공부하면서 heroku에 가입과 툴킷은 설치를 이미 했으니,

프로젝트에 필요한 모듈들을 설치하고, config/settings.py 및 각각의 파일들에 필요한 코드들을 입력하고

새로 필요한 파일들도 만들었습니다.

heroku로 배포한 후 dashboard 확인

 

밑의 사진들은 heroku로 배포한 결과와 사이트 주소입니다.

0123
heroku로 배포한 결과


hallakey.herokuapp.com/

 

한라열쇠

연락처 궁금하신 사항이 있으시면 아래로 연락주시면 됩니다.

hallakey.herokuapp.com

 

 

 

배포를 했으니 관리자 페이지에서 사진들도 올려봤습니다.

관리자 페이지에서 갤러리 페이지에 올라갈 사진들을 등록

 

 

 

 

 

 

 

 

배포를 완료했습니다만......

 

문제가 하나 생겼습니다......

 

갤러리 페이지에서 사진을 눌러도 Nivo-lightbox가 작동하지 않습니다......

갤러리 페이지에서 사진을 누르면 생기는 에러

 

 

 

※ 궁금한 부분, 이상한 점 및 오타는 댓글에 부탁드립니다.

 

 

 

다음 글:

2021.04.19 - [개발 일지/한라열쇠 홈페이지(Web)] - 2021.04.19 갤러리 페이지에서 Mixed content 오류 해결, 1차 개발 완료

 

2021.04.19 갤러리 페이지에서 Mixed content 오류 해결, 1차 개발 완료

2021.04.11 - [개발 일지/한라열쇠 홈페이지(Web)] - 2021.04.11 한라열쇠 홍보용 웹페이지 2021.04.12 - [개발 일지/한라열쇠 홈페이지(Web)] - 2021.04.12 메인 페이지 만들기 2021.04.13 - [개발 일지/한라열쇠..

brightnightsky77.tistory.com

반응형

댓글