クレジットカード決済用JavaScript準備 ⑨環境設定２

1857 ワード
,javascript Rails Rails テキストリンク

JavaScriptで環境変数を呼び込みましょう

Railsで設定した環境変数をJavaScriptで呼び出せません。その際は、下記のようにwebpackerを用いることで呼び出せます。

1)以下のコマンドを実行してwebpacker.rbを作成してください。

% touch config/initializers/webpacker.rb

2)config/initializers/webpacker.rb

config/initializers/webpacker.rb
Webpacker::Compiler.env["PAYJP_PUBLIC_KEY"] = ENV["PAYJP_PUBLIC_KEY"]

3)javascript/card.jsを編集

app/javascript/card.js
const pay = () => {
 Payjp.setPublicKey(process.env.PAYJP_PUBLIC_KEY);

これで、環境変数を呼び出すことができました。