docker はフロントエンドを開始します

docker はフロントエンドを開始します

フロントエンドとしては、コードを書いてから最終的にサーバーにデプロイするまでのプロセスを理解しておく必要があるので、今日はdockerにnginxをインストールしてデプロイする方法を簡単にメモしておきます。

まず、とあるクラウドにクラウドサーバーを立ててログインします

---

序文

ヒント: 私のサーバーは Linux でインストールされています。Docker をインストールする方法と、Docker に Nginx をインストールする方法は? ご自身で試してみてください。
Docker をインストールするには、
「Docker への Nginx のインストール」を参照してください。

1. 環境を確認しますか?

1. ドッカーを起動する

ログイン後にコピー

sudo systemctl start docker

2. nginx がインストールされているかどうかを確認します。

ログイン後にコピー

docker images

3. インストールが完了したら、次のコマンドを使用して nginx コンテナを実行できます。

ログイン後にコピー

docker run --name nginx-test -p 8080:80 -d nginx

–name nginx-test: コンテナー名。

-p 8080:80: ポート マッピング。ローカル 8080 ポートをコンテナ内の 80 ポートにマッピングします。

-d nginx: コンテナーが常にバックグラウンドで実行されるように設定します。

これが表示されれば成功です。ポート 8080 がすでに使用されている場合は、他のポートを使用できます。

返された ID は後で使用されます

2. Docker に nginx をデプロイする

1. 次のファイルを作成します。

ログイン後にコピー

mkdir -p ~/nginx/www ~/nginx/logs ~/nginx/conf

2. コンテナ内の Nginx デフォルト構成ファイルを現在のローカル ディレクトリの conf ディレクトリにコピーします。

ログイン後にコピー

sudo docker cp 容器的id:/etc/nginx/nginx.conf ~/nginx/conf

このコンテナID

このコマンドを使用して表示できます

ログイン後にコピー

docker ps

3. 新しいポートを開きます

ログイン後にコピー

sudo docker run -d -p 8082:80 --name 容器名称 -v ~/nginx/www:/usr/share/nginx/html -v ~/nginx/conf/nginx.conf:/etc/nginx/nginx.conf -v ~/nginx/logs:/var/log/nginx nginx 最上面返回的id

ポート8082を確認してください。以下が表示されれば成功です。

4. ~/nginx/www の下に、パッケージ化されビルドされたフロントエンド プロジェクトを配置できます。ここでは winSCP を使用します。

ブラウザを開いてサーバー IP:8082 にアクセスすると、次の効果が表示されます。

---

3. まとめ

上記はすべてセルフテストとして実行可能です。メモ用です。気に入らない場合はコメントしないでください。。
Docker の開始/停止/再起動コマンドを使用できます。

1. 停止したコンテナ wgshtml-web を起動します

ログイン後にコピー

docker start wgshtml-web

2. 実行中のコンテナ wgshtml-web を停止します。

ログイン後にコピー

docker stop wgshtml-web

3. コンテナ wgshtml-web を再起動します。

ログイン後にコピー

docker restart wgshtml-web

追記：別のポート8083を開いてください。

1. 最初の一歩

ログイン後にコピー

docker run --name nginx-test -p 8080:80 -d nginx

2. ステップ 2: ID を表示する

ログイン後にコピー

docker ps

3. 現在のディレクトリに myReact フォルダーを作成します

ログイン後にコピー

mkdir -p ~/myReact/www ~/myReact/logs ~/myReact/conf

4. コンテナ内の Nginx デフォルト構成ファイルを現在のローカル ディレクトリの conf ディレクトリにコピーします。

ログイン後にコピー

sudo docker cp 87c589d190e1:/etc/nginx/nginx.conf ~/myReact/conf

5. 起動する

ログイン後にコピー

sudo docker run -d -p 8083:80 --name myreact -v ~/myReact/www:/usr/share/nginx/html -v ~/myReact/conf/nginx.conf:/etc/nginx/nginx.conf -v ~/myReact/logs:/var/log/nginx nginx

`dockerfile
sudo docker run -d -p 8083:80 --name myreact -v ~/myReact/www:/usr/share/nginx/html -v ~/myReact/conf/nginx.conf:/etc/nginx/nginx .conf -v ~/myReact/logs:/var/log/nginx nginx