Dockerコンテナでの静的ウェブサイトレイアウトの実装

Dockerコンテナでの静的ウェブサイトレイアウトの実装

サーバーの配置

数日間無料で使用できるクラウドサーバー(Alibaba Cloud、Huawei Cloud、Tencent Cloud)の使用をお勧めします。サーバーを購入した後、次のような問題が発生します。

ローカル コンピューターがサーバー ホストに ping を実行し、ping が失敗して要求がタイムアウトしたことを検出します。

管理サーバー インターフェイスでセキュリティ グループ列を見つけて、セキュリティ グループに入るときと出るときに icmp を追加する必要があります。 すべてを 1 回のクリックで追加することをお勧めします。


次に、ローカル コンピューターからサーバーに ping を実行できます。

Dockerのインストール

クラウドサーバーをセットアップした後、 apt-get update, apt-get upgradeを使用して情報を更新します。



次に、 dockerに入ると、次のエラーが発生します。


次に、通常のソフトウェアメソッドapt-get install docker.io, apt-get install docker.ceに従い、次の問題を発見しました。

パッケージ「docker-ce」にはインストール候補がありません

解決策は次のとおりです。

#docker ソースを追加します sudo echo "deb https://download.docker.com/linux/ubuntu zesty edge" > /etc/apt/sources.list.d/docker.list

#https の解析をサポート
apt-get install -y apt-transport-https ca-certificates curl software-properties-common

#GPG キーを追加 curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo apt-key add -

#リポジトリの場所を設定します。add-apt-repository "deb [arch=amd64] https://download.docker.com/linux/ubuntu $(lsb_release -cs) stable"

再度実行すると次の結果が得られます。


次に、 docker run hello-worldと入力してインストール結果を確認します。

nginxのインストール

次のステップはapt-get install nginx


次のステップは、インストールの効果を確認することです。コマンドservice start nginxを入力し、ブラウザにサーバーの外部ネットワーク IP アドレスを入力して、nginx のデフォルト インターフェイスを確認します。ここでいくつか問題があります:

1.

問題: nginx: [emerg] bind() to [::]:80 が失敗しました (98: アドレスは既に使用されています)

nginx: [emerg] まだbind()できませんでした

解決方法: netstat -ntlp | grep 80で確認


次に、 service nginx stopと入力して再度確認すると、問題は解決しています。

問題: nginx: [emerg] /etc/nginx/nginx.conf:86 では "server" ディレクティブは許可されていません

解決

vim /etc/nginx/nginx.conf
サーバーを追加する{
....
}
httpに入れる
...
}
それは解決できる

まず: mkdir -p /var/www/html
次にディレクトリに移動し、 vim index.htmlを実行します。
htmlでコンテンツを自分で定義し、保存して終了し、構成ファイル内のデフォルトのindex.htmlパスを次のように変更します。


次にnginxを再起動します。service service nginx restart

ブラウザテスト

最後に、次のようにdockerコンテナのイメージを起動します。


最後に効果を確認します。ブラウザにアドレスとポート番号を入力するだけです。

これで、Docker コンテナに静的 Web サイトをデプロイする実装に関するこの記事は終了です。Docker に静的 Web サイトをデプロイする方法に関するより関連性の高いコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • Docker を使用して静的 Web サイト アプリケーションを作成する (複数の方法)

<<:  jQueryはフォーム検証機能を実装します

>>:  HTML ウェブページハイパーリンクタグ

推薦する

nginx で SSL 証明書を設定して https サービスを実装する方法

前回の記事では、openssl を使用して無料の証明書を生成した後、この証明書を使用してローカル ノ...

Dockerコンテナでyumを呼び出すときのエラーの解決方法

dockerfile またはコンテナ内で yum を実行すると、エラーが報告され、ソースが見つかりま...

Vue.jsはElement-uiを使用してナビゲーションメニューを実装します

この記事では、Element-uiを使用してvue.jsでナビゲーションメニューを実装するための具体...

LINUX ポートが占有されているかどうかを確認します

ポートが占有されているかどうかは、これまで一度もわかりませんでした。多くの人に尋ねて、ようやくわかり...

HTMLとXHTML、HTML4とHTML5のタグの違いについて簡単に紹介します。

HTML と XHTML の違い1. XHTML要素は正しくネストされている必要がある2. XHT...

Linux のスケジュールタスク Crontab コマンドの使用に関する詳細な説明と概要

crontab コマンドは、Unix および Linux で定期的な実行命令を設定するために使用され...

Vue は動的な円形のパーセンテージ進捗バーを実装します

最近、小さなプログラムを開発しているときに、次の設計図のような円形のパーセンテージ進捗状況バーを実装...

Mysqlはブール型の演算を設定します

Mysqlはブール型を設定します1. Tinyintタイプテストテーブルを作成し、blフィールドをブ...

Vuex のモジュール化と名前空間の例のデモ

1. 目的:コードの保守が容易になり、さまざまなデータの分類が明確になります。 2. store/i...

proxy_pass を設定した後に Nginx が 404 を返す問題を解決する

目次1. proxy_pass を設定した後に Nginx が 404 を返す問題のトラブルシューテ...

Linuxのwhichコマンドの具体的な使い方

Linux でファイルを見つけたいのに、その場所がわからないことがよくあります。次のコマンドを使用し...

Nodejs のグローバル変数とグローバルオブジェクトの知識ポイントと使用方法の詳細

1. グローバルオブジェクトすべてのモジュールは呼び出すことができます1) global: ブラウザ...

Dockerはredis 5.0.7をインストールし、外部構成とデータの問題をマウントします

Redis は、ANSI C で記述されたオープンソースの NoSQL データベースであり、ネットワ...

IE6/IE7/IE8/IE9/FF 向け CSS ハック (概要)

IE8.0の正式版をインストールしたので、基本的なCSS HACKをいくつかまとめてみました。We...

VSCode の JS フォーマットでセミコロンを自動的に追加または削除する方法について

導入js コード文の末尾にセミコロンを追加しても追加しなくても問題ありません。一般的に、チームで開発...