1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

dockerでWebアプリ構築した(1)

Posted at

自分はdockerを基盤にWebアプリの開発を行っています。
その開発基盤の構築をちょろっとやったので記事に纏めました。
初歩的なものですが、自分の備忘録?的な感じとして記事を書いていきます。

#Docker images nginx
まず、nginxのdocker imagesを取ってくる。

$ docker pull docker.io/nginx
Using default tag: latest
latest: Pulling from library/nginx
bf5952930446: Already exists 
cb9a6de05e5a: Pull complete 
9513ea0afb93: Pull complete 
b49ea07d2e93: Pull complete 
a5e4a503d449: Pull complete 
Digest: sha256:b0ad43f7ee5edbc0effbc14645ae7055e21bc1973aee5150745632a24a752661
Status: Downloaded newer image for nginx:latest
docker.io/library/nginx:latest

で取得!
docker imagesで確認します。

$ docker images
REPOSITORY                             TAG                 IMAGE ID            CREATED             SIZE
nginx                                  alpine              ecd67fe340f9        2 months ago        21.6MB

#docker runしていくぜ!
注意: 以下の操作で一部間違ってやっているものがあります。(docker runしているコマンドにミスがあります。)
images⇨container
をしていきます。

container作成には、docker runが必須です。
では、行っていきます。

$ docker run -d -p 8000:80 --name cesium_nginx -v /マウントするフォルダ:/home ecd67fe340f9 
a115c1e7a815a4856b2b51755e217f2cc1aa856c81489d9ae3020f4fefd0883f

今回は、ポートを立てるだけでなくマウントもしていきます。
使用オプション
-p外部からアクセスされるポート番号:コンテナ側のポート番号を指定。
-dバックグラウンドで実行。
-v マウントするフォルダ:マウント先フォルダのマウントを実行。-v local:cotainer
--nameコンテナ名を決める。

$ docker ps
CONTAINER ID        IMAGE               COMMAND                  CREATED             STATUS              PORTS                  NAMES
a115c1e7a815        ecd67fe340f9        "/docker-entrypoint.…"   5 seconds ago       Up 4 seconds        0.0.0.0:8000->80/tcp   cesium_nginx

#localhost:8000をみにいく

http://localhost:8000/
を開くと...

スクリーンショット 2020-09-09 18.17.36.png

こんなものが...なんだこれ...

これは、nginxが正常に動いた証!!!
つまり、成功?
かと、思ったが、、自分のマウントしたフォルダには既にhtmlファイルがあります。
だから、それが表示されないと成功ではない。

#修正

何が間違っていたか...端的に言えば、マウント先が間違っている。
自分は /homeにマウントしました。
理由は、適当...どこでも良いやって思ってました。
###そんなあまくなかった...
docker rm や docker stopしました。(そこらへんの処理は省きます)

$ docker run --name cesium_nginx -v /マウントするフォルダ:/usr/share/nginx/html:ro -d -p 8081:80 ecd67fe340f9 
f85c35793c4bb7368af7798db788f707bcbd4278bbcfdf87a360f727e6433c00

/usr/share/nginx/html:roこれが必要でした。

さて、これでlocalhost:8081を開きましょう!

スクリーンショット 2020-09-09 18.25.10.png
###きたーーーー
やっと目的の画面が...(この画面はCesium.jsというWebアプリケーションの画面です。ちょっとアレンジ加えていますが...)

#まとめ
###しっかり仕様書?やしっかり調べてからやっていこう

こっからスタートや!色々いじっていきます。楽しい楽しい開発の始まり~(見ての通り既に開発していましたが...)

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?