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

推薦する

KVM ベースの SRIOV パススルー構成とパフォーマンス テストの詳細な説明

SRIOVの導入、VFパススルー構成、パケット転送速度性能テスト目次1. SRIOVの紹介2. 環境...

MySQL における KEY、PRIMARY KEY、UNIQUE KEY、INDEX の違い

タイトルで提起された問題は、段階的に分解して解決することができます。 MySQL では KEY と ...

vue keepAlive キャッシュクリア問題事例の詳細な説明

Keepalive は Vue プロジェクトでのキャッシュによく使用され、基本的な要件を満たすのに非...

SSHを使用してDockerサーバーに接続する方法

初めて docker に触れたときは本当に戸惑いました。初心者向けのチュートリアルを長い間読みました...

Vueのコンポーネントの詳細な説明

目次1. コンポーネントの登録2. コンポーネントの使用3. 父から息子へ4. 息子から父へ5. ス...

MySQLでカーソルを宣言する方法

MySQL でカーソルを宣言する方法: 1. 変数とカーソルを宣言する 結果をvarchar(300...

CSS スタイルをプログラムで処理するためのサンプル コード

プログラム的アプローチの利点1. スタイルの分散を避けるためのグローバルコントロール2. シンプルな...

jQueryはフォーム検証を実装する

jQueryを使用してフォーム検証を実装します。参考までに、具体的な内容は次のとおりです。登録.ht...

nginx をシャットダウン/再起動/起動する方法

閉鎖サービス nginx 停止systemctl 停止 nginx起動するサービス nginx 開始...

一意の注文番号を生成するためのMySQLの高同時実行方法

序文このブログ記事が公開された後、何人かの友人からSQL Serverバージョンがあるかどうか尋ねら...

Linux プロセス管理ツール スーパーバイザーのインストールと設定のチュートリアル

環境: CentOS 7公式ドキュメント: http://supervisord.org/インストー...

HTMLハイパーリンクaタグのhrefジャンプとonclick間の実行順序の例

HTMLハイパーリンクaタグのhrefジャンプとonclickの実行関係htmlのaタグのhrefは...

Linuxのbasenameコマンドの使い方

01. コマンドの概要basename - ファイル名からディレクトリとサフィックスを削除しますba...

Linux で mysql-8.0.20 をインストールするための詳細なチュートリアル

** Linuxにmysql-8.0.20をインストールする**環境の紹介オペレーティングシステム:...

ウェブフロントエンドウェブ開発の一般的なプロセスの簡単な紹介

フロントエンド開発を行っている初心者の学生を多く見かけますが、彼らの効率は比較的遅いです。常にコード...