Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
Help us understand the problem. What is going on with this article?

gonを使ってJavaScriptでRailsの環境変数を使用する

概要

Railsアプリケーションを作成時、
dotenv-railsを使って.envファイルに環境変数を書き込んだのですが
JSファイルではそのまま使用することができず、gonというGemを使用するとJSと連携ができるとのことだったので備忘録としてまとめてみます。

(間違いや改善点があればご教示いただけますと幸いです!)

Gemをインストール

Gemfile.
gem 'dotenv-rails'
gem 'gon'

bundle installを実行

.envファイルを作成

appファイル直下に作成して、環境変数を記述します

MY_PRIVATE_KEY = '************'

Rails側の呼び出し

(JSファイルのみでの使用であればなくてOK)

  def new
    my_private_key = ENV["MY_PRIVATE_KEY"]
  end

JSファイルへの連携

  def new
    gon.my_private_key = ENV['MY_PRIVATE_KEY']
  end

JSファイルでの表記

var mykey = gon.my_private_key;

これで環境変数が取ってこれます!

.envを.gitignoreに追記

/.env

これで安全に環境変数を扱えますね。

gonは便利と聞いたのでもっと理解を深めていきたいです!

間違いがあればご指摘くださいm(__)m

以上となります、ありがとうございました。

3443
株式会社エアークローゼットにて、エンジニアをしています。 主にJavaScript, TypeScript, React, ReactNative, Node.jsを使用しています。
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away