やりたかったこと
Dockerが提供するNodeイメージからコンテナを作成しexpressのインストールを行いブラウザ上で「HELLO WORLD」表示までできたが、毎回立ち上げるたびに作業が発生して面倒くさい(楽したい)ので、Dockerfileを使ってみました
やったこと
- 環境構築
・Dockerインストール
・自身のPCに作業用ディレクトリ作成 - コーディング
・expressのルーティングで使用するindex.js作成
・コンテナ作成時に使用するDockerfileの作成 ★今回のメイン - Dockerfileからコンテナを作成
・DockerfileからDockerImageを作成
・作成したImageからコンテナを立ち上げ
・立ち上げたコンテナへブラウザからアクセス Fin
環境構築/Dockerインストール & 自身のPCに作業用ディレクトリ作成
まずはとりあえずDockerを使えるようにインストールをしていきます。
Docker公式サイトよりDocker Desktop on Windowsをインストール
適当なパスに作業用のフォルダを作成してください。
私はドキュメント配下に「node」というフォルダを作成しています。
コーディング/expressのルーティングで使用するindex.js作成
作成したnodeフォルダ配下に以下のファイルを作成
index.js
const express = require("express");
const app = express();
app.get("/", (req, res) => {
res.send("HELLO WORLD");
});
app.listen(80, () => {
console.log("Start server on port 80");
});
コーディング/コンテナ作成時に使用するDockerfileの作成
index.jsと同様にnodeフォルダ配下に以下のファイルを作成
Dockerfile
FROM node:latest
WORKDIR /var/www
RUN npm install express
COPY ./index.js /var/www/.
CMD ["node","index.js"]
Dockerfileからコンテナを作成/DockerfileからDockerImageを作成
コマンドプロンプトor PowerShellより以下のコマンドを実行しDockerImageを作成する
cd <自身で作成したnodeフォルダ>
docker build -t express-image .
cdでnodeフォルダに移動しないとdocker buildコマンドがDockerfileが見つからないためエラーとなるので注意してください。
Dockerfileからコンテナを作成/作成したImageからコンテナを立ち上げ
コマンドプロンプトor PowerShellより以下のコマンドを実行し作成したImageをベースにしたコンテナを作成
docker container run -it --name express -p 8000:80 -d express-image
自身のPCですでに8000ポートを使用している場合、同一ポートを複数アプリで使用することになりエラーが発生します。その際には8000の部分には使用していないポート番号を指定してください。
Dockerfileからコンテナを作成/立ち上げたコンテナへブラウザからアクセス
任意のブラウザ(GoogleChrom/safari/InternetExplorerなど)からhttp://localhost:8000へアクセス
以下の画面が表示されればExpress環境の構築完了です！お疲れ様でした～
