見出し画像

勉強ノート:Node.jsのWEBサーバーでindex.htmlを表示させる(Windows10)

前回のexampleフォルダをVScodeで開き、新しいファイルとしてindex.htmlを作る。

↑index.htmlの階層に注意

ファイル画面で!を書いてタブを押すと、次のように出る。

!「イクスクラメーション」の後にTABを押す。

結果。

↑但し、言語設定が英語になっている。

言語設定を英語から日本語に変える

「en」から「ja」に変える

server.jsファイルを書き換えてindex.htmlを表示するようにする。

Node.jsのライブラリfsをrequireする。

続けてreadFileSyncを書く。

Syncは非同期処理のこと

index.htmlを指定する。

↑ファイルの階層に注意

<h1>タグの所をhtmlに書き換える。

res.writeの部分を定数htmlに書き換える。

サーバーを一度停止させてから、前回とおなじくstartさせる。

これでindex.htmlの内容がlocalhost:8000に表示される

この記事が気に入ったらサポートをしてみませんか?