Zenn
🗂

【VirtualBox】Nginxをインストールして、ブラウザからアクセスする

2021/11/23に公開
nginx
VirtualBox
tech

はじめに

nginx（エンジンエックス）は、フリーかつオープンソースなWebサーバである。処理性能・高い並行性・メモリ使用量の小ささに焦点を当てて開発されており、HTTP, HTTPS, SMTP, POP3, IMAPのリバースプロキシの機能や、ロードバランサ、HTTPキャッシュなどの機能も持つ。
nginx（ウィキペディア）から引用

環境

  • MacOS Big Sur
  • Virtual BoxにDebianをインストールしている

では始めましょうー。

Nginxのインストール

$ sudo apt-get install nginx

Nginxの起動

$ sudo /etc/init.d/nginx start

起動の確認

$ sudo systemctl status nginx
● nginx.service - A high performance web server and a reverse proxy server
     Loaded: loaded (/lib/systemd/system/nginx.service; enabled; vendor preset:>
     Active: active (running) since Tue 2021-11-23 13:44:41 JST; 7min ago
       Docs: man:nginx(8)
    Process: 433 ExecStartPre=/usr/sbin/nginx -t -q -g daemon on; master_proces>
    Process: 438 ExecStart=/usr/sbin/nginx -g daemon on; master_process on; (co>
   Main PID: 439 (nginx)
      Tasks: 2 (limit: 1133)
     Memory: 12.2M
        CPU: 58ms
     CGroup: /system.slice/nginx.service
             ├─439 nginx: master process /usr/sbin/nginx -g daemon on; master_p>
             └─440 nginx: worker process

Active: active (running) になっていればOK

ブラウザからアクセスしてみる

ブラウザにIPアドレスを入力してアクセスしてみてください。
こんな感じで表示されると思います。

IPアドレスは、ip aで確認できます。
僕の場合は、下から3行目に書いてある192.168.179.7ですね。

nagano@debian:~$ ip a
1: lo: <LOOPBACK,UP,LOWER_UP> mtu 65536 qdisc noqueue state UNKNOWN group default qlen 1000
    link/loopback 00:00:00:00:00:00 brd 00:00:00:00:00:00
    inet 127.0.0.1/8 scope host lo
       valid_lft forever preferred_lft forever
    inet6 ::1/128 scope host
       valid_lft forever preferred_lft forever
2: enp0s3: <BROADCAST,MULTICAST,UP,LOWER_UP> mtu 1500 qdisc pfifo_fast state UP group default qlen 1000
    link/ether 08:00:27:c3:09:19 brd ff:ff:ff:ff:ff:ff
    inet 192.168.179.7/24 brd 192.168.179.255 scope global dynamic enp0s3
       valid_lft 85602sec preferred_lft 85602sec
    inet6 2001:268:c04f:613:a00:27ff:fec3:919/64 scope global dynamic mngtmpaddr

公開されているファイルの場所はどこ？

ブラウザからアクセスして表示されているファイルなんですが、
ディベロッパーツールで確認してみると、indexファイルであることが分かります。

このファイルは/var/www/htmlにあります。
確認してみましょう。

# 移動する
$ cd /var/www/html

# ファイルを確認する
/var/www/html$ ls
index.nginx-debian.html

# 内容を確認する
/var/www/html$ vi index.nginx-debian.html
<!DOCTYPE html>
<html>
<head>
<title>Welcome to nginx!</title>
<style>
    body {
        width: 35em;
        margin: 0 auto;
        font-family: Tahoma, Verdana, Arial, sans-serif;
    }
</style>
</head>
<body>
<h1>Welcome to nginx!</h1>
...

これがブラウザに表示されていたみたいですね。

参考文献

プログラミングビギナーNekoteniがあなたに贈る！Nginxをインストールするの巻
nginxのセットアップ

Discussion