Expressへようこそ

CoddyのNode.jsジャーニー「Expressの基礎」セクションの一部。レッスン 1/23。

Webサーバーはブラウザーやアプリからのリクエストを待ち受け、レスポンスを返します。Expressは、Node.jsでWebサーバーを書くために最もよく使われているライブラリです。

import express from 'express';

const app = express();

app.get('/hours', (req, res) => {
    res.send('Open 9 to 5');
});

app.listen(3000);

app.get('/hours', ...)はルートです。誰かがGETリクエストでパス/hoursを要求したときに、何をするかを指定します。GETは、ブラウザーがページを開くときに送る種類のリクエストです。Expressはリクエストをreq、レスポンスをresとして関数に渡し、res.sendが応答を送信します。これが呼び出されるまでは、何も返されません。app.listen(3000)はポート3000でサーバーを起動します。

ノートパソコンでは、node server.jsでサーバーを起動し、ブラウザーまたはcurlからリクエストを送ります。ここでは「実行」を押すとサーバーが起動し、リクエストバーからリクエストを送信できます。

チャレンジ

簡単

Recipe Boxには、訪問者を迎えるホームページが必要です。

server.jsで、/のルートを変更し、Hello from Express!の代わりにWelcome to Recipe Boxというテキストを送信するようにします。句点を付けず、テキストを正確にそのまま送信してください。

試してみましょう：「実行」を押します。リクエスト欄に/と入力し、「送信」を押します。これによりGETリクエストが送信されます。これは、ブラウザーがページを開くときに送信する種類のリクエストです。ステータス200とともにWelcome to Recipe Boxが表示されるはずです。次に、/nopeを送信します。このパスに対応するルートはないため、Express自体がステータス404とCannot GET /nopeと書かれたページを返します。

自分で試してみよう

import express from 'express';

const app = express();

app.get('/', (req, res) => {
    res.send('Hello from Express!');
});

app.listen(3000, () => {
    console.log('Recipe Box is running on port 3000');
});