【Node.js】Expressの導入手順について

本記事では、Node.jsのフレームワークであるExpressの導入手順について解説しています。

Node.js / Expressの学習におすすめ参考書
Node.js超入門 第3版

本書情報

著者	掌田 津耶乃
発売日	2020/7/18
ページ数	480ページ
Kindle版 (電子書籍)	◯
レビュー (Amazon)	(44件)

Node.js超入門 第3版 [ 掌田津耶乃 ]

posted with カエレバ

楽天市場

Amazon

Yahooショッピング

先輩くん

Amazon Kindle Unlimitedに登録すると、月額980円で読み放題だからオススメだよ！

後輩ちゃん

初回30日間は無料だから、まだ登録したことのない人はぜひ試してみてね！

綺麗なコードが書けるようになる！
リーダブルコード-より良いコードを書くためのシンプルで実践的なテクニック

本書情報

出版社	オライリージャパン
著者	Dustin Boswell / Trevor Foucher
発売日	2012/6/23
ページ数	260ページ
レビュー (Amazon)	(620件)

先輩くん

より良いコードを書きたい人におすすめの本だよ！

後輩ちゃん

10以上前の書籍ですが、内容は今でも役に立つものばかりです！

【中古】リーダブルコード —より良いコードを書くためのシンプルで実践的なテクニック (Theory in practice)／Dustin Boswell、Trevor Foucher、須藤 功平、角 征典

posted with カエレバ

楽天市場

Amazon

Yahooショッピング

Expressの導入手順

今回のExpress導入では、以下の4つを行います。

Node.jsのインストール

まず、Expressを使うにはNode.jsをインストールする必要があります。

こちらのNode.js公式ページにアクセスし、LTS(推奨版)と記載されているものをインストールします。

node.jsをインストールしたら下記のコマンドを実行して正しくインストールができているか確認します。

npm -v

コマンドを実行してバージョン(例：6.13.4)が返ってきたら正しくインストールがされています。

以上で、Node.jsのインストールが完了です。

Expressのインストール

Node.jsのインストールが完了したら、続いてExpressのインストールを行います。下記のコマンドをターミナルで実行します。

npm i express

index.jsファイルを作成します。作成したindex.jsファイルに下記の内容を記述します。

const express = require("express"); // ①
const app = express(); // ②

ローカルサーバーを立ち上げる(リクエスト)

作成したindex.jsファイルに下記のコードを記述します。

app.listen(8080, () => {});

これでjsファイルを実行してみましょう。下記のコマンドを実行してください。

node index.js

nodemonをインストールされている方は、サーバーの立ち上げが不要になるので下記のコマンドを実行してください。

nodemon index.js

【Node.js】ローカルサーバーを自動更新する(nodemon)本記事では対象ファイルを更新すると自動でローカルサーバーを更新してくれるnodemonのインストールから使い方について解説しています。...

ローカルサーバーが立ち上がったので、app.listenの第1引数で指定したポート番号にアクセスします。下記の文字列は立ち上げたローカルサーバーのURLになりますので、ブラウザで開きましょう。

http://localhost:8080/

※ポート番号を別の値に設定している人は、8080の箇所を設定した値に変更してください。

すると、「Cannot GET /」と表示されたページが開きます。

以上でローカルサーバーの立ち上げ(リクエスト)の設定が完了です。

レスポンス

続いて、レスポンスを返す設定をします。下記のコードをindex.jsに記述します。

app.use((req,res)=>{
    res.send("<h1>タイトル</h1>");
})

これでローカルサーバーのページを確認してみましょう。nodemonを使用していない方は、一度「control + c」を同時押しでローカルサーバーを停止させ、再度「node index.js」コマンドで立ち上げます。

すると、res.sendメソッドに記述した<h1>タグのタイトルが表示されていることが確認出来ます。

以上でNode.jsのフレームワークであるExpressの導入手順は終了です。良い開発ライフを！

▼最終的なindex.js

const express = require("express");
const app = express();

app.use((req, res) => {
  res.send("<h1>タイトル</h1>");
});
app.listen(8080, () => {});