More than 3 years have passed since last update.

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

Posted at 2021-04-23

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);

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