Dockerizing react app

Dockerizing react app

• 1.
  <MQA Meetup#11/> Dockerizing React App 2019 11/ 20
• 2.
  Mochammad Syaifuddin Khasani Devops Engineerat Jagoanhosting ● Product Innovation Team ● Redhat Certified System Admin ● Mikrotik Certified Network Associate
• 3.
  Applications are Transformingat JAGOAN HOSTING Super Server 100+ Apps Running at many small server 2007 NOW 2 Ops
• 4.
  Mysql NGINX PHP Redis Super Server Mysql NGINX DNS Redis Super Server Mys ql NGI NX DNS Red is SuperServer First Create After 1 Year
• 5.
  Difficult to Scale
• 6.
  Monolithic Architecture ● Difficult toscale in and out ● Dependency hell ● Prune to errors ● Slow
• 7.
  Mysql APACHE DNS MAIL Super Server Mysql APACHE DNS MAIL Super Server VMVM VM VM
• 8.
  Microservice Architecture Each services aredecoupled (separated) and can be managed independently. It is elastic, meaning that it can scale in and out easily to meet fluctuating demand. Microservices mostly used by small team.
• 10.
  Developer want todevelop faster. But operational want our app reliable.
• 11.
  Our Challenges ● Conflictbetween developer and operational needs. ● Applications are limited by hardware resource. ● Different environment between development and production stage.
• 12.
  Want Something JustLike This
• 13.
  What makes thathappen?
• 14.
  A Standard toRun Apps # docker run -p 80:80 -d nginx Server Docker OS # apt-get update # apt-get install nginx # service nginx start Server Ubuntu OS # yum install epel-release # yum install nginx # systemctl start nginx Server Centos OS
• 15.
  “CONTAINER” Standard unit ofsoftware that packages up code and all its dependencies so the application runs quickly and reliably from one computing environment to another.
• 16.
  Container vs VM https://www.docker.com/resources/what-container
• 17.
  “DOCKERIZE” Create a Dockerimage of your application. Images become containers when they run on Docker Engine.
• 18.
  Development Flow Version Control System CI/ CD Docker Image Deploy
• 19.
  Creating Docker Image
• 20.
  Example Scenario ● System Requirements: ○ MongoDB Server ○ Node.js >= v10.15 Github : https://github.com/qamalang/nodejs-simple-api
• 21.
  Things to Do Specifyyour application needs. Create a Dockerfile. Build the Docker Image. Push it to public registry. 1 2 3 4
• 22.
  # Specify yourbase image. # We will use NodeJS version 12.13 FROM node:12.13.0-alpine # Copy all files inside app directory to /app inside the container COPY app/ /app # Change working directory to /app within the container WORKDIR /app # Install all dependencies RUN npm install RUN npm install nodemon -g # Run your scripts inside package.json CMD ["npm", "start"] Dockerfile
• 23.
  Use Public Registry- Create Repository
• 24.
  1. Build theDocker image : → docker build . -t <image_name>:<tag> 2. Run it : → docker run -d -p 3000:3000 <image_name> 3. Push it to registry : → docker login -u <your_username> → docker tag <local-image>:<tagname> <new-repo>:<tagname> → docker push <new-repo>:<tagname> Run that commands inside Docker Host.
• 25.
  Result
• 26.
  Where to Learn? ●docs.docker.com ● Katacoda.com ● Qwiklabs.com ● Using Google Cloud ● training.play-with-docker.com ● Pelajar.in ● 12factor.net ● Learn from Community
• 27.
  Mulai langkah Keren-mudari Sekarang di : JADI TUA ITU PASTI, JADI KEREN ITU PILIHAN w w w . j a g o a n h o s t i n g . c o m bit.ly/skuymagang
• 28.
  jaghostidJagoan Hosting Indonesia MochammadSyaifuddin Devops Engineer Contact : +62838-4655-4487 [email protected]