Hi there, A very basic question from a newbie…. I have created a basic front end only news reader application with vanilla JS, no frameworks, which fetches news from a third party API and display them on the front end. Site name is: https://clabs-newsreader.netlify.app/ I would not want to shar…

Your config.js script returns 404, thus the error.

[image] 0750kosse: I would not want to share the api key, so I have hidden the api key in a config.js file, and then placed it into a script in the HTML If there is a link to your config file in your HTML, your API key is not hidden, it’s just moved. Anyone looking for it will be able to find…

@hrishikesh @gregraven Thanks both!! I understand config script gives 404 as it is included into a .gitignore I guess I was just looking for a way to try and hid the apikey, mainly because I am trying to put a portfolio in place & was trying to show that I am also thinking about security of my app…

You’ll have to make use of a Netlify Function to be able to hide your API key. If you use an environment variable in your JS build, it will still show up on your site. Here’s a simple Netlify function get-headlines.js to get you going: exports.handler = async (event, context) => { const headline…

Hi, @0750kosse . We also have a support guide here about how to use Functions to keep your API keys safe: [image] [Support Guide] How do I keep my API keys/tokens safe using Netlify Functions? Support Guides Last reviewed by Netlify Support on Oct 2023 With Jamstack sites…

Help needed re : usage of environment variable / snippet injection

Support

luke February 19, 2021, 6:22am 6

Hi, @0750kosse. We also have a support guide here about how to use Functions to keep your API keys safe:

Topic		Replies	Views
Api key woking locally but not after deployment Support deployment , environment-vars	5	479	July 13, 2024
Simple HTML/JS project, having difficulty with accessing API key as set on the Netlify UI Support deployment , lambda-functions , netlify-newbie , environment-vars	5	1062	December 20, 2022
API-Key exposed in Netlify even though set up as an environment variable Support environment-vars	8	2284	April 10, 2023
Why are my env key not hidden in dev mode? Support environment-vars	4	2432	June 19, 2020
process.env.API_KEY not working on next-on-netlify deployment Support building , nextjs	27	8542	September 4, 2022

Help needed re : usage of environment variable / snippet injection

Related topics