Docker を使用して静的 Web サイト アプリケーションを作成する (複数の方法)

Docker を使用して静的 Web サイト アプリケーションを作成する (複数の方法)

静的ウェブサイトをホストできるサーバーは数多くあります。この記事では、nginx、apache、tomcatサーバーを使用して、dockerの静的ウェブサイトアプリケーションの設定を説明します。

まず、dockerファイルを作成します。

異なるサーバーの Docker ファイルは異なります。以下は、nginx、apache、および tomcat サーバーの Docker ファイルです。実際、主な違いはプロジェクト ファイル ディレクトリの FROM タグです。

ディレクトリ構造:

1. nginx用のDockerファイル

nginxから
コピー ./www /usr/share/nginx/html/
WORKDIR /usr/share/nginx/html/RUN chown -R daemon:daemon * && chmod -R 755 *
エクスポーズ80

2. Apacheのdockerファイル

httpdから
コピー ./www/ /usr/local/apache2/htdocs/
WORKDIR /usr/local/apache2/htdocs/RUN chown -R daemon:daemon * && chmod -R 755 *
エクスポーズ80

3. tomcatのDockerファイル

tomcatから
コピー ./www/ /usr/local/tomcat/webapps/ROOT/webapp
WORKDIR /usr/local/tomcat/webapps/ROOT/webapp #プロジェクトディレクトリに切り替えます RUN chown -R daemon:daemon * && chmod -R 755 * #権限を設定します

ここでは、webapp という名前のプロジェクトを作成します。アクセスするときは、URL アドレスの後に /webapp を追加します。また、Tomcat のデフォルト ポートは 8080 であることに注意してください。

3 つのファイルは、さまざまな環境に Web サイトを展開するために使用されます。状況に応じて権限を設定することもできます。

次にプロジェクトを構築する

 docker build -t imageName 。(末尾のドットに注意してください。パブリック ライブラリへのプッシュを容易にするには、imageName が「ハブ アカウント名/プロジェクト名」である場合が最適です)

以下はビルドプロセスを示しています

3. パブリックウェアハウスにプッシュする

まずdocker loginを実行する必要があります

docker push ejiyuan/webapp

4番目に、プロジェクトをサーバーにプルします

まずdocker loginを実行する必要があります

docker pull ejiyuan/webapp

docker imagesを実行してイメージが存在するかどうかを確認します

5. プロジェクトの実行

docker run -d -p 8081:80 ejiyuan/webapp

VI. 検証

起動時に指定されたホストIPアドレスとポート番号8081に直接アクセスするか、curlを使用します。

カール http://192.168.99.100:8081

7. 質問

ここでは nginx を例に挙げます。プロジェクトのデフォルト ページが index.html でない場合は、401 または次のページが表示されます。

主な理由は、デフォルトページが指定されていないことです。次のコマンドを使用してイメージにログインします

docker exec -it コンテナID /bin/bash

containerIdはdocker psで取得でき、/etc/nginx/conf.d/default.cnfを修正し、コンテナ内にvimやviがない場合は、以下の2つのコマンドでインストールする

適切なアップデート
apt をインストール

またはsedコマンドを使用する

sed -i '10c index default.html;' /etc/nginx/conf.d/default.conf

変更には再ロードが必要です

nginx -t # 設定ファイルが正しいか確認する service nginx reload # 設定ファイルを新しく読み込む

サービスが存在しない場合は、 exitを使用してコンテナを終了し、 docker restart containerIdを使用してコンテナを再起動します。

8. コントラスト

docker イメージを実行して、結果を自分で確認してください。Nginx が最も小さく、Apache が 2 番目、tomcat が最も大きくなります。

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

以下もご興味があるかもしれません:
  • Dockerコンテナでの静的ウェブサイトレイアウトの実装

<<:  Vue3.0 ルーティング自動インポート方法の例

>>:  mysql5.7.17.msi インストール グラフィック チュートリアル

推薦する

docker pull imageエラーの問題を解決する

説明する: Windows 10 に VM をインストールし、VM で Docker を実行し、Do...

非常に詳細な基本的なJavaScript構文ルール

目次01 JavaScript(略称:js) js は 3 つの部分に分かれています。 JavaSc...

React 関数コンポーネントのパフォーマンス最適化のアイデアの詳細な説明

最適化のアイデア最適化には主に 2 つの方向があります。再レンダリングの回数を減らします。 Reac...

React リストバーとショッピングカートコンポーネントの使用の詳細な説明

この記事では、Reactリストバーとショッピングカートコンポーネントの具体的なコードを参考までに紹介...

MySQL ステートメントの配置と概要の紹介

SQL (Structured Query Language) ステートメント、つまり構造化クエリ言...

Vue のスロットの使用法と適用シナリオの詳細な分析

スロットとは何ですか? Vue では、子コンポーネント タグの中央に何もラップできないことはわかって...

MySQLは1億のテストデータを素早く挿入します

目次1. テーブルを作成する1.1 テストテーブルt_userを作成する1.2 一時テーブルの作成2...

CSS3 すりガラス効果

すりガラス効果がうまく表現されていれば、ページが非常に鮮やかで立体的に見えるようになります。写真に直...

MySQL 外部キー制約の一般的な操作の例 [表示、追加、変更、削除]

この記事では、例を使用して、MySQL 外部キー制約の一般的な操作について説明します。ご参考までに、...

Dockerfile テキストファイルの使用例の分析

Dockerfile は、イメージをビルドするために使用されるテキスト ファイルです。テキスト コン...

Echarts 基本入門: 棒グラフと折れ線グラフの一般的な構成

1eChartsの基本手順4つのステップ1 DOMコンテナを見つける2 初期化3 設定オプション4 ...

リンクされた画像をダウンロードしてアップロードするJavaScriptの実装

写真をアップロードするので、まずはダウンロード可能な画像リソースかどうかを判断する必要があります。正...

Windows サーバー ファイルをローカルにバックアップする方法、Windows サーバー データ バックアップ ソリューション

重要なデータはバックアップする必要があり、リアルタイムでバックアップする必要があります。そうしないと...

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

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

Docker+Jenkinsによる自動デプロイの実現方法

Code Cloud を使用して Git コード ストレージ ウェアハウスを構築するhttps://...