複数のプロジェクトをデプロイする 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つインストールする

推薦する

5つのCSSスクロール天井実装方法の比較(パフォーマンス向上版)

改訂版のプレビューこの記事は 3 日前に書かれたものです。先輩の同僚から改訂の提案をいくつかいただき...

CSS マスクを使用して PNG 画像のサイズを大幅に最適化します (推奨)

この記事は共有および集約することを歓迎します。全文を転載する必要はありません。著作権を尊重してくださ...

Linux SSHポートを転送する3つの方法

ssh は私が最も頻繁に使用する 2 つのコマンドライン ツールのうちの 1 つです (もう 1 つ...

jQueryはシンプルなポップアップウィンドウ効果を実装します

この記事では、簡単なポップアップウィンドウ効果を実現するためのjQueryの具体的なコードを参考まで...

MySQL 5.7.18 無料インストール版ウィンドウ設定方法

初めてのブログです。データベースの勉強を始めた頃のことを書いています。自分でダウンロードしたのですが...

FTP環境設定ソリューション(vsftpd)の詳細な説明

1. vsftpdコンポーネントをインストールするインストールコマンド: [root@ink4t ~...

Hタグの定義と注意事項について簡単に説明します

結果から判断すると、タイトルを定義するための固定パターンはなく、すべてむしろランダムな感じがします。...

MySql 組み込み関数の自習知識ポイントまとめ

文字列関数文字ascii(str)のASCIIコード値をチェックし、strが空の文字列の場合は0を返...

docker に openjdk をインストールして jar パッケージを実行する方法

画像をダウンロード docker プル openjdkデータボリュームの作成java_appデータボ...

jQueryは何に使われるのですか?jQueryは実際にはjsフレームワークです

jQuery 入門jQuery ライブラリは、簡単なマークアップ行を使用して Web ページに追加で...

MySQLに絵文字表現を挿入する方法

序文今日、オープンソース プロジェクトのフィードバック フォームを設計していたところ、絵文字表現を挿...

Vue.js の watch メソッドと computed メソッドの違いの詳細な例

目次序文導入1. 作用機序2. 自然から3. 時計と計算の比較4. メソッドはデータロジックの関係を...

Vueドロップダウンリストの2つの実装方法の比較

Vueドロップダウンリストの2つの実装最初の方法はv-forを使用する <el-select ...

docker を使用してコード サーバーをデプロイする方法

画像をプルする # docker pull codercom/code-server # Docke...

Vue.jsはカレンダー機能を実装します

この記事では、カレンダー機能を実装するためのVue.jsの具体的なコードを例として紹介します。具体的...