開発者向けコンテナ情報

5回にわけて、Docker提供のサンプルアプリケーション（以下サンプルアプリ）をDockerホストへのデプロイにについて説明しています。

前回は、第2回「デモ環境の説明」として、デモ環境とVS CodeからDockerホストへの接続について説明しました。
今回は、第3回「サンプルアプリのデプロイの説明」としてデモ環境上へサンプルアプリをデプロイする方法について説明します。
従来の物理・仮想サーバ上にアプリを展開する際と同様の作業もありますが、コンテナ独自の作業もあり、その違いを把握してもらうことを目標にしています。

なお、免責事項に関しては韋駄天利用規約をご確認ください

ここでは、サンプルアプリをデモ環境のDockerホストへのデプロイと動作テストについて説明します。
デプロイまでのイメージ図は下記になります。

デプロイまでのフローは下記になります。
　

① VS Codeより、Ubuntuにアクセスします。（前回設定・接続方法を説明しましたので、割愛します。）

② GitHubから、サンプルアプリのSourceコードをクローンします。

③ Dockerfileを作成します。

④ docker pull でのコンテナイメージ（node）のダウンロードします。

⑤ docker build でのコンテナイメージ（gettingstarted:v01）の作成します。

⑥ docker run での コンテナ（コンテナ01）のデプロイします。

⑦ ブラウザでコンテナ①にアクセスし、動作確認します。

従来の物理・仮想サーバ環境にアプリを導入する時と同様の作業は、②と⑦であり、それ以外はコンテナ環境独自の作業になります。また、サーバーOS導入作業は、コンテナ環境では不要になり、ミドルウェアやフレームワーク等については、Dockerfileで定義することで、コンテナイメージに導入されます。

GitHub上のSourceコードをクローンする手順について説明します。
下記イメージ図の赤色で囲った（星マーク）部分になります。

Docker社の下記のサンプルアプリのサイトにアクセスします。次に、“アプリ配布をダウンロードします”をクリックし、サンプルアプリのSourceコードが公開されているGitHubにアクセスします。

GitHubのサイトへのアクセス後、“Code”タブを選択します。

“Code”から“HTTPS”を選択しGit Clone用のURLをコピーします。　

VS Codeを起動し、 左下で”WSL:Ubuntu-20.04”に接続した状態になっていることを確認します。
確認後、“ソース管理”を選択し、”Initialize Repository”をクリックします。

“ビューとその他のアクション”から、”Clone” を選択します。

Clone from URL に先ほどコピーしたGit Clone用のURLを張り付けて、“Enter”キーを押します。　

次に作業ディレクトリとしてUbuntu側のディレクトリを入力します。

“複製されたリポジトリを開くか、それとも現在のワークスペースに追加しますか?” と確認されるのでOpenをクリックして、リポジトリを開くを選択します。

Clone完了後、GitHubの内容がCloneされているか確認します。

以上で、GitHubからのサンプルアプリのSourceコードのクローンは終了です。

Dockerfileの作成について説明します。
下図の赤色で囲った（星マーク）部分になります。

package.json と同じフォルダ内に Dockerfile という名前のファイルを作成し、以下の内容を記述し、保存します。

以上で、Dockerfileの作成は終了です。