Secure Storage for Environment Variables

I would like to request a feature to securely store environment variables and sensitive information (like API keys and access tokens) within Softr. This is especially important for use in custom coding blocks.

Secure Storage: Implement a way to input and manage environment variables securely.

Encryption: Ensure all stored data is encrypted to protect against unauthorized access.

Easy Access: Provide simple methods to retrieve these variables in custom code during runtime.

+1

Is it possible to access the environment variables from approved Softr Integrations, e.g. Google Analytics, OpenAi etc.

Hi, this is my first post! I still haven’t found a solution to the issue of API Keys being exposed in the browser, which are a security risk, I asked the girl from customer support to provide me with the link to the feature request form. I have already requested the feature, if anyone would like to add it, that would be great!

Hey folks,

I would like to understand it deeper assume there is a backend layer that stores the keys…

You still would be making a call from a JS code on the client side right ? How do you imagine it working ?

–Artur

1 Like

Hello Artur, how are you? In my case there is no backend layer, it is just Sofrt, Airtable and the embedded custom code. I make the calls client-side but I thought that in the custom code I could add a variable (because the Airtable Apikey is already in Softr when I added it in data source) for example “const apiKey = {{airtableApiKey}}”.
This is my first experience, maybe it should be done differently and I don’t realize it.

  • Mariano

@Marian thanks for the context. Can you pls share what the custom code would do with data from Airtable ?

We generally aim to have most requests go via our backend due to security but curious to understand the use case better

–Artur

1 Like

Artur, thanks for your reply. The custom code pulls patient-related data from Airtable (profile, queries, comments, payments) and dynamically displays it in the app’s interface in the company’s branded style. This allows users to view and navigate patient information in real-time with a professional and consistent design aligned with the company’s identity.

  • Marian

The current blocks are not well aligned with a design you need and you need a custom build UI ?

1 Like

That’s right! I was told to make the app with a certain custom interface. I was given a Figma design and asked to respect it.

I could suggest doing this… Add a block lets say table or grid… on page load hide it and let it still load then listen to it’s data being loaded take it and render it

1 Like

Ok Artur, I’ll try it! Thank you very much! I’ll let you know how it went later! Best regards!

I couldn’t make it work reliably. Sometimes it would “listen” to the data, but other times it wouldn’t recognize the containers, making it too risky. Instead, I used a tab container. It doesn’t have the style I wanted, but at least the Airtable API key is safe.
Thank you anyway for your help, Artur! Merry Christmas and a wonderful New Year!

1 Like