前提条件 1. ローカルコンピュータとサーバーにDockerがインストールされています。ダウンロード方法はGoogleで検索してください。 2. Docker Hub にアカウントをお持ちの場合は、https://hub.docker.com/ で登録してください。 3. Dockerに精通し、Dockerfileのいくつかの指示を理解する必要があります。 Dockerfileを使用してイメージを作成する このマシンにwebというプロジェクトがある場合 Webルートディレクトリに新しいDockerfileを作成し、次の内容を記述します。 nginx:1.13.6-alpineから ラベル メンテナー="lilywang <[email protected]>" ARG TZ="アジア/上海" ENV TZ ${TZ} apkアップグレード--update \を実行します && apk に bash tzdata を追加 \ && ln -sf /usr/share/zoneinfo/${TZ} /etc/localtime \ && echo ${TZ} > /etc/timezone \ && rm -rf /var/cache/apk/* /usr/share/nginx/html をコピーする CMD ["nginx", "-g", "デーモンオフ;"] 現時点での Web 内のファイル構造は次のとおりです。 。 |____Dockerファイル |____dist // プロジェクト用にパッケージ化されたファイル| |____index.html 次に、bashでWebディレクトリに入ります CDウェブ lilywang711 をビルドします。 印刷された情報に次の内容が表示された場合、イメージが正常に構築されたことを意味します。
次に、コマンド デプロイするプロジェクトが複数ある場合は、上記の手順を繰り返して、プロジェクトの数だけイメージをビルドします。 サーバーの展開 ssh経由でサーバーにログインし、現在のユーザーディレクトリ(私のディレクトリはルート)に新しいnginxフォルダを作成し、その中にnginx.confを作成します。 ユーザー nginx; ワーカープロセス 2; error_log /var/log/nginx/error.log 警告; pid /var/run/nginx.pid; イベント { epoll を使用します。 ワーカー接続数 2048; } http { /etc/nginx/mime.types を含めます。 # /etc/nginx/conf.d/*.conf を含めます。 ルート /usr/share/nginx/html; インデックス index.html index.htm; サーバー{ 聞く 80; server_name a.yourdomain.cn; 位置 / { } } サーバー{ 聞く 80; サーバー名 b.yourdomain.cn; 位置 / { proxy_pass http://your_vps_ip:81; } } サーバー{ 聞く 80; server_name ローカルホスト; 位置 / { } } } 次のステップ Dockerを起動する 作成してアップロードした2つの画像をプルします
コンテナを起動するには次のコマンドを入力します docker run -itd --name web -p 80:80 -v /root/nginx/nginx.conf:/etc/nginx/nginx.conf lilywang711/web // -i はコンテナを対話モードで実行し、-t はコンテナに疑似端末を割り当て、-d はコンテナをバックグラウンドで実行します。-itd を直接記述できます。 // --name はコンテナに識別しやすいように web という名前を付けます // -p はポートをバインドします ローカルポート 80: コンテナポート 80 // -v はボリュームを宣言します。これは、コンテナ内の /etc/nginx/nginx.conf をホスト内の /root/nginx/nginx.conf にマウントすることを意味します。将来 nginx を構成するには、/root/nginx/nginx.conf を変更するだけで済みます。 別の lilywang711/web1 イメージでも同様です。ポートと名前を変更するだけです。 この時点で、 プロジェクトのDocker化とnginxへのデプロイが完了しました 効果を確認するには、ブラウザに http://a.yourdomain.cn と http://b.yourdomain.cn と入力します。これらは、それぞれローカル コンピューターの web プロジェクトと web1 プロジェクトに対応します。 以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: Vueルーティングコンポーネントでパラメータを渡す8つの方法の詳細な説明
>>: Windows10にMySQL5.6.35データベースを2つインストールする
目次使用EsLintの使用プロフィールを追加するPrettierの使用huskyとlint-stag...
フロントエンドの初心者として、私は数日間フロントエンドをいじってみました。 。今日、私は自分が固く信...
ブラウザで入力カーソルがずれる問題の詳しい説明<br />仕事で問題に遭遇し、解決策を探...
環境準備: VMware+CentOS、jdk 1. システムディスクのサイズを確認する1. コマン...
簡単な説明<br />IE6および7では、一般的なaタグ(HTMLで記述され、DOM操作...
目次Docker イメージ鏡とは何ですか? Dockerイメージの読み込み原理コミットミラーDock...
HTML 入力属性値属性value 属性は、入力フィールドの初期値を指定します。 <フォーム...
JS には、文字列をインターセプトするための 3 つのメソッド、 slice() 、 substri...
MySQL ストアド プロシージャは、確かに、非常にまれな使用シナリオのように見えます。この問題は、...
この記事では、centos7 環境でバイナリ インストール パッケージを使用して mysql5.6 ...
SUSE Linuxでルートパスワードを忘れた場合の解決方法SUSE (Linux オペレーティング...
目次質問: ボタンをクリックすると、スパンの色が赤に変わりますか?上記の問題を分析します。 2番目の...
まず、Webフロントエンドエンジニアの価値についてお話ししましょう。現在、Web製品のインタラクショ...
inline-block について学習しているときに、境界線と inline-block を持つ複数...
HTML+CSS+JS で Win10 の明るさ調整効果を模倣コード <!doctypehtm...