EJSテンプレートエンジンを利用する[Express]

2018年12月17日

ExpressとテンプレートエンジンであるEJSを利用してHello worldを出力してみます。

 

関連ページ

Node.js – ExpressでHello world

 

適当なディレクトリを作成したら、その中でnpmの初期化をおこないます。

 

expressとejsモジュールをインストールします。

package.jsonのdependencies項目では以下のように確認できます。

 

次にapp.jsファイルを追加します。

2行目

ejsモジュールを読み込んでいます。

 

5行目

テンプレートエンジンを指定しています。

 

7〜9行目

renderメソッドを利用して、/にアクセスした際に「index.ejs」(後述)を表示させ、第2引数部分でindex.ejsに渡す値を設定しています。

 

 

 

テンプレートファイルの作成


「views」ディレクトリを追加して、その中に「index.ejs」ファイルを作成します。ファイル構造は以下のようになります。

 

 

index.ejsは下記のように記述します。

8行目

app.jsの8行目で渡した「title」の値が引き渡されます。実行すると「Hello world」と表示されます。

 

 

 

LINEで送る
Pocket

Copyright © 2019 思考の葉 All Rights Reserved.  プライバシーポリシー