いまからでも遅くない！コンテナでWebアプリを動かしてみよう！コンテナハンズオン編

© 2024 IBM Corporation 1 いまからでも遅くない！コンテナでWebアプリを動かしてみよう入門（3-2）コンテナハンズオン TechXchange Dojo 2025年02月28日
18時03分までマイクミュートにしてお待ちください

© 2024 IBM Corporation 2 いまからでも遅くないシリーズ •（1）Gitハンズオン •（2）WebAPIハンズオン •（3）コンテナハンズオン •（4）Reactハンズオン
•（5）データベースハンズオン •（6）コンテナオーケストレーションハンズオンコンテナオーケストレーション（OpenShift） Web サーバー API サーバー DB サーバー Gitサーバー Push Deploy PC ベースになる技術「コンテナ」

© 2024 IBM Corporation 3 自己紹介村田憲昭北海道北斗市スノーボード、登山、グルメ、猫
カスタマーサクセス DX人材育成/教育(IT全般) スクラムマスター半導体アプリエンジニア某コンビニのエンジニア名前生息地趣味経歴

© 2024 IBM Corporation 4 免責事項本資料に含まれる情報は可能な限り正確を期しておりますが、記載された内容に関して、日本アイ・ビー・エム株式会社が何ら保証するものではありません。従って、本資料の情報の利用は使用者の責任において
為されるものであり、資料の内容によって受けた如何なる被害に関しても一切の補償をするものではありません。アンケートのご協力よろしくおねがいいたします！各セッションに皆さんのご意見を取り入れてアップデートしていきます！ https://app.sli.do/event/cTACof7b2VQSibgykyAH2e

© 2024 IBM Corporation 6 アジェンダ 1. 前回の復習 2. ハンズオンする内容の確認
3. ハンズオン！ 4. まとめ

前回の復習 1

© 2024 IBM Corporation 8 8 Customer Success, IBM Technology,
Japan / © 2024 IBM Corporation コンテナ基礎コンピュータの仮想化の方式の一つで、稼働中のオペレーティングシステム（OS）の一部を分離して他と隔離された専用のエリアを用意し、その上でソフトウェアを動作させる方式をコンテナ型仮想化という。隔離された領域のことをコンテナという。出典：IT 用語辞典 e-Words

Japan / © 2024 IBM Corporation Dockerfile Dockerコンテナイメージを作成するための設計図や手順書として機能するテキストファイル例）index.htmlにアクセスすると「Hello from Dockerfile」と表示する Apacheサーバー # This is a commant line FROM rhel9:latest MAINTAINER Noriaki Murata <Noriaki.Murata@ibm.com> LABEL description="A custom Apache container image" RUN yum install -y httpd && ¥ yum clean all ADD training.repo /etc/yum.repo.d/training.repo RUN echo "Hello from Dockerfile" > /var/www/html/index.html EXPOSE 80 ENTRYPOINT ["httpd","-D","FOREGROUND"]

Japan / © 2024 IBM Corporation Docker(podman) Compose podmanコマンドで実施 #network作成 $ podman network create --subnet=192.168.100.0/24 --gateway=192.168.100.254 test_network1 # host1起動 $ podman run -d --name host1 --net test_network1 -p 8080:80 ngnix:latest # host2起動 $ podman run -d --name host2 --net test_network1 node:latest # host3起動 $ podman run -d --name host3 --net test_network1 -e MYSQL_USER=mysql -e MYSQL_PASSWORD=password – e ¥ -e MYSQL_DATABASE=my_database MYSQL_ROOT_PASSWORD=password ¥ -v /home/hoge/data/:/var/lib/mysql mysql:latest コマンド複雑標準化デプロイ効率化・自動化マイクロサービスアーキテクチャの台頭 DevOps 促進

Japan / © 2024 IBM Corporation Docker composeコマンドで実施 version: '3' services: host1: image: nginx ports: - "8080:80" networks: - test_network1 host2: image: node environment: MYSQL_ROOT_PASSWORD: password MYSQL_DATABASE: my_database MYSQL_USER: mysql MYSQL_PASSWORD: password networks: - test_network1 #host1, host2, host3起動 $ podman-compose up -d host3: image: mysql ports: - "3306:3306" environment: MYSQL_ROOT_PASSWORD: example networks: - test_network1 networks: test_network1: driver: bridge ipam: config: - subnet: 192.168.100.0/24 gateway: 192.168.100.254 ※事前にdocker-compose.ymlファイル準備 Docker(podman) Compose

ハンズオンする内容の確認 2

ハンズオン 3

© 2024 IBM Corporation 26 Hello World ▼「Hello World」という文字が返ってくるWebサーバーのコンテナを作成 podmanコンテナ
8081ポート Webサーバー（nginx） 80ポートブラウザ hello-web

© 2024 IBM Corporation 27 Hello World ▼「Hello World」という文字が返ってくるWebサーバーのコンテナを作成以下コマンドを実行
$ podman run -d --name hello-web -p 8081:80 docker.io/nginx:latest $ podman exec hello-web sh -c “echo ‘Hello World Murata' > /usr/share/nginx/html/index.html" 以下コマンドを実行

© 2024 IBM Corporation 28 Hello World ▼「Hello World」という文字が返ってくるWebサーバーのコンテナを作成解説
$ podman run -d --name hello-web -p 8081:80 docker.io/nginx:latest $ podman exec hello-web sh -c "echo 'Hello World' > /usr/share/nginx/html/index.html" コンテナ名ポート番号ベースになるコンテナイメージコンテナ名「Hello World」という文字が書かれたhtmlファイルを保存起動裏でコンテナ内で実行

© 2024 IBM Corporation 29 Hello World ▼「Hello World」という文字が返ってくるWebサーバーのコンテナを作成後始末
$ podman stop hello-web $ podman rm hello-web $ podman images REPOSITORY docker.io/library/nginx latest b52e0b094bc0 3 weeks ago 196 MB $ podman rmi b52e0b094bc0

© 2024 IBM Corporation 31 データベースサーバーを立てる ▼MySQLサーバーのコンテナを作成 podmanコンテナ 8080ポート Webサーバー
（WordPress） 80ポートブラウザデータベースサーバー（MariaDB） Wordpress-db Wordpress 3306ポート wordpress-network

© 2024 IBM Corporation 32 データベースサーバーを立てる以下コマンドを実行 # ネットワークを作成 $
podman network create wordpress-network # データベースサーバーを作成 $ podman run -d --name wordpress-db ¥ --network wordpress-network ¥ -e MYSQL_ROOT_PASSWORD=rootpassword ¥ -e MYSQL_DATABASE=wordpress ¥ -e MYSQL_USER=wordpress ¥ -e MYSQL_PASSWORD=wordpress ¥ mariadb:latest ▼MariaDBサーバーのコンテナを作成

© 2024 IBM Corporation 33 データベースサーバーを立てる解説 # ネットワークを作成 $
podman network create wordpress-network # データベースサーバーを作成 $ podman run -d --name wordpress-db ¥ --network wordpress-network ¥ -e MYSQL_ROOT_PASSWORD=rootpassword ¥ -e MYSQL_DATABASE=wordpress ¥ -e MYSQL_USER=wordpress ¥ -e MYSQL_PASSWORD=wordpress ¥ mariadb:latest ▼MariaDBサーバーのコンテナを作成「wordpress-network」という名前のネットワークを作成コンテナ名：wordpress-db ネットワーク：wordpress-network に所属環境変数：以下を設定 MYSQL_ROOT_PASSWORD MYSQL_DATABASE MYSQL_USER MYSQL_PASSWORD コンテナイメージ：MariaDB最新版

© 2024 IBM Corporation 35 Webサーバー（WordPress）を立てる ▼Webサーバー（WordPress）のコンテナを作成 podmanコンテナ 8080ポート Webサーバー
（WordPress） 80ポートブラウザデータベースサーバー（MariaDB） Wordpress-db Wordpress 3306ポート wordpress-network

© 2024 IBM Corporation 36 Hello World 以下コマンドを実行 # Webサーバー（WordPress）を立てる
$ podman run -d --name wordpress ¥ --network wordpress-network ¥ -p 8080:80 ¥ -e WORDPRESS_DB_HOST=wordpress-db ¥ -e WORDPRESS_DB_USER=wordpress ¥ -e WORDPRESS_DB_PASSWORD=wordpress ¥ -e WORDPRESS_DB_NAME=wordpress ¥ wordpress:latest ▼Webサーバー（WordPress）のコンテナを作成

© 2024 IBM Corporation 37 Hello World 解説 # Webサーバー（WordPress）を立てる
$ podman run -d --name wordpress ¥ --network wordpress-network ¥ -p 8080:80 ¥ -e WORDPRESS_DB_HOST=wordpress-db ¥ -e WORDPRESS_DB_USER=wordpress ¥ -e WORDPRESS_DB_PASSWORD=wordpress ¥ -e WORDPRESS_DB_NAME=wordpress ¥ wordpress:latest ▼Webサーバー（WordPress）のコンテナを作成コンテナ名：wordpress ネットワーク：wordpress-networkに所属ポート番号：8080ポートと80ポートを対応させる環境変数：以下を設定 WORDPRESS_DB_HOST WORDPRESS_DB_USER WORDPRESS_DB_PASSWORD WORDPRESS_DB_NAME コンテナイメージ：WordPress最新版

© 2024 IBM Corporation 38 Hello World 解説 # Webサーバー（WordPress）を立てる
$ podman run -d --name wordpress ¥ --network wordpress-network ¥ -p 8080:80 ¥ -e WORDPRESS_DB_HOST=wordpress-db ¥ -e WORDPRESS_DB_USER=wordpress ¥ -e WORDPRESS_DB_PASSWORD=wordpress ¥ -e WORDPRESS_DB_NAME=wordpress ¥ wordpress:latest ▼Webサーバー（WordPress）のコンテナを作成コンテナ名：wordpress ネットワーク：wordpress-networkに所属ポート番号：8080ポートと80ポートを対応させる環境変数：以下を設定 WORDPRESS_DB_HOST WORDPRESS_DB_USER WORDPRESS_DB_PASSWORD WORDPRESS_DB_NAME コンテナイメージ：WordPress最新版

© 2024 IBM Corporation 41 まとめて立てる ▼データベースサーバー、Webサーバー（WordPress）のコンテナを同時に作成 podmanコンテナ 8080ポート Webサーバー
（WordPress） 80ポートブラウザデータベースサーバー（MariaDB） Wordpress-db Wordpress 3306ポート

© 2024 IBM Corporation 42 まとめて立てる version: '3' services: db:
image: mariadb:latest volumes: - db_data:/var/lib/mysql restart: always environment: MYSQL_ROOT_PASSWORD: rootpassword MYSQL_DATABASE: wordpress MYSQL_USER: wordpress MYSQL_PASSWORD: wordpress wordpress: depends_on: - db image: wordpress:latest ports: - "8080:80" restart: always environment: WORDPRESS_DB_HOST: db WORDPRESS_DB_USER: wordpress WORDPRESS_DB_PASSWORD: wordpress WORDPRESS_DB_NAME: wordpress volumes: db_data: ▼データベースサーバー、Webサーバー（WordPress）のコンテナを同時に作成 ➀ファイルの作成（docker-compose.yml） ➁ソースコードを貼り付け $ notepad docker-compose.yml $ podman-compose up –d (docker-compose up –d) ③起動！

© 2024 IBM Corporation 43 version: '3' services: db: image:
mariadb:latest volumes: - db_data:/var/lib/mysql restart: always environment: MYSQL_ROOT_PASSWORD: rootpassword MYSQL_DATABASE: wordpress MYSQL_USER: wordpress MYSQL_PASSWORD: wordpress wordpress: depends_on: - db image: wordpress:latest ports: - "8080:80" restart: always environment: WORDPRESS_DB_HOST: db WORDPRESS_DB_USER: wordpress WORDPRESS_DB_PASSWORD: wordpress WORDPRESS_DB_NAME: wordpress volumes: db_data: 解説コンテナ名：wordpress ポート番号：8080ポートと80ポートを対応させる環境変数：以下を設定 WORDPRESS_DB_HOST WORDPRESS_DB_USER WORDPRESS_DB_PASSWORD WORDPRESS_DB_NAME コンテナイメージ：WordPress最新版まとめて立てる ▼データベースサーバー、Webサーバー（WordPress）のコンテナを同時に作成コンテナ名：db 環境変数：以下を設定 MYSQL_ROOT_PASSWORD MYSQL_DATABASE MYSQL_USER MYSQL_PASSWORD コンテナイメージ：MariaDB最新版

まとめ 4

次回予告！！

いまからでも遅くない！コンテナでWebアプリを動かしてみよう！コンテナハンズオン編

いまからでも遅くない！コンテナでWebアプリを動かしてみよう！コンテナハンズオン編

More Decks by NoMu

Other Decks in Technology

Featured

Transcript