Как создать глобальные переменные, доступные во всех представлениях, используя Express/Node.JS?

Изучив Справочник по API Express 3, я обнаружил еще немного что я искал. В частности, записи для app.locals, а затем немного ниже < href="http://expressjs.com/api.html#res.locals" rel="noreferrer">res.locals содержит нужные мне ответы.

Я обнаружил для себя, что функция app.locals берет объект и сохраняет все его свойства в виде глобальных переменных, привязанных к приложению. Эти глобальные переменные передаются каждому представлению как локальные переменные. Однако функция res.locals привязана к запросу, и поэтому локальные переменные ответа доступны только для представлений, отображаемых во время этого конкретного запроса/ответа.

Итак, для моего случая в моем app.js я добавил:

app.locals({
    site: {
        title: 'ExpressBootstrapEJS',
        description: 'A boilerplate for a simple web application with a Node.JS and Express backend, with an EJS template with using Twitter Bootstrap.'
    },
    author: {
        name: 'Cory Gross',
        contact: '[email protected]'
    }
});

Тогда все эти переменные доступны в моих представлениях как site.title, site.description, author.name, author.contact.

Я также мог бы определить локальные переменные для каждого ответа на запрос с помощью res.locals или просто передать переменные, такие как заголовок страницы, в качестве параметра options в вызове render.

EDIT: этот метод не позволит вам использовать эти локальные переменные в промежуточном программном обеспечении. Я действительно столкнулся с этим, как предлагает Пикелс в комментарии ниже. В этом случае вам нужно будет создать функцию промежуточного программного обеспечения как таковую в его альтернативном (и оцененном) ответе. Ваша промежуточная функция должна будет добавить их в res.locals для каждого ответа, а затем вызвать next. Эта функция промежуточного программного обеспечения должна быть размещена над любым другим промежуточным программным обеспечением, которое должно использовать эти локальные переменные.

EDIT: Еще одно различие между объявлением локальных переменных через app.locals и res.locals заключается в том, что при app.locals переменные устанавливаются один раз и сохраняются на протяжении всего жизненного цикла приложения. Когда вы устанавливаете локальные переменные с помощью res.locals в промежуточном программном обеспечении, они устанавливаются каждый раз, когда вы получаете запрос. В основном вы должны предпочесть устанавливать глобальные значения через app.locals, если только значение не зависит от переменной запроса req, переданной в промежуточное программное обеспечение. Если значение не меняется, то будет эффективнее установить его один раз в app.locals.

Вы можете сделать это, добавив их в объект locals в общем промежуточном программном обеспечении.

app.use(function (req, res, next) {
   res.locals = {
     siteTitle: "My Website's Title",
     pageTitle: "The Home Page",
     author: "Cory Gross",
     description: "My app's description",
   };
   next();
});

Locals также является функцией, которая расширяет объект locals, а не перезаписывает его. Таким образом, следующее работает также

res.locals({
  siteTitle: "My Website's Title",
  pageTitle: "The Home Page",
  author: "Cory Gross",
  description: "My app's description",
});

Полный пример

var app = express();

var middleware = {

    render: function (view) {
        return function (req, res, next) {
            res.render(view);
        }
    },

    globalLocals: function (req, res, next) {
        res.locals({ 
            siteTitle: "My Website's Title",
            pageTitle: "The Root Splash Page",
            author: "Cory Gross",
            description: "My app's description",
        });
        next();
    },

    index: function (req, res, next) {
        res.locals({
            indexSpecificData: someData
        });
        next();
    }

};


app.use(middleware.globalLocals);
app.get('/', middleware.index, middleware.render('home'));
app.get('/products', middleware.products, middleware.render('products'));

Я также добавил универсальное промежуточное ПО для рендеринга. Таким образом, вам не нужно добавлять res.render к каждому маршруту, что означает лучшее повторное использование кода. Как только вы пойдете по пути многоразового промежуточного программного обеспечения, вы заметите, что у вас будет много строительных блоков, которые значительно ускорят разработку.

Для Express 4.0 я обнаружил, что использование переменных уровня приложения работает немного по-другому, и ответ Кори мне не помог.

Из документов: http://expressjs.com/en/api.html#app.locals

Я обнаружил, что вы можете объявить глобальную переменную для приложения в

app.locals

e.g

app.locals.baseUrl = "http://www.google.com"

И затем в вашем приложении вы можете получить доступ к этим переменным, а в своем экспресс-промежуточном программном обеспечении вы можете получить к ним доступ в объекте req как

req.app.locals.baseUrl

e.g.

console.log(req.app.locals.baseUrl)
//prints out http://www.google.com

В вашем app.js вам нужно добавить что-то вроде этого

global.myvar = 100;

Теперь во всех ваших файлах вы хотите использовать эту переменную, вы можете просто получить к ней доступ как myvar

вы также можете использовать "глобальный"

Пример:

объявить так:

  app.use(function(req,res,next){
      global.site_url = req.headers.host;   // hostname = 'localhost:8080'
      next();
   });

Используйте так: в любом представлении или файле ejs ‹% console.log(site_url); %>

в файлах js console.log(site_url);

Один из способов сделать это — обновить переменную app.locals для этого приложения в app.js.

Установить через следующие

var app = express();
app.locals.appName = "DRC on FHIR";

Получить доступ

app.listen(3000, function () {
    console.log('[' + app.locals.appName + '] => app listening on port 3001!');
});

Обработка скриншотом из примера @RamRovi с небольшим улучшением.

С разными ответами я реализовал этот код для использования внешнего файла JSON, загруженного в «app.locals».

Параметры

{
    "web": {
        "title" : "Le titre de ma Page",
        "cssFile" : "20200608_1018.css"
    }
}

Приложение

var express     = require('express');
var appli       = express();
var serveur     = require('http').Server(appli);

var myParams    = require('./include/my_params.json');
var myFonctions = require('./include/my_fonctions.js');

appli.locals = myParams;

Страница EJS

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <title><%= web.title %></title>
    <link rel="stylesheet" type="text/css" href="/css/<%= web.cssFile %>">
</head>

</body>
</html>

Надеюсь, это поможет

Что я делаю, чтобы избежать загрязнения глобальной области видимости, так это создаю сценарий, который я могу включить где угодно.

// my-script.js
const ActionsOverTime = require('@bigteam/node-aot').ActionsOverTime;
const config = require('../../config/config').actionsOverTime;
let aotInstance;

(function () {
  if (!aotInstance) {
    console.log('Create new aot instance');
    aotInstance = ActionsOverTime.createActionOverTimeEmitter(config);
  }
})();

exports = aotInstance;

При этом будет создан новый экземпляр только один раз, и он будет использоваться везде, где есть файл. Я не уверен, связано ли это с тем, что переменная кэшируется, или из-за внутреннего механизма ссылок для приложения (который может включать кэширование). Любые комментарии о том, как node разрешает это, были бы замечательными.

Возможно, также прочитайте это, чтобы получить представление о том, как работает require: http://fredkschott.com/post/2014/06/require-and-the-module-system/