macOS (Sequoia) + nginxでバーチャルホストを複数作りたい

Question

実現したいこと

macOSのSafariで「localhost」をアクセスすると、nginxのwelcomeページが表示されます。
これと同じように、例えば
「welcomesite.com」
「testsite.com」
とsafariのアドレスバーに入力したら、自分の作ったindex.htmlをそれぞれ表示するようにしたいです。

nginxはインストール済みで、Welcome to nginx!のページは表示されています。

発生している問題・分からないこと

どの設定ファイルを編集すればいいかがわかりません。

まずhostsというファイルに作りたいバーチャルホスト名を追加するんだということはわかりましたが、このファイルがどこにあって、どのような記述を追加すればいいかがわかりません。

このほかに、.confというファイルを作るのか、どこかのファイルを編集すればいいかと思いますが、それもわかっていません。

.confにはこういう感じの記述をすればいいこともわかりました。

該当のソースコード

    server {
        listen       80;
        server_name  welcomesite.local;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        location / {
            root   /Users/myUserName/sites/welcomesite/; //自分のホームフォルダ上にサイトを置きたい
            index  index.html index.htm;
        }

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

ひとまず、何をどうすればいいのかすらわかっていない状況です。

補足

特になし

Answer 1

参考）https://faq.wadax.ne.jp/s/article/1527

/private/etc/hosts ファイルを調整すれば良いです。

127.0.0.1 localhost welcomesite.com testsite.com

とすればいいかと。

Comments

[tunaingot]

回答ありがとうございます。
hostsの場所はわかりました！
編集もできました。

サイトファイルの置き場所を指定したいです。
具体的には自身のホームフォルダのsites/welcomesite/という感じ。

現状調べたところ、

/opt/homebrew/var/www/index.html

がサイトファイルの置き場所だということがわかりました。
これをホームに置きたいです。

これを指定するためのファイルがどれなのか...これがわからないです。

[AbeTakashi]

それはnginxのvirtualhostの設定で行います。nginxの設定ファイルnginx.conf内に

include /etc/nginx/conf.d/*.conf;
↑
MacOSだとたぶん設置されてるディレクトリは違う

みたいな設定があると思うので、そのディレクトリの中にバーチャルホストの設定ファイルを.confという拡張子をつけたファイル名で設置して（複数のサイトを作りたいなら複数設置できる）、nginxを再起動すれば反映されます。locationのrootにファイルがあるディレクトリを指定し、server_nameを/private/etc/hostsで設定したのと合わせるのが肝です。

[tunaingot]

回答ありがとうございます。
まさにAbeTakashiさんのおっしゃる通りでした。

/opt/homebrew/etc/nginx/nginx.conf

ファイルの中に設定を追記すれば解決しました。
このファイルの中にサーバー名やドキュメントのルートディレクトリを追記しました。

/private/etc/hosts

の編集と合わせておくことも理解しました。
おかげさまで無事複数のバーチャルホストを作ることができました。

回答していただいた方々、ありがとうございます。
本当に助かりました。

[tunaingot]

解決のコメントをした後、Macを再起動したら追加したバーチャルホストに繋がらなくなりました...

localhost:8080はアクセスできるので、nginxは動いています。
何か操作を忘れているのでしょうか？

思いつくことがありましたら、ご教示いただけると助かります。

[AbeTakashi]

「繋がらない」と端的に書かれても、第三者には伝わりにくいです。404エラーなのか500エラーなのか、もしくはそれ以外かで話は変わるので。まずはnginxが吐き出すアクセスログやエラーログなどをしっかり確認すると良いかと思いますし、そのログを見ても解決できないのなら、ログの内容を質問文に記載されると良いかと思います（この質問は解決済みになってしまったので、別の質問を立てた方がいいかも）。

[tunaingot]

AbeTakashさん、ありがとうございます。
確かにどういうふうにつながらないのか...わからないですよね。
アドバイスありがとうございます。
別の質問にした方が良さそうです。

ホームディレクトリではなく、/var/www/の中にサイトのドキュメントを置く設定にするとうまく行くことはわかりました。
rootの設定をホームディレクトリから/var/www/に変更し、サイトデータを/var/www/に移しました。
もう少し調べてみて、解決しなければ別の質問を立てようと思います。

アドバイスありがとうございました。