Express / Node.JSを使用して、すべてのビューでアクセス可能なグローバル変数を作成するにはどうすればよいですか？

さて、私はJekyllを使用してブログを_config.yml作成しました。すべてのテンプレート/レイアウトでアクセスできる、ファイル内の変数を定義できます。私は現在、EJSテンプレートとejs-localsでNode.JS / Expressを使用しています（パーシャル/レイアウト用。Jekyllに精通している人がいる場合に見られるようなグローバル変数と同様のことをしたいと思っています。サイトのタイトル（ページタイトルではなく）、作成者/会社名。これらはすべてのページで同じです。site.title_config.yml

これが私が現在していることの例です。

exports.index = function(req, res){
    res.render('index', { 
        siteTitle: 'My Website Title',
        pageTitle: 'The Root Splash Page',
        author: 'Cory Gross',
        description: 'My app description',
        indexSpecificData: someData
    });
};

exports.home = function (req, res) {
    res.render('home', {
        siteTitle: 'My Website Title',
        pageTitle: 'The Home Page',
        author: 'Cory Gross',
        description: 'My app description',
        homeSpecificData: someOtherData
    });
};

サイトのタイトル、説明、作成者などの変数を1か所で定義し、への各呼び出しのオプションとして渡すことなく、EJSを介してレイアウト/テンプレートでアクセスできるようにしたいと思いますres.render。これを実行しても、各ページに固有の他の変数を渡すことができる方法はありますか？

Express 3 APIリファレンスをもう少し勉強する機会があった後、私は自分が探していたものを発見しました。具体的には、のエントリapp.localsとその少し下のエントリが、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: 'CoryG89@gmail.com'
    }
});

そして、これらの変数のすべてがとしての私の見解でアクセス可能なsite.title、site.description、author.name、author.contact。

また、リクエストへの各応答のローカル変数を、で定義しres.localsたり、ページのタイトルなどの変数を呼び出しのoptionsパラメーターとして渡すこともできrenderます。

編集：この方法では、ミドルウェアでこれらのローカルを使用することはできません。Pickelsが以下のコメントで示唆しているように、私は実際にこれに遭遇しました。この場合、彼の代替の（そして高く評価されている）回答でミドルウェア関数を作成する必要があります。ミドルウェア関数はres.locals、応答ごとにそれらを追加してから、を呼び出す必要がありますnext。このミドルウェア関数は、これらのローカルを使用する必要がある他のミドルウェアの上に配置する必要があります。

編集：地元の人々を宣言経由してのもう一つの違いapp.localsとres.localsしていることであるapp.locals変数単一の時間に設定され、アプリケーションの生涯にわたって持続します。res.localsミドルウェアでローカルを設定すると、リクエストを受け取るたびに設定されます。app.locals値reqがミドルウェアに渡される要求変数に依存しない限り、基本的にはを介してグローバルを設定することをお勧めします。値が変わらない場合は、に1回だけ設定する方が効率的です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の場合、アプリケーションレベルの変数の使用は少し異なって機能し、Coryの答えは私には機能しませんでした。

ドキュメントから：http：//expressjs.com/en/api.html#app.locals

アプリのグローバル変数をで宣言できることがわかりました

app.locals

例えば

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

そして、アプリケーションではこれらの変数にアクセスでき、Expressミドルウェアではreqオブジェクトで次のようにアクセスできます。

req.app.locals.baseUrl

例えば

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

app.jsに、次のようなものを追加する必要があります

global.myvar = 100;

これで、この変数を使用するすべてのファイルで、次のようにアクセスできます。 myvar

これを行う1つの方法は、 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の例のスクリーンショットを少し強化して詳しく説明します。

「グローバル」を使用することもできます

例：

このように宣言します：

  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」にロードされた外部ファイルJSONを使用するようにこのコードを実装しました

パラメーター

{
    "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;

これを行うと、新しいインスタンスが1回だけ作成され、ファイルが含まれているすべての場所で共有されます。変数がキャッシュされているためか、アプリケーションの内部参照メカニズム（キャッシュを含む場合があります）が原因であるかはわかりません。ノードがこれをどのように解決するかについてのコメントは素晴らしいでしょう。

たぶんこれを読んで、requireがどのように機能するかについての要点を理解してください：http： //fredkschott.com/post/2014/06/require-and-the-module-system/