Expressにて、静的ファイルが存在すると、get関数を通らない

Question

前提・実現したいこと

当方Web構築に関して右も左もわからない状態なので、
拙い質問であることご容赦ください。

静的ファイルの提供を行いつつ、
app.get関数を読み込みたいと考えております。

root
├public
│　└index.html
└server.js

発生している問題・エラーメッセージ

①下記ソースコードで、
http://localhost:3000/index.html
にアクセスすると、index.htmlのページが表示されますが、
app.getのログ"test"が通りません。

②public直下のindex.htmlのファイル名を、
hoge.htmlなどに変更すれば、
index.htmlは読み込むことができませんが、
app.getのログ"test"は通ることができます。

理解が浅く、何が起きているのかわからない状態です。
直接htmlファイルにアクセスができれば、app.getまで処理が届かないのでしょうか。

該当のソースコード

//server.js
const express = require('express')
const app = express()
app.use(express.static('public'));

app.listen(3000, function () {
    console.log('Example app listening on port 3000!')
});

app.get('/index.html', function (req, res) {
    console.log("test");
});

追記

代替案として、
express.staticの使用を止め、直接ソースコードでhtmlを呼び出しています。

app.get('/', function(req, res, next){
  res.sendFile(__dirname + '/public/index.html');
  console.log("test");
});

補足情報

Express 4.16.3

Answer 1

直接htmlファイルにアクセスができれば、app.getまで処理が届かないのでしょうか。

そういう理解であっています。

app.use(express.static('public'));

というコードによって、ディスク上のpublicというディレクトリと
HTTPによって要求される「/」というパスを紐づけるようにExpressに指示しています。

これにより、Expressは
（例えば）HTTPの"/index.html"という要求に対して./public/index.htmlにファイルがあるか探し、
あったらそれを返して終了。
という動作をしています。

その時に、動的応答の「app.get('/index.html',」で登録された関数（処理）を呼び出さないのは、そういう"仕様"になりますね。

---

ちなみに、静的コンテンツにindex.htmlが存在しても、無視して自分の処理を行いたいんだ、というのであれば、app.get を app.use より先に実施することで、可能です。

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

app.get('/index.html', function (req, res) {
    console.log("test");
});

app.use(express.static('public'));

app.listen(3000, function () {
    console.log('Example app listening on port 3000!')
});

さらに、静的コンテンツも返したいし、自分の処理もしたい、のであれば、上記のコードを以下のようにします。

app.get('/index.html', function (req, res, next) {
    console.log("test");
	next();
});

Comments

[funmas]

大変分かりやすい説明と、
状況別の案を出していただきありがとうございます。
ぼんやりとしていた理解から、ある程度はっきりと形でイメージすることができました。