複数のプロジェクトをデプロイする Docker nginx の例

複数のプロジェクトをデプロイする Docker nginx の例

前提条件

1. ローカルコンピュータとサーバーにDockerがインストールされています。ダウンロード方法はGoogleで検索してください。

2. Docker Hub にアカウントをお持ちの場合は、https://hub.docker.com/ で登録してください。

3. Dockerに精通し、Dockerfileのいくつかの指示を理解する必要があります。

Dockerfileを使用してイメージを作成する

このマシンにwebというプロジェクトがある場合

Webルートディレクトリに新しいDockerfileを作成し、次の内容を記述します。

nginx:1.13.6-alpineから
ラベル メンテナー="lilywang <[email protected]>"

ARG TZ="アジア/上海"

ENV TZ ${TZ}

apkアップグレード--update \を実行します
 && apk に bash tzdata を追加 \
 && ln -sf /usr/share/zoneinfo/${TZ} /etc/localtime \
 && echo ${TZ} > /etc/timezone \
 && rm -rf /var/cache/apk/*

/usr/share/nginx/html をコピーする 

CMD ["nginx", "-g", "デーモンオフ;"]

現時点での Web 内のファイル構造は次のとおりです。

。
|____Dockerファイル
|____dist // プロジェクト用にパッケージ化されたファイル| |____index.html

次に、bashでWebディレクトリに入ります

CDウェブ

lilywang711 をビルドします。

印刷された情報に次の内容が表示された場合、イメージが正常に構築されたことを意味します。

4c050212ce0d の構築に成功しました
lilywang711/web:latest のタグ付けに成功しました

docker imagesと入力して現在のイメージリストを表示することもできます。

次に、コマンドdocker push lilywang711/webを入力して、ビルドしたイメージを Docker Hub にアップロードし、後でサーバーにイメージをプルできるようにします。

デプロイするプロジェクトが複数ある場合は、上記の手順を繰り返して、プロジェクトの数だけイメージをビルドします。

サーバーの展開

ssh経由でサーバーにログインし、現在のユーザーディレクトリ(私のディレクトリはルート)に新しいnginxフォルダを作成し、その中にnginx.confを作成します。
nginx.confに以下を記述します

ユーザー nginx;
ワーカープロセス 2;
error_log /var/log/nginx/error.log 警告;
pid /var/run/nginx.pid;
イベント {
 epoll を使用します。
 ワーカー接続数 2048;
}
http {
 /etc/nginx/mime.types を含めます。
 # /etc/nginx/conf.d/*.conf を含めます。
 ルート /usr/share/nginx/html;
 インデックス index.html index.htm;
 サーバー{
  聞く 80;
  server_name a.yourdomain.cn;
  位置 / {
  }
 }
 サーバー{
  聞く 80;
  サーバー名 b.yourdomain.cn;
  位置 / {
   proxy_pass http://your_vps_ip:81;
  }
 }
 サーバー{
  聞く 80;
  server_name ローカルホスト;
  位置 / {
  }
 }
}

次のステップ

Dockerを起動するsystemctl start docker

作成してアップロードした2つの画像をプルします

docker pull lilywang711/web

docker pull lilywang711/web1

コンテナを起動するには次のコマンドを入力します

docker run -itd --name web -p 80:80 -v /root/nginx/nginx.conf:/etc/nginx/nginx.conf lilywang711/web
// -i はコンテナを対話モードで実行し、-t はコンテナに疑似端末を割り当て、-d はコンテナをバックグラウンドで実行します。-itd を直接記述できます。
// --name はコンテナに識別しやすいように web という名前を付けます // -p はポートをバインドします ローカルポート 80: コンテナポート 80
// -v はボリュームを宣言します。これは、コンテナ内の /etc/nginx/nginx.conf をホスト内の /root/nginx/nginx.conf にマウントすることを意味します。将来 nginx を構成するには、/root/nginx/nginx.conf を変更するだけで済みます。

別の lilywang711/web1 イメージでも同様です。ポートと名前を変更するだけです。

docker run -itd --name web1 -p 81:80 -v /root/nginx/nginx.conf:/etc/nginx/nginx.conf lilywang711/web1

この時点で、 docker psと入力すると、2 つのコンテナがすでに実行されていることがわかります。

プロジェクトのDocker化とnginxへのデプロイが完了しました

効果を確認するには、ブラウザに http://a.yourdomain.cn と http://b.yourdomain.cn と入力します。これらは、それぞれローカル コンピューターの web プロジェクトと web1 プロジェクトに対応します。

以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。

以下もご興味があるかもしれません:
  • DockerでNginx+PHP+MySQL環境を構築し、WordPressをデプロイする
  • Dockerでnginxをデプロイし、設定ファイルを変更する方法
  • 初心者のための Docker と NGINX の導入手順の詳細
  • Docker デプロイメント nginx 実装プロセスのグラフィックとテキストによる詳細な説明
  • DockerはNginxをデプロイし、リバースプロキシを構成する
  • Docker+Nginx を使ってシングルページアプリケーションをデプロイする
  • Docker Nginxコンテナの制作と展開の実装方法
  • Docker に Nginx をデプロイする方法

<<:  Vueルーティングコンポーネントでパラメータを渡す8つの方法の詳細な説明

>>:  Windows10にMySQL5.6.35データベースを2つインストールする

推薦する

mysql の追加、削除、変更、クエリの基本ステートメント

文法以下は、MySQL テーブルにデータを挿入するための INSERT INTO コマンドの一般的な...

Tomcat をサービスとして登録する際に注意すべき点のまとめ

Tomcat をサービスとして登録する場合の注意点は次のとおりです。 インターフェースを開いたら、以...

MySQL 5.7.18 マスタースレーブレプリケーション設定(マスター 1 台とスレーブ 1 台)チュートリアルの詳細な説明

1. 複製原理マスター サーバーはバイナリ ログ ファイルに更新を書き込み、ログのローテーションを追...

MySQL の接続数が多すぎるエラーの原因と解決策

目次概要本日正午、開発およびテスト環境の MySQL サービスで接続数が多すぎるというエラーが報告さ...

Vueは画像のドラッグと並べ替えを実装します

この記事の例では、画像のドラッグと並べ替えを実装するためのVueの具体的なコードを参考までに共有して...

Dockerでプロジェクトを実行する方法

1. プロジェクトwarが保存されているディレクトリを入力しますDockerfileを編集する vi...

postcss-pxtorem モバイル適応の実装

コマンドを実行してプラグインpostcss-pxtoremをインストールします npm インストール...

DockerでRedisを使用するための詳細な手順

1. はじめにこの記事では、Docker を使用して Redis を探索する方法を説明します。 Do...

js はマウスによる画像の切り替えを実装します (タイマーなし)

この記事の例では、マウス切り替え画像を実現するためのjsの具体的なコードを参考までに共有しています。...

Vue+SpringBoot+Shiroのクロスドメイン問題を解決する

目次1. Vueフロントエンドを構成する1. クロスドメイン構成を開発する2. 本番環境のクロスドメ...

Dockerで構築されたコンテナにpingツールをインストールする

Centos や Ubuntu など、Docker が pull する Base イメージは最もシン...

Angular CLI リリース パスの構成項目の簡単な分析

序文プロジェクトのリリースでは、常に特定の状況に応じたパッケージ化が必要です。Angular CLI...

jQueryはアコーディオン効果を実装します

この記事では、アコーディオンを実装するためのjQueryの具体的なコードを参考までに紹介します。具体...