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 インストール グラフィック チュートリアル

推薦する

MySQL データのバックアップと復元のサンプル コード

1. データのバックアップ1. mysqldumpコマンドを使用してバックアップするmysqldum...

ウェブページの幅を携帯電話の画面(ビューポート)の幅に自動的に適応させる実装コード

一般的な書き方は次のとおりです。 XML/HTML コードコンテンツをクリップボードにコピー<...

モバイル端末の水平および垂直画面ビューポート検出を決定するための js のいくつかの方法

目次1. 異なるビューポートを取得する方法2. 水平画面と垂直画面のJavaScript検出3. 水...

CentOS 7 に MySQL 8 をインストールするための詳細なチュートリアル

準備するこの記事の環境情報: ソフトウェアバージョンセントOSセントOS7.4マイグレーション8.0...

HTML 特殊文字変換表

キャラクター小数点文字番号エンティティ名---未使用空間---スペースバー! ! ---感嘆符「 」...

MySQL で単一のデータベースまたはテーブルを復元する方法と、起こりうる落とし穴

序文:最も一般的に使用される MySQL 論理バックアップ ツールは mysqldump です。通常...

MySQL インデックス プッシュダウンの詳細

目次1. 左端接頭辞原則2. 表に戻る3. インデックスプッシュダウン序文:インデックス プッシュダ...

Docker を使用して Spring Boot をデプロイする方法の例

ここでは主に、スタンドアロンのプログラムを生成できるspring-bootと、Mavenプラグインd...

Windows10システムにMySQL 5.7.17をインストールする

オペレーティング システム win10 MySQL は、公式 Web サイトからダウンロードした 6...

最新の JavaScript で非同期タスクを書く方法

序文この記事では、非同期 JavaScript の進化と、それがコードの記述方法にどのような変化をも...

CentOS7 は Docker のバージョン 19 をデプロイします (簡単なので、従ってください)

1. 依存パッケージをインストールする [root@localhost ~]# yum insta...

スマートCSSを使用して、ユーザーのスクロール位置に基づいてスタイルを適用します。

現在のスクロール オフセットを html 要素の属性に追加することで、現在のスクロール位置に基づいて...

JavaScriptは、マウスが通過したときにドロップダウンボックスを表示するように実装します。

この記事では、マウスがドロップダウンボックスの上を通過するときにドロップダウンボックスを表示するため...

WeChatアプレットは記録機能を実装します

この記事では、WeChatアプレットのレコード機能を実装するための具体的なコードを参考までに紹介しま...

設定操作からMySQLへのNULLが見つからない問題を解決する

興味深い発見:合計 1000 件のレコードを含むテーブルがあります。クエリ ステートメントは次のよう...