Блог

Главная - Вопросы по программированию - Как создать файл .env в Vanilla js и скрыть в нем токены

Как создать файл .env в Vanilla js и скрыть в нем токены

#javascript

Вопрос:

У меня есть проект vanilla js. В app.js файл, который я вызываю api, который извлекает нужные значения. Я изначально вызвал api через postman, включил все заголовки только в postman и извлек код с помощью выборки javascript. Он тоже хорошо работает, но в нем отображается мой токен и идентификатор сеанса.

 var myHeaders = new Headers();
    myHeaders.append("Content-Type", "application/json");
    myHeaders.append("Authorization", "Token <mytoken>");
    myHeaders.append("Cookie", "sessionid= <mysessionid>");
    myHeaders.append("User-Agent", "Mozilla/5.0");

Как я могу скрыть эти значения в файле .env.

Спасибо

Ответ №1:

Прежде всего, вы должны установить пакет dotenv npm

Сделайте это, написав это в терминале:

 npm install dotenv

Но, поскольку ванильный JavaScript не поддерживает require, вы можете установить пакет requirejs npm

Сделайте это, написав это в терминале:

 npm install requirejs

Затем вы можете написать следующий код для использования require в ванильном JavaScript:

 var requirejs = require('requirejs');

requirejs.config({
    //Pass the top-level main.js/index.js require
    //function to requirejs so that node modules
    //are loaded relative to the top-level JS file.
    nodeRequire: require
});

requirejs(['foo', 'bar'],
function   (foo,   bar) {
    //foo and bar are loaded according to requirejs
    //config, but if not found, then node's require
    //is used to load the module.
});

Вы можете ознакомиться с документацией requirejs по адресу https://requirejs.org/

Затем вы можете использовать переменные среды в ванильном JavaScript.

Подробнее об этом читайте на https://www.freecodecamp.org/news/how-to-use-environment-variables-in-vanillajs/

Метки: