I want to use the EmailJS service to send info from a contact form. However, I have several issues
In the head section should add the following script
<script type="text/javascript">
(function() {
emailjs.init('my-token');
})();
</script>
How can I hide that token? I have tried storing it in the .env file and accessing it with
emailjs.init(`${process.env.REACT_APP_INIT_KEY}`);
But that didn't work.
You shouldn't. Secrets should be kept on the backend.
Using JavaScript obfuscation techniques to hide an API key on the frontend won't protect it.
Create index.js file at the same level of your html file, and put this statement in it emailjs.init('my-token');, then call this file in your html page.
your code:
<script type="text/javascript">
(function() {
emailjs.init('my-token');
})();
</script>
the solution:
in index.js file
function() {
emailjs.init('my-token');
})();
call it in Html file
<script type="text/javascript" src="index.js"></script>
