コントローラーからjsファイルへ簡単にデータを渡せるgonGem

gon Gem: Rails開発のための簡単なデータ受け渡し

gon Gemは、Rails開発においてコントローラーからJavaScriptにデータを簡単に渡すための強力なツールです。このGemを使うことで、公開鍵などの変数を簡単にJavaScriptに受け渡すことができ、効率的な開発を実現します。

インストールとセットアップ

まず最初に、Gemfileに gem 'gon' を追加して、bundle install を実行します。

# Gemfile
gem 'gon'

次に、コントローラーで gon を有効にしましょう。

class ApplicationController < ActionController::Base
  before_action :set_public_key

  private

  def set_public_key
    gon.public_key = ENV["PAYJP_PUBLIC_KEY"]
  end
end

そして、ビューで include_gon を使ってコントローラーで定義した変数をJavaScriptに渡します。

<%= include_gon %>

これで、gon.public_key がJavaScript内で利用可能になります。

JavaScriptでの利用

JavaScriptファイル内で、gon で受け渡された変数を使えます。

document.addEventListener('DOMContentLoaded', () => {
  const publicKey = gon.public_key;
});

このように、gon Gemを使うことで、コントローラーで定義した変数を簡単にJavaScriptに渡すことができます。例えば、ペイメント処理で必要な公開鍵など、セキュアで重要な情報を効果的に共有する際に便利です。 gon を駆使して、スムーズな開発プロセスを享受しましょう！