对多个 JS 文件中的 API 键使用 dotenv

Question

I am new to web programming but not programming in general. I use node.js to create a website and am using dotenv to hide API info form github and am having some trouble understanding something.

My.env file is in the root directory and contains:

GOOGLE_CALENDAR_API_KEY=key_value

I use an app.js file to set up and run my server and send the index.html file.

//jshint esversion:6
const https = require('https');
const bodyParser = require("body-parser");
const express = require("express");
require("dotenv").config();

const app = express();

app.use(express.static("public"));

app.get("/", function(req, res) {
res.sendFile(__dirname + "/index.html");
});

app.listen(5000, function(req, res) {
    console.log("Listening on port 5000.");
});

Then I have another script file I use named "custom.js" to run the bulk of my webapp. Inside, I try to use process.env to get the API key.

window.onload = function()
{
  const googleAPIkey = process.env.GOOGLE_CALEDAR_API_KEY;
.
.
.

but I get an error "Uncaught ReferenceError: process is not defined"

I have also tried moving the require("dotenv").config() line to the custom.js file and that fails. There is something I am doing wrong with trying to access information from one file into another, but I don't understand what.

Any help would be appreciated!

Answer 1

From what's i understood you trying to access the process variable of node.js app from the client browser and it is not possible. The process variable is only accessible in the scope of the node.js application and not in the browser where you run your client.

Answer 2

you have to add require("dotenv").config(); on second script file also

Answer 3

It looks like you are trying to access the Process variable on the client-side / frontend. You cannot access those variables from a client browser or machine