소개

Rails에서 환경 변수를 .env 파일에 쓰면 ENV [ "환경 변수 이름"]에서 사용할 수 있습니다.

그러나, erb 파일내에서는 이용할 수 있습니다만, js 파일로 이용할 수 없습니다.

그래서 js 파일에서 환경 변수를 사용하는 방법을 설명합니다.

gem 설치

다음 두 개의 gem을 설치합니다.

Gemfile에 다음의 2개의 gem을 기입해,

Gemfile

gem 'gon'
gem 'dotenv-rails'

bundle install합니다.

bundle install

.env 파일 만들기

js 파일 내에서 사용하고 싶은 환경 변수를 .env 파일에 기입합니다.

.env

KEY = "xxx"

.gitignore 파일 편집

만약을 위해, Github등에 API KEY등의 환경 변수가 공개되고 있도록(듯이) 설정합니다.
.env에 다음 줄을 추가합니다.

.gitignore

/.env

application.html.erb 편집

application.html.erb의 head 안에 다음의 1행을 추가합니다.

application.html.erb

<%= include_gon %>

【주의】javascript보다 위에 쓰는 것

컨트롤러 편집

환경 변수를 이용하고 싶은 컨트롤러의 메소드에 추가.

xxx_controller.erb

def xxx
 gon.xxx_key = ENV['KEY']
end

KEY는 .env에 기술한 것

js 파일 편집

xxx.js

const KEY = gon.xxx_key;// 環境変数

이제 js 파일에서 환경 변수를 사용할 수 있습니다.

참고 링크