Best Place To Store Stripe Keys

Hey there,

Looking for some advice here. I'm using Stripe on my website and using Vue for everything front end.

I'm having trouble figuring out where to store the keys for live and development.

Basically, right now, inside of all components needing Stripe, I have making a call to the server via API and determining the environment.

Then, from there, depengin on the environment, I am selecting which key to use.

This seems messy to me though....I am using VUEX, but not for this. Would anyone recommend storing this in state and grabbing as a computed property?

Thanks in advance!

Best Answer

Level 53

Use the dotenv package and store the keys the same way as you did with Laravel. This article may help you.

I just use the dotenv package in my React or Vue frontend to store variables in a .env file.

Level 11

I checked out that package - what I ended up doing was just setting state in vuex.

Thanks anyway!

Please or to participate in this conversation.