Stripeの本番環境のエラー発生について教えてください涙

Question

前提・実現したいこと

CtoCのプラットフォームサイトを作っておりまして、
さぁ、いざリリースだ！という段になったのですが、
stripeが本番環境(heroku)になるとエラーになってしまい、解決ができません。

早く早くと上司にあおられておりますが、、どうにもならずどなたか助けて頂けると
嬉しいです????

発生している問題・エラーメッセージ

「Stripe CheckoutのAPIキーが間違っているため、通信に失敗しました。本サイトの運用者、または[e-mail]にお問い合わせください。」

該当のソースコード

####▼stripe.rb
（開発とプロダクションを分けておりますが、分けなくても同じエラーがでます）

if Rails.env.development? #開発環境
  Rails.configuration.stripe = {
    :publishable_key => "pk_test_PEVCpTN#######",
     :secret_key      => "sk_test_XKF71XNSi4#######"
  }

elsif Rails.env.production? #本番環境
  Rails.configuration.stripe = {
    :publishable_key => "PUBLISHABLE_KEY",
    :secret_key      => "SECRET_KEY"
  } 
end

####▼heroku「Config Vars」

PUBLISHABLE_KEY　pk_live_cfzi########
SECRET_KEY　sk_live_BbAXh#######

####▼HTML

  <input type="hidden" name="amount" value="500">

   <!-- event_idの取得-->
   <input type="hidden" id="event_id" name="event_id" value="">
    <!-- ID名「event_id」のvalueにgon.event_idの値を代入 -->
     <script type="text/javascript">
       document.getElementById('event_id').value = gon.event_id;
     </script>
   
   <span>
     <% if flash[:error].present? %>
       <div id="error_explanation">
         <p><%= flash[:error] %></p>
       </div>
     <% end %>
  </span>

  <script 
     src="https://checkout.stripe.com/checkout.js" 
     class="stripe-button"
     data-key="<%= Rails.configuration.stripe[:publishable_key] %>"
     data-name="応援"
     data-description="ご支援ありがとうございます"
     data-currency="JPY"
     data-amount="500"
     data-locale="ja"
>
</script>

試したこと

stripeのマニュアル
stripeチェックアウト
を何度も見ているのですが、詳細が分からず大変困っております。

皆さん大変お忙しいことは重々承知ではありますが、
何かヒントだけでも教えて頂けると大変嬉しいです。

どうぞよろしくお願いいたします。

Comments

[tetsunosuke]

ブラウザでアクセスしたときの画面のソースコードで、

data-key="" ← この部分に、ご自身で設定しているつもりの値が入っているかを確認してみてはいかがですか？

開発環境なら、pk_test_PEVCpTN###... が入っているはずです。

ここが
:publishable_key => "PUBLISHABLE_KEY",

こうなのかな・・・？
:publishable_key => ENV["PUBLISHABLE_KEY"],

[akikko]

うわーー！！！
ありがとうございます！！！おっしゃる通りの内容で実装することができました( ；∀；)
本当にありがとうございます！！！
全く考えられていなかったです。本当にありがとうございます！

Answer 1

解決したようなので改めて

Herokuのリファレンス:Accessing config var values from code
のように

  Rails.configuration.stripe = {
    :publishable_key => "PUBLISHABLE_KEY",
    :secret_key      => "SECRET_KEY"
  } 

ではなく

  Rails.configuration.stripe = {
    :publishable_key => ENV["PUBLISHABLE_KEY"],
    :secret_key      => ENV["SECRET_KEY"]
  } 

とすることで正しい設定情報がアプリケーション（HTMLの描画）に渡るようになります。

Comments

[akikko]

ありがとうございます！おかげさまで、大変ありがたいことにこちらで実装できました。
Stripeの問題とばかり思ってしまっており、herokuへの記載方法を見落としてしまっていました。

単純なことかもしれませんが、半日ぐらい費やしてしまいました。
こちらの記事がどなたかのお役に立てますと嬉しいです。