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 ウェブページハイパーリンクタグ

推薦する

Windows で MySQL サービスを停止または削除できない問題の解決策

圧縮パッケージを解凍して Windows に MySQL をインストールしました。インストール方法は...

CSS ファンタスティックボーダーアニメーション効果の実装

今日、私はブログサイト shoptalkshow を閲覧していて、非常に興味深いこのインターフェース...

MySQL では SQL ステートメントはどのように実行されますか?

目次1. MySQLアーキテクチャの分析1.1 コネクタ1.2 クエリキャッシュ1.3 アナライザー...

MySQLクラスタのDockerデプロイメントの実装

シングルノードデータベースの欠点大規模なインターネットプログラムはユーザーベースが大きいため、アーキ...

CSS における @ の使用法の概要 (例と説明付き)

@ ルールは、CSS の実行または動作に関する指示を提供する宣言です。各宣言は @ で始まり、その...

LinuxスレッドのPID(TID、LWP)を取得するいくつかの方法の詳細な説明

Linux C/C++ では、スレッド レベルの操作は通常、pthread ライブラリを通じて実行さ...

iview権限管理の実装

目次iview-admin2.0 組み込み権限管理権限に基づいてコンポーネントの表示を制御するカスタ...

一目でわかる$nextTickの説明

目次1. 機能説明2. 親コンポーネント3. サブコンポーネント NextTick.vue 4なぜ未...

Momentsで写真を整理するためのCSSコード

まず、Moments を開いて、写真の数が異なるいくつかのレイアウトを確認するか、以下の例を参照して...

Tik Tok サブスクリプション ボタンのアニメーション効果を実現する CSS

少し前にTik Tokを見ていて、フォローするときのボタンアニメーションがとても美しいと思ったのと、...

DockerにrockerChatをインストールし、チャットルームを設定するための詳細な手順

包括的なドキュメントgithubアドレスhttps://github.com/RocketChat/...

Nginxはctxを使用してデータ共有とコンテキスト変更機能を実現します。

環境: init_worker_by_lua、set_by_lua、rewrite_by_lua、a...

インターネット接続なしでLinux Centos7にアプリケーションをインストールする方法の詳細な説明

1. 前の章では、プログラムを yum リポジトリに直接インストールできることを学びましたが、そのた...

js の Array.forEach でループを終了する方法の例

目次forEach() メソッドjs の Array.forEach のループから抜け出す方法解決:...

Linux TTY/PTS の違いの概要

キーボードで文字を入力すると、対応するプロセスにどのように送信されるのでしょうか? ps や who...