Webサービスの一般的なURL構造について教えてください

Question

現在、趣味でwebアプリを作成しているのですが、URLルーティングの参考としてメルカリのURL構造を調べていたところ、すべてのリンクにおいて「/category/」「brand/」のように「/」で終了しているのですが、これは1つのディレクトリにindexファイル1つだけを設置しているということですか？
またこれはwebサービスにおいて特殊な例なのでしょうか。webサービスの一般的なディレクトリ構造についても教えて頂けると幸いです。

Answer 1

これは1つのディレクトリにindexファイル1つだけを設置しているということですか？

いいえ大抵の場合は違います。

.htaccessなどを利用しすべてのアクセスをルート配下のindex.phpなどに集め、Request Uriを解析しています。

teratailを例にとると分かりやすいかもしれません。
当質問のURLは
https://teratail.com/questions/217874

ですが、トップにquestionsというディレクトリがありその下に217874というディレクトリがあってその配下にindexファイルがあるわけではありません。
217874は質問番号でおそらく１から連番と考えると質問の数だけディレクトリが存在することになってしまいます。
質問投稿と共にディレクトリとファイルを作ったり、質問削除と同時にディレクトリとファイルを削除したり、質問編集やコメント投稿、回答投稿のたびにファイルを更新する必要がでてくるので処理が複雑になります。

実際は
questionsで「質問」であること、
217874が「番号」であることをURLのルールで決めて、「データベースに質問の217874番を取得しにいく」ように作られているだけになっています。
ですので実際に実行されているのは
https://teratail.com/配下のindex.phpであるということになります。

これは「URLのルーティング」という考え方です。

多くのフレームワークが採用している考え方です。teratailもPHPフレームワークで作られているようです。

おおよそメルカリも同様ではないでしょうか。

ちなみに末尾の/は「トレイリングスラッシュ」と呼ばれています。
違いについても調べれば解説記事はあります(結論だけ言うと「有り無しは関係ない」)

Comments

[kyoya0819]

それ抜けてました。
ありがとうございます。

[m.ts10806]

末尾の/のことだけかもしれないので少し追記してみました。

[maisumakun]

> 結論だけ言うと「有り無しは関係ない」

いちおう、「http://example.com/foobar」と「http://example.com/foobar/」で別のリソースを提供することも、技術的には可能です。

[m.ts10806]

maisumakunさん
補足ありがとうございます。
URLの見た目を揃えるためにリダイレクトさせてるパターンもありますね。

[kyoya0819]

> URLの見た目を揃えるためにリダイレクトさせてるパターンもありますね。
teratailが典型的な例ですね

[m.ts10806]

asuchi0819さん
そうですね。teratailはなし、メルカリはありで揃えているようです。
どっちがいいかは好みとか方針でしょうね。個人的にはなしが好きですし自身が関わったものもなしが多いです。

[kyoya0819]

自分もなし派です

Answer 2

パターン1

index.html (php,cgi...)
style.css
script.js
about.html
.
.
.

昔ながらのパターン。（個人的主観）

利点：シンプル
欠点：保守性が悪い

パターン2

index.html (php,cgi...)
style.css
script.js
about(.html) (<-拡張子を非表示)
.
.
.

最近多くなっているパターンです。（個人的主観）

利点：シンプル・URLの見た目が良い
欠点：保守性が悪い

パターン3

index.html(php,cgi...)
style.css
script.js
about/index.html (php,cgi...)
about/style.css
about/script.js
.
.
.

（拡張子無し版を含む）

利点：保守性が良い・URLの見た目が良い
欠点：ディレクトリ構造が複雑

とりあえずこんな感じです。これらのパターンを組み合わせたものもあります。
それらをあげたらきりがないので代表的なものをあげておきます。

パターン4

index.php
header.html
footer.html
style.css
script.js
about.php
.
.
.

WP等で用いられている方法です。

Comments

[kyoya0819]

パターン4は投稿直前に思い出しました。