サーバー上でフロントエンド コードを実行する方法。まず Nginx をインストールします。ここでは Docker を使用して Nginx をインストールします
記事ディレクトリ
1. nginx docker イメージをインストールする
1. nginxの公式イメージを入手する
docker pull nginx
2. ミラーライブラリを表示する
docker images
ps: nginx ミラーのダウンロードが完了したことがわかります。
初めて起動するときにディレクトリをマウントすると、ホストが空のファイルであるため、Nginx コンテナ内の設定ファイルが直接上書きされ、起動が失敗します。
3. ホストはマウントするディレクトリを作成します
mkdir -p /home/nginx/conf
mkdir -p /home/nginx/logs
mkdir -p /home/nginx/html
-p
このパラメータの機能は、複数レベルのディレクトリの作成を可能にすることです。
4. マウントしないコンテナを起動する
docker run -d --name nginx-test -p 8860:80 nginx
注文 | 説明する |
---|---|
–name nginx | 起動するコンテナの名前 |
-d | バックグラウンドプロセス |
-v | マップディレクトリ |
-p | ネイティブ ポート マッピングは、コンテナのポート 8860 をマシンのポート 80 にマッピングします。 |
ステートメントの最後の nginx は、使用されるイメージの名前です |
それをチェックしてください
正常に開始
5. 構成ファイルをホストにマウントします。
コンテナ内のnginx.confファイルとconf.dフォルダをホストにコピーします。
Nginx の名前を確認してください: ここは nginx-test です
# 将容器nginx.conf文件复制到宿主机
docker cp nginx-test:/etc/nginx/nginx.conf /home/nginx/conf/nginx.conf
# 将容器conf.d文件夹下内容复制到宿主机
docker cp nginx-test:/etc/nginx/conf.d /home/nginx/conf/conf.d
# 将容器中的html文件夹复制到宿主机
docker cp nginx-test:/usr/share/nginx/html /home/nginx/
到了,这一步都只是为了获取 Nginx的配置文件
取得が成功したので、不要なものを削除できます
6. コンテナの停止/削除
docker ps -a #すべてのコンテナを表示
docker ps 現在実行中のコンテナを表示します
docker stop nginx-test stop nginx コンテナ | コンテナ ID も使用できますが、最初の 3 桁のみが必要です
docker イメージのコンテナー リストの表示
7. ホストファイルツリーを表示する
7.1 ツリーツリーのインストール
yum install tree
7.2 ビューツリー
tree
8. マウントされたディレクトリを使用してコンテナを再起動します
docker run \
-p 8860:80 \
--name learn-nginx \
-v /home/nginx/conf/nginx.conf:/etc/nginx/nginx.conf \
-v /home/nginx/conf/conf.d:/etc/nginx/conf.d \
-v /home/nginx/logs:/var/log/nginx \
-v /home/nginx/html:/usr/share/nginx/html \
-d nginx:latest
起動が成功したかどうかを確認し、HTML コンテンツを変更して
確認します。