技術ログ

Express + Node.js + ejsでrequireを使う(ウェブアプリ開発)

2018年6月6日

前提

  • macOSを使っている
  • node.jsが既に入ってる

準備

 

$ mkdir new_project
$ cd new_project/
$ npm init
# プロンプトに回答していく

$ ls
package.json

 

expressとejsとfsをインストール

 

$ npm install express --save
$ npm install ejs --save
$ npm install fs --save

 

app.jsを作って下記のように書く

 

/* 1. expressモジュールをロードし、インスタンス化してappに代入。*/
var express = require("express");
var app = express();

/* 2. listen()メソッドを実行して4000番ポートで待ち受け。*/
var server = app.listen(4000, function(){
    console.log("Node.js is listening to PORT:" + server.address().port);
});

// View EngineにEJSを指定。
app.set('view engine', 'ejs');

// fsモジュールを読み込み
var fs = require('fs');

app.get("/", function(req, res, next){
    res.render('index', { fs: fs });
});

 


 

index.ejs

 

new_projectの中にviewsというディレクトリを作ってその下にindex.ejsを作る

<%= 

  fs.writeFile("test.txt", "test OK!");

%>

 

 

サーバーを起動する

 

$ node app.js
Node.js is listening to PORT:4000

 

実行

ブラウザにアクセスする。ファイルが生成されている!

 

参考

ここら辺の本を読んで、めっちゃ勉強になりました、ブログって簡単にわかるけど、深い部分で基礎が結構抜け落ちてたりするんだよね... 基礎の徹底は、良いエンジニアの基本なので、ここら辺を横着するか否かで将来のエンジニア人生も大きく変わる。なので、こういう本はしっかり読もうと思います。(お勧めなので、是非勝ってみればいいと思います :))


Pocket
LinkedIn にシェア

ご報告

off.tokyoは法人化しました、Web/Mobile コンサルティングのご相談なら、bid companyへお問い合わせください :)

ご提供 sponsor
 

Meee!(ミー)は、ビジネスからプライベート利用まで、個人のスキルを気軽に売り買いできるスキルマーケットです。カテゴリや居住地から、検索することが可能です。

 

ランゲージエクスチェンジは、ネイティブスピーカーと気軽にマッチングできる言語交換プラットフォームです。あなたの地元に住む外国人を探したり、留学や海外移住の前に、現地のネイティブスピーカーと繋がることもできます!

宣伝
 

りょすけトークchは、仕事や私生活をより豊にするYouTubeチャンネルです。文献(本、映画、論文)から役に立つ情報をまとめ、生涯にわたり役に立つ哲学をお届けしています。是非、チャンネル登録してみてね

  • この記事を書いた人

ryosuke-hujisawa

-技術ログ
-, , , , , ,

Copyright© off , 2020 All Rights Reserved Powered by AFFINGER5.