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

推薦する

vue3+ts+EsLint+Prettier 標準コード実装

目次使用EsLintの使用プロフィールを追加するPrettierの使用huskyとlint-stag...

HTML外部参照CSSファイルが効果を発揮しない理由の分析と解決

フロントエンドの初心者として、私は数日間フロントエンドをいじってみました。 。今日、私は自分が固く信...

Chrome、Firefox、IEで入力カーソルの位置がずれる問題の解決方法

ブラウザで入力カーソルがずれる問題の詳しい説明<br />仕事で問題に遭遇し、解決策を探...

VMware 上の CentOS に Oracle12.2 をサイレント インストールする詳細なグラフィック チュートリアル

環境準備: VMware+CentOS、jdk 1. システムディスクのサイズを確認する1. コマン...

IE6/7 における a.getAttribute(href,2) 問題の分析と解決

簡単な説明<br />IE6および7では、一般的なaタグ(HTMLで記述され、DOM操作...

Dockerイメージの読み込み原理

目次Docker イメージ鏡とは何ですか? Dockerイメージの読み込み原理コミットミラーDock...

HTMLフォーム要素の詳しい解説(パート2)

HTML 入力属性値属性value 属性は、入力フィールドの初期値を指定します。 <フォーム...

JSインターセプト文字列の3つの方法の詳細な説明

JS には、文字列をインターセプトするための 3 つのメソッド、 slice() 、 substri...

MySQL ストアド プロシージャの権限の問題の概要

MySQL ストアド プロシージャは、確かに、非常にまれな使用シナリオのように見えます。この問題は、...

Centos7 環境でバイナリ インストール パッケージから mysql5.6 をインストールする方法の詳細な説明

この記事では、centos7 環境でバイナリ インストール パッケージを使用して mysql5.6 ...

Linux suse11でルートパスワードを忘れた場合に変更する方法の簡単な分析

SUSE Linuxでルートパスワードを忘れた場合の解決方法SUSE (Linux オペレーティング...

Reactにおけるキーの役割の詳細な説明

目次質問: ボタンをクリックすると、スパンの色が赤に変わりますか?上記の問題を分析します。 2番目の...

ウェブフロントエンドエンジニアにおすすめのヒント

まず、Webフロントエンドエンジニアの価値についてお話ししましょう。現在、Web製品のインタラクショ...

インラインブロックを使用した複数のdiv間の間隔はプログラミング方法とは異なります

inline-block について学習しているときに、境界線と inline-block を持つ複数...

Win10の明るさ調整効果を模倣するHTML+CSS+JSサンプルコード

HTML+CSS+JS で Win10 の明るさ調整効果を模倣コード <!doctypehtm...