하고 싶은 일

Google Map API를 사용한 PF를 프로덕션(AWS)에 배포했는데 개발 환경에서는 표시되어 있던 지도가 표시되지 않게 되었다.


프로덕션 환경에서도 지도가 표시되도록 한다!

조사

Google Map API의 설정에 미비가 있을까라고 생각했으므로 우선 구구리 이하의 기사가 히트!

설정을 확인하는 것도 모두 설정됨‥
Google Map API에는 아무것도 죄가 없었습니다. 웃음

여기에서 전혀 모르게 엄청 빠진다‥

원인과 해결책

결론에서 말하면 지도가 표시되지 않는 것은 API 키를 gitignore 하고 있다 .env 파일에 기입했기 때문이었습니다.
그럼 프로덕션 환경에서 움직이지 않을거야.

해결책은 config/credentials.yml.enc 에서 API 키를 관리하면 OK

vim 파일을 열고

터미널

$ EDITOR=vi rails credentials:edit

API 키 입력
그건 그렇고, vim 파일을 입력하는 방법은 i로 입력 할 수 있습니다.
입력이 끝나면 esc 키를 눌러 :wq 로 저장할 수 있습니다.

터미널

map_api_key: APIキー 

저장 후 API 키가 올바르게 입력되었는지 콘솔에서 확인합니다.
API 키가 돌아오면 OK입니다!

터미널

rails c
irb(main):001:0> Rails.application.credentials.map_api_key
=> "APIキー"

그리고는 MAP 표시를 위한 해당 부분을 다시 써 갑니다.

MAP 표시 부분(haml)

%script{:async => "", :defer => "defer", :src => "https://maps.googleapis.com/maps/api/js?key=#{Rails.application.credentials.map_api_key}&callback=initMap"}

geocoder 설정 파일

config/initializers/geocoder.rb

api_key: Rails.application.credentials.map_api_key

이것으로 해결.

덤

Map 표시의 방법은 이전 정리했으므로 좋으면 참고로 해 주세요!