🔖

Nodejs Express(静的HTML,static)

2022/06/21に公開

ディレクトリを作成します。

$ mkdir static
$ cd static

/staticの配下に/publicを作成します。
index.htmlを新規に作成し下記を編集して保存します。

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
    <h1>Hello World</h1>
</body>
</html>

npm環境をセットアップして、package.jsonを生成

$ npm init -y

expressをインストールします。

$ npm install express

index.jsを新規に作成し下記を編集して保存します。

var express = require('express');
const app = express()
app.use('/', express.static('public'));
app.listen(3000, () => console.log('listening on port 3000!'))

以下のコマンドを実行します。

node index.js

コマンド上にlistening on port 3000!の表示がでていれば、http://localhost:3000/
ブラウザで開きます。
ブラウザー確認しHello World!が表示されていればOKです。

http://localhost:3000/

Discussion